宿舍管理系统代码的结构

目录

一、前端展示页面

1.登录界面

2.操作主页面

二、前端代码结构

三、后端代码结构

---

目前市面上的项目的后端管理系统的样式大同小异，因此，代码的结构也是十分类似的，本篇将以宿舍管理系统的项目的代码为例，简单介绍一下代码的结构构成。

一、前端展示页面

1.登录界面

        这只是简单的一个界面，可以根据自己的喜好和能力自行润色界面

2.操作主页面

        在主页面中最上面左侧为操作系统的名称，右侧为操作按钮（可进行查看个人信息，登出，修改密码等操作）和管理员名称

        主体部分左侧导航栏里，即为各个管理页面，右侧空白部分在你点击导航时即可展现操作界面

        在操作页面中有新增，删除，修改的操作

二、前端代码结构

        这是以vue框架搭建的前端代码

        Main.vue中是操作主页面

        views目录里面的各个目录是操作页面下的每个导航栏的页面

        在这里面有三个文件，分别对应着操作页面的添加页面，主页面和修改页面

三、后端代码结构

        后端的代码及是用javaEE，Tomcat搭建的一个后端服务器

        dao文件是用来与数据库进行交互的部分

        filter文件是是过滤器

        model文件是要传输的数据（即导航栏中的数据）

        util文件是打的包，即将一些重复的代码另写一个类，在需要的地方进行调用

        web文件即是后端与前端进行交互的代码

后面将会对其中的代码进行详细的介绍与分析