Web应用开发课程设计-个人信息维护实验报告.docx

武汉纺织大学 Web应用开发课程设计 个人信息维护 目 录 TOC \o "1-3" \h \u 8979 1 需求分析 1 31608 1.1登入程序 1 27307 1.2主界面 1 28060 1.3各项功能 1 1568 1.3.1 修改手机号码 1 24509 1.3.2 修改密保邮箱 2 5086 1.3.3 修改头像 2 30018 2 系统设计 2 21938 2.1用例图 2 27634 2.2 ER图 3 27371 2.3 UML类图（Class Diagram） 3 7974 2.4 UML时序图（Sequence Diagram） 4 9407 2.4.1 系统登录 4 3019 2.5 UML活动图（Activity Diagram） 4 4877 2.5.1 登陆 4 7234 2.5.2 修改邮箱 4 26406 2.5.3 修改手机号 5 18596 2.5.4 修改头像 5 15512 3 系统实现 5 15007 3.1 项目结构 5 2386 3.2 配置文件 6 32659 3.2.1 perties文件 6 32691 3.2.2 spring-application.xml文件 6 30938 3.2.3 spring-mvc.xml文件 7 31294 3.2.4 mybatis.xml文件 7 25399 3.3 VO类 8 1485 3.3.1 VO类User.java 8 22196 3.3.2 VO类UserInfo.java 8 1655 3.4 DAO接口类 9 27256 3.4.1 DAO接口类UserDAO.java 9 5252 3.4.2 DAO接口类UserDAO.java 9 17509 3.5Controller控制类 9 23076 3.5.1 Controller控制类UserController.java 9 23157 3.5.2 Controller控制类UserInfoControler.java 10 16326 3.6 Service服务层UserService.java 10 7219 3.6.1 Service服务层UserService.java 10 25667 3.6.2 Service服务层UserInfoService.java 11 11454 3.7 前端页面代码 11 1846 4 系统总结 16 web应用开发期末综合设计文档 PAGE PAGE 2 1 需求分析 设计一个人信息维护，实现个人信息的显示与相关信息的修改功能（修改头像，手机，密保邮箱），登录历史信息的表格显示。登录历史信息与个人信息来自于数据库。具体要求如下： 1.1登入程序 当程序运行时，主显示个人信息维护界面，右边显示登入历史信息；左边有3个是可以修改的按键、修改头像图片和手机号码、密保邮箱。 1.2主界面 当index.html里面设置了直接登入，所以程序里面直接进入主界面，如下图1.1： 图1.1主界面个人信息维护界面 1.3各项功能 1.3.1 修改手机号码 点击界面上手机后面的修改，出现提示框，修改手机号之后会出现修改成功的提示框，同时界面上的手机号也更换了。如图1.2所示： 图1.2修改手机号码成功 1.3.2 修改密保邮箱 点击界面上密保邮箱的修改，出现提示框，修改密保邮箱之后会出现修改成功的提示框，同时界面上的密保邮箱也更换了。如图1.3所示： 图1.3修改密保邮箱成功 1.3.3 修改头像 点击界面上图像旁边的修改，出现提示框，更改图片之后会出现修改成功的提示框，同时界面上的头像图片也更换了，但是由于技术不达标这项功能没有完成。 1.3.4 登录历史信息 登录历史信息，采用了mysql。其表单userinfo.sql?如图1.4所示： 图1.4 userinfo.sql表单 2 系统设计 2.1用例图 其个人信息维护用例如下图2.1： 图2.1个人信息维护功能 2.2 ER图 MySQL数据库，有2个表单。user.sql个人信息修改表单用于保存用户、密码、手机邮箱、与图片，userinfo.sql登录历史信息表单如下图2.1所示： 图2.1数据库表单 2.3 UML类图（Class Diagram） 对于用户功能模块，共设计如下4个类。 数据库连接类perties：连接数据库并获取连接对象. VO实体类User：与数据库结构进行映射的类。主要由属性，Integer,String方法组成，VO类中的属性与表中的字段相对应，每一个VO类的对象都表示表中的每一