Web应用开发课程设计
级联显示
学 院：
班 级：
姓 名：
学 号：
指导老师：
成 绩：
完成日期： 2020 年
目 录
1 需求分析 ........................................................................................................................................
1.2 主页面级联显示...................................................................................................................
2 系统设计 ........................................................................................................................................
2.1 用户用例图 ..........................................................................................................................
2.2 ER 图 .....................................................................................................................................
2.3 UML 类图（Class Diagram） ...............................................................................................
2.4 UML 时序图（Sequence Diagram）....................................................................................
2.4.1 读取省份信息.........................................................................................................
2.4.2 读取大学信息.........................................................................................................
2.5 UML 活动图（Activity Diagram） .......................................................................................
2.5.1 读取省份信息.........................................................................................................
2.5.2 读取大学信息.........................................................................................................
3 系统实现 ........................................................................................................................................
3.1 项目结构 .............................................................................................................................
3.2 配置文件 .............................................................................................................................
3.2.1 jdbc.........................................................................................................................
3.2.2 web.xml 文件..........................................................................................................
3.3 VO 类 scholol.java province.java ..........................................................................................
3.4 DAO 类 provinceDao.java schoolDao.java............................................................................
3.5 tools 类 jdbcutil.java............................................................................................................
3.6 controller queryProvinceSchool.java ....................................................................................
3.7 前端页面 test.html js.js css.css ...........................................................................................
4 系统测试 ........................................................................................................................................
5 系统总结 ........................................................................................................................................
web 应用开发期末综合练习设计文档
1
1 需求分析
设计一个级联选择的功能，里面省份和省份大学的级联选择，数据都是来自于数据库。
当程序运行时，显示“欢迎使用****超市收银系统，请登陆”，提示用户依次输入用户名及
其密码，当用户名及密码不正确时，显示提示信息“用户名或密码不正确，请重新输入”，
1.1 主菜单
主页面里面显示所有的数据
2 系统设计
2.1 用户用例图
系统分为省份，省份大学两个角色，各角色的用户用例如下图 2-1 所示：
图 2-1 用户用例图
2.2 ER 图
数据库设计 2 张表，省份表，学校表，对应的 ER 图如图 3-1 所示。
%3C
图 3-1 数据库 ER 图
2.3 UML 类图（Class Diagram）
对于用户功能模块，共设计如下 6 个类。
数据库连接类 jdbcutil：连接数据库并获取连接对象，关闭连接对象。
VO 实体类 school,province：与数据库结构进行映射的类。主要由属性，setter, getter 方
法组成，VO 类中的属性与表中的字段相对应，每一个 VO 类的对象都表示表中的每一条记录
DAO provinceDAO：主要定义操作的接口，定义一系列数据库的原子性操作，例如增删改查（通
常称为 CRUD）等。
Controller 类 queryProvinceSchool：主要接收前端的请求然后根据请求返回相应的数据
web 应用开发期末综合练习设计文档
2
各类的结构及类之间的关系如图 2-5 所示：
图 2-5 用户功能类图
2.4 UML 时序图（Sequence Diagram）
2.4.1 读取省份信息
web 应用开发期末综合练习设计文档
3
2.4.2 读取学校信息
