注:展示部分文档内容和系统截图,需要完整的视频、代码、文章和安装调试环境请私信up主。
4.3 功能协作图设计
4.3.1 用户登录模块
用户在登录界面进行登录操作,输入用户信息,在录入用户信息界面验证是否完整,将获取的信息存储到用户信息表中,再将结果返回给用户,提示登录结果。用户登录协作图如图4-6所示。
4.3.2 个人中心模块
用户在个人中心模块中修改信息,如密码、账号、姓名、联系方式等,用户进入个人中心,发起申请修改密码操作,提交修改内容给controller,进入数据表获取数据库信息,最后将结果返回给用户。个人中心协作图如图4-7所示。
4.3.3 提交预定模块
用户根据预定提交申请,输入搜索内容提交搜索内容给controller,进入租赁信息表获取数据库信息,之后再将结果返回给用户,提交预订协作图如图4-8所示。
4.4.3 数据库表设计
(1) 管理员信息表
管理员表记录了管理员id、管理员名、密码、真实姓名等,如表4-1所示
表 4-1 管理员信息表
字段名 | 数据类型 | 是否为主键 | 允许空 | 说明 |
id | bigint(20) | 是 | 否 | 唯一标识 |
addtime | timestamp | 否 | 否 | 创建时间 |
guanliyuanming | varchar(200) | 否 | 否 | 管理员名 |
mima | varchar(200) | 否 | 否 | 密码 |
realname | varchar(200) | 否 | 否 | 真实姓名 |
- 用户信息表
用户信息表记录用户的具体信息,如表4-2所示
表 4-2 用户信息表
字段名 | 数据类型 | 是否为主键 | 允许空 | 说明 |
id | bigint(20) | 是 | 否 | 唯一标识 |
addtime | timestamp | 否 | 否 | 创建时间 |
yuangonggonghao | varchar(200) | 否 | 否 | 用户编号 |
mima | varchar(200) | 否 | 否 | 密码 |
yuangongxingming | varchar(200) | 否 | 否 | 用户姓名 |
xingbie | varchar(200) | 否 | 否 | 性别 |
touxiang | varchar(200) | 否 | 否 | 头像 |
shouji | varchar(200) | 否 | 否 | 手机 |
shenfenzheng | varchar(200) | 否 | 否 | 邮箱 |
- 客房信息表
客房信息表主要记录客房的具体内容,如表4-3所示
表 4- 3 客房信息表
字段名 | 数据类型 | 是否为主键 | 允许空 | 说明 |
id | bigint(20) | 是 | 否 | 唯一标识 |
addtime | timestamp | 否 | 否 | 创建时间 |
bianhao | varchar(200) | 否 | 否 | 编号 |
mingcheng | varchar(200) | 否 | 否 | 名称 |
leixing | varchar(200) | 否 | 否 | 类型 |
tupian | varchar(200) | 否 | 否 | 图片 |
mianji | varchar(200) | 否 | 是 | 面积 |
zujin | varchar(200) | 否 | 否 | 租金 |
suliang | int(11) | 否 | 否 | 数量 |
chaoxiang | int(11) | 否 | 否 | 朝向 |
dizi | int(11) | 否 | 否 | 地址 |
- 资讯信息表
资讯信息表主要记录管理员发布的具体内容,如表4-4所示
表 4- 4 资讯信息表
字段名 | 数据类型 | 是否为主键 | 允许空 | 说明 |
id | bigint(20) | 是 | 否 | 唯一标识 |
addtime | timestamp | 否 | 否 | 创建时间 |
gonggaobiaoti | varchar(200) | 否 | 否 | 资讯标题 |
tupian | varchar(200) | 否 | 否 | 图片 |
neirong | longtext | 否 | 否 | 内容 |
faburiqi | date | 否 | 否 | 发布日期 |
- 分类表
分类表主要是记录类别的具体内容,如表4-5所示
表 4- 5 客房分类表
字段名 | 数据类型 | 是否为主键 | 允许空 | 说明 |
id | bigint(20) | 是 | 否 | 唯一标识 |
addtime | timestamp | 否 | 否 | 创建时间 |
leixing | varchar(200) | 否 | 否 | 类型 |
4.5 本章小结
本章主要讲述了平台使用前后端分离的开发模式和前后端使用的框架,介绍了平台的总体模块的设计,主要模块的设计,主要的实体类和主要的数据库表的设计,介绍了每个模块、实体、表的具体作用。
5 系统的具体实现
该系统所实现的功能是为用户和管理员提供服务的一个Web系统,在这一章节中将系统主要实现的功能从界面实现上来进行介绍,并最终完成对该民宿预定系统的开发工作。
5.1 管理员用户功能设计与实现
5.1.1 管理员登录设计与实现
本民宿预定的用户登录涉及到三类信息的判断:第一类是用户名和密码是否为空;第二类是验证码是否录入和正确;第三类就是用户登录信息和权限是否匹配通过。在用户登录流程中会对用户名和密码是否为空进行判断,是否正确进行判断,以上的几类信息中的一种存在问题的情况下都是无法成功登录的。
管理员登录的验证将不再局限于登录信息和权限的匹配验证,而是另外增加了一个验证码,只有界面上所有的编辑框数据都准确的情况下才能实现登录成功。管理员的登录和用户登录是一样的过程,其主要就是利用权限字段来完成对用户或管理员的角色识别。
管理员登录界面如图5-1所示。
5.1.2 用户信息管理页面设计与实现
管理员登录系统后,选择用户信息管理功能。系统将打开相应的工作面板,管理员选择新增用户信息选项,进入用户信息添加界面。在此界面上,管理员需要在给定的文本框中填写新用户的基本信息,并在确认后完成添加。系统会自动调用add函数,以确保添加的用户信息无误。
管理员可以在该工作面板上修改已经填写的信息,但是主键信息不能更改。为完成修改操作,管理员需输入需要修改的用户信息的参数,再调用update()函数完成相应操作。
检索用户信息,在新增用户信息以后,在检索工具栏中填写对应的用户信息,系统就会将该用户信息有关的所有信息展示出来。下面的图5-2展示的就是该板块对应的工作面。
5.1.3 客房信息管理的设计与实现
本系统中提供给用户来购买的基础信息是客房信息,还有就是与购买商品相关的订单信息等,对客房信息管理的三种基本操作:一种是完成客房信息的添加,在这里会根据客房信息的录入情况来判断;一种是对客房信息的修改,另一种就是对客房信息的删除。其后两种操作都是要建立在第一种操作生成的商品列表的基础上完成的。
使用管理员账户登录系统,选择客房信息管控功能。系统将打开客房信息管理界面,在该界面上选择新增客房信息选项,进入客房信息添加工作面板,在新增该部分信息时系统会自动调用add函数,然后填写新客房的基本信息并选择确认即可完成添加。系统会自动调用相应的功能,以确保添加的客房信息正确无误。下面的图5-3展示的就是该板块对应的工作界面。
5.3.3 个人信息修改功能测试
该系统测试模块测试系统的提交修改功能是否正常。主要功能是测试用户在提交修改信息时,是否能成功提交,在必填信息为空时是否会返回提示。信息被选中后是否可以输入和修改,系统是否可以正确修改,个人信息模块测试用例表是否可以修改,个人信息修改测试用例表如表5-2所示。
表5-2 个人信息修改功能测试用例
序号 | 测试方法 | 预期结果 | 实际结果 | 测试结果 |
1 | 用户名:ddd | 修改成功 | 修改成功 | 通过 |
2 | 手机号:12346951111 | 修改成功 | 修改成功 | 通过 |
地址:ddd | 修改成功 | 修改成功 | 通过 | |
4 | 密码:ddd | 修改成功 | 修改成功 | 通过 |
5.3.4 信息新增功能测试
判断用户能否对信息进行新增。信息管理模块测试用例表,如表5-3所示。
表5-3 上架功能测试用例
序号 | 操作 | 预期结果 | 实际结果 | 测试结果 |
1 | 不输入任何信息进行提交 | 提示客房信息不能为空 | 弹出提示框“客房信息不能为空” | 通过 |
2 | 输入不符合规定错误信息 | 提示客房信息格式错误 | 弹出提示“客房信息格式错误” | 通过 |
3 | 输入正确信息 | 添加成功 | 添加成功 | 通过 |
4 | 输入要查找的信息 | 查找成功并显示信息 | 查找成功并显示信息 | 通过 |
5.3.5 发布资讯功能测试
判断资讯内容能否准确发布。
资讯管理模块测试用例表,如表5-4所示。
表5-4 资讯管理功能测试用例
序号 | 输入 | 预期结果 | 实际结果 | 测试结果 |
1 | 标题:Null 内容:Null | 提示标题不能为空 | 弹出提示框提示标题不能为空 | 通过 |
2 | 标题:Null 内容:Null | 提示备注为必输项 | 提示备注为必输项 | 通过 |
3 | 标题:测试标题 内容:测试内容 | 发布成功 | 发布成功 | 通过 |
目 录