后台管理系统框架构建
2018-12-03 本文已影响505人
bd0844e8e06d
一,新建maven项目bookmanage
![](https://img.haomeiwen.com/i14488067/c1b3b8e9ae886a24.png)
![](https://img.haomeiwen.com/i14488067/2880319fc0b0cfd8.png)
![](https://img.haomeiwen.com/i14488067/5985ed32179da617.png)
![](https://img.haomeiwen.com/i14488067/f30a86a06a091256.png)
二,新建项目成功后在pom.xml中修改JDK版本,并添加项目所需依赖。
![](https://img.haomeiwen.com/i14488067/089807e45f2995d5.png)
![](https://img.haomeiwen.com/i14488067/d6def7591b764205.png)
三,3.src源码根据MVC模式划分子包
- entity包:存放实体类
- dao包:存放各个实体的DAO接口
- controller包:存放各个布局文件对应的控制器类
- utils包:存放工具类
- main下新建resources,将其设为资源目录,其下划分各个子目录
- config:用来存放一些配置文件,如db.setting
- css:用来存放样式表文件
- fxml:用来存放布局文件
- img:用来存放图片
为了做出一个主界面主体框架效果,先建立必须的几个文件,如图:
![](https://img.haomeiwen.com/i14488067/be449e599bdcf484.png)
四,启动主类代码MainApp.java,注意各个文件名和代码对应
![](https://img.haomeiwen.com/i14488067/8ee678a7a6465242.png)
五,主控制器MainController.java
![](https://img.haomeiwen.com/i14488067/6b5059bb0118e40b.png)
![](https://img.haomeiwen.com/i14488067/0a690c903a1a4f22.png)
六,布局文件main.fxml
main.fxml.png
![](https://img.haomeiwen.com/i14488067/832d505454863023.png)
![](https://img.haomeiwen.com/i14488067/3c9de022d7d5728e.png)
![](https://img.haomeiwen.com/i14488067/4f17443bbdc75800.png)
七,default.fxml,默认的主界面主体内容,暂时先放一个图片占位。
![](https://img.haomeiwen.com/i14488067/0269da5b213ade2e.png)
八,type.fxml,图书类别数据展示,暂时先放一个文本标签占位
![](https://img.haomeiwen.com/i14488067/252bd6ef66e23efa.png)
九,book.fxml,图书信息数据展示,暂时先放一个ListView占位
![](https://img.haomeiwen.com/i14488067/1fd9af67a4e114bf.png)
![](https://img.haomeiwen.com/i14488067/9957e504d7fab3ec.png)
运行说明:
-
启动主界面,整体是BorderPane布局
-
顶部显示一些基本信息,点击左侧“图书后台管理系统”文字可以实- 现“主页”的效果
-
中间部分由SplitPane分割成左右两块
-
左侧为一个风琴面板+标题面板,实现左侧导航效果
-
右侧一个StackPane,由左侧点击不同的功能选项切换不同的布局文件,实现卡片效果,暂时只做了“图书类别”、“图书信息”两个
运行效果图:
启动界面
主界面.png
-
点击左侧“类别管理”下的“图书类别”功能
图书类别.png
-
点击左侧“图书管理”下的“图书信息”功能
图书信息.png
-
点击左上角“图书后台管理系统”文字,可切换到默认主页
回到默认界面.png