后台管理系统框架构建
2018-12-03 本文已影响505人
bd0844e8e06d
一,新建maven项目bookmanage




二,新建项目成功后在pom.xml中修改JDK版本,并添加项目所需依赖。


三,3.src源码根据MVC模式划分子包
- entity包:存放实体类
- dao包:存放各个实体的DAO接口
- controller包:存放各个布局文件对应的控制器类
- utils包:存放工具类
- main下新建resources,将其设为资源目录,其下划分各个子目录
- config:用来存放一些配置文件,如db.setting
- css:用来存放样式表文件
- fxml:用来存放布局文件
- img:用来存放图片
为了做出一个主界面主体框架效果,先建立必须的几个文件,如图:

四,启动主类代码MainApp.java,注意各个文件名和代码对应

五,主控制器MainController.java


六,布局文件main.fxml
main.fxml.png



七,default.fxml,默认的主界面主体内容,暂时先放一个图片占位。

八,type.fxml,图书类别数据展示,暂时先放一个文本标签占位

九,book.fxml,图书信息数据展示,暂时先放一个ListView占位


运行说明:
-
启动主界面,整体是BorderPane布局
-
顶部显示一些基本信息,点击左侧“图书后台管理系统”文字可以实- 现“主页”的效果
-
中间部分由SplitPane分割成左右两块
-
左侧为一个风琴面板+标题面板,实现左侧导航效果
-
右侧一个StackPane,由左侧点击不同的功能选项切换不同的布局文件,实现卡片效果,暂时只做了“图书类别”、“图书信息”两个
运行效果图:
启动界面
主界面.png
-
点击左侧“类别管理”下的“图书类别”功能
图书类别.png
-
点击左侧“图书管理”下的“图书信息”功能
图书信息.png
-
点击左上角“图书后台管理系统”文字,可切换到默认主页
回到默认界面.png