一，新建maven项目bookmanage
image.png
image1.png
image2.png
image3.png
二，新建项目成功后在pom.xml中修改JDK版本，并添加项目所需依赖。
项目所需依赖.png
Maven Projects.png
三，3.src源码根据MVC模式划分子包
- entity包：存放实体类
- dao包：存放各个实体的DAO接口
- controller包：存放各个布局文件对应的控制器类
- utils包:存放工具类
- main下新建resources，将其设为资源目录，其下划分各个子目录
- config：用来存放一些配置文件，如db.setting
- css：用来存放样式表文件
- fxml：用来存放布局文件
- img：用来存放图片
为了做出一个主界面主体框架效果，先建立必须的几个文件，如图：
项目目录结构.png
四，启动主类代码MainApp.java，注意各个文件名和代码对应
MainAPP.png
五，主控制器MainController.java
MainController.png
MainController1.png
六，布局文件main.fxml
main.fxml.png
main.fxml1.png
main.fxml2.png
main.fxml3.png
七，default.fxml，默认的主界面主体内容，暂时先放一个图片占位。
default.fxml.png
八，type.fxml，图书类别数据展示，暂时先放一个文本标签占位
type.fxml.png
九，book.fxml，图书信息数据展示，暂时先放一个ListView占位
book.fxml.png
book.fxml1.png
运行说明：
-
启动主界面，整体是BorderPane布局
-
顶部显示一些基本信息，点击左侧“图书后台管理系统”文字可以实- 现“主页”的效果
-
中间部分由SplitPane分割成左右两块
-
左侧为一个风琴面板+标题面板，实现左侧导航效果
-
右侧一个StackPane，由左侧点击不同的功能选项切换不同的布局文件，实现卡片效果，暂时只做了“图书类别”、“图书信息”两个
运行效果图：
启动界面
主界面.png
-
点击左侧“类别管理”下的“图书类别”功能
图书类别.png
-
点击左侧“图书管理”下的“图书信息”功能
图书信息.png
-
点击左上角“图书后台管理系统”文字，可切换到默认主页
回到默认界面.png
网友评论