目录
目前市面上的项目的后端管理系统的样式大同小异,因此,代码的结构也是十分类似的,本篇将以宿舍管理系统的项目的代码为例,简单介绍一下代码的结构构成。
一、前端展示页面
1.登录界面
这只是简单的一个界面,可以根据自己的喜好和能力自行润色界面
2.操作主页面
在主页面中最上面左侧为操作系统的名称,右侧为操作按钮(可进行查看个人信息,登出,修改密码等操作)和管理员名称
主体部分左侧导航栏里,即为各个管理页面,右侧空白部分在你点击导航时即可展现操作界面
在操作页面中有新增,删除,修改的操作
二、前端代码结构
这是以vue框架搭建的前端代码
Main.vue中是操作主页面
views目录里面的各个目录是操作页面下的每个导航栏的页面
在这里面有三个文件,分别对应着操作页面的添加页面,主页面和修改页面
三、后端代码结构
后端的代码及是用javaEE,Tomcat搭建的一个后端服务器
dao文件是用来与数据库进行交互的部分
filter文件是是过滤器
model文件是要传输的数据(即导航栏中的数据)
util文件是打的包,即将一些重复的代码另写一个类,在需要的地方进行调用
web文件即是后端与前端进行交互的代码
后面将会对其中的代码进行详细的介绍与分析