Gitee链接：https://gitee.com/fanggaolei/housekeeper-bookkeeping-system

本项目为个人练手项目，采用Servlet+JSP+BootStrap为主要技术点，适合JSP课程设计，练习Java开发，SQL查询

  本项目为一个记账系统，实现用户进行注册登录后，进入主页面，对个人账单数据进行增啥改查，并提供丰富的查询聚合统计功能。

​    项目主要用到JSP做页面展示，使用Servlet，作为做后端数据的处理工作，使用MySql作为数据存储，项目采用标准的MVC架构实现即”模型-视图-控制器“三层架构实现（View—>Controler—>Service—>Dao），开发者可以通过个人需求对页面内容进行分层开发。

主要采用技术：

前端：bootstrap，javascript，JQuery，html，css

后端：Java，SQL，servlet

1.用户注册

   用户注册提交表单后需要进行数据的校验功能，输入框不能为空，两次输入的密码必须一致，用户名和密码长度符合需求。

2.用户登录

   用户输入个人正确的账号密码进入主页。输入数据必须不能为空，且必须符合长度规范才能提交。

3.用户主页

   用户进入主页后，根据用户的个人ID，在账务数据库中查询，只属于个人的账户信息，并在页面左侧边栏显示账务的聚合信息，在中间部分主页显示具体的数据表单。

4.用户数据查询

   显示所有数据，当用户进入主页后，直接根据用户ID查询当前用户的所有账务信息，并显示在页面，用户点击类型或时间查询，弹出对应的模态框，用户根据模态框的提示信息，填写对应格式的数据，如果数据格式不匹配，则表单无法进行提交。

5.用户删除数据

当用户点击对应信息的删除按钮，弹出模态框，提示用户是否确认删除当前信息，用户点击确认后，则将当前数据删除，并自动刷新当前页面

6.用户新增数据

   当用户点击新增数据时，弹出对应新增数据表单，用户根据提示信息，将正确的内容输入，点击提交按钮即可提交数据，如果用户输入的数据不符合规范，页面弹出对应的提示，让用户填写符合格式的数据。

7.用户修改数据

   当用户点击对应数据的修改按钮时，当前数据的信息回显到，修改数据模态框中，用户根据个人情况对数据进行修改，并且提交的数据必须是符合规范的，如果数据不符合格式要求，提示用户填写正确格式的数据。

8.用户退出登录

   当用户退出登录后，用户不可通过返回页面继续修改页面数据，实现方式为，当用户点击 退出按钮，就销毁当前session，用户无法再修改数据。

MySql：5.7版本

Tomcat：7(使用Maven插件，在Pom.xml文件中配置即可使用，无需个人下载)

JDK：1.8版本

用户需要输入用户名

并需要输入两次相同密码才能注册成功

左边栏显示时间信息，以及当前用户数据信息

页面左边栏显示表格聚合信息

系统支持：用户数据的增删改查

将数据放入到对应的请求体中，通过页面的转发和重定向可以实现，两个servlrt的数据传输

1.servlet将数据放入到session中，jsp页面可以从session获取数据

2.Servlet将数据放到请求体重，并进行转发

1.form表单

2.URL 发送get请求即可

3.session：jsp页面直接将数据存入到session中就可以了

下面是本项目的表单回显

主要说明：

1.获取到需要回显的值

2.将数据打包成一个对象

3.普通数据回显根据dom的name直接将数据写回

4.下拉菜单回显

遍历下拉菜单的元素信息，当信息与当前相等的时候进行数据回显即可