第3章 系统设计
3.1系统设计目标
本系统的实现可以帮助体育馆场地信息的管理。帮助管理员对注册用户管理以及用户预约管理。同时可以帮助用户进行场地预约。本系统可以实现用户足不出户预约到需要的场地,为用户提供场地信息了解的平台。
3.2系统功能结构图
本系统的结构包括管理员和用户,根据系统功能分析中的功能进行系统功能结构图的设计。在首页中主要为用户操作的功能,在后台中为管理员身份的操作功能。管理员的功能为管理首页信息和用户的操作信息。本系统中管理员的功能结构图如下图3.1所示:
图3.1系统管理员的功能结构图
本系统用户的功能结构图如下图3.2所示:
图3.2系统用户的功能结构图
3.3系统的数据库设计
本系统的数据库采用Mysql软件,Mysql软件可以单独使用。数据库为系统中数据的仓库,数据库的设计包括数据库概念结构设计和数据库的逻辑结构设计。在数据库的概念结构设计中通常使用数据库ER图来设计。
3.3.1数据库概念结构设计
本系统中的主要实体为管理员信息、用户信息、预约信息、场地信息和场地公告信息等,其中管理员信息ER图如下图3.3所示:
图3.3管理员ER图
(1)注册用户信息的ER图如下图3.4所示:
图3.4注册用户ER图
(2)预约信息的ER图如下图3.5所示:
图3.5预约信息ER图
(3)类别信息ER图如下图3.6所示:
图3.6场地类别信息ER图
3.3.2数据库逻辑结构设计
根据数据库ER图设计出数据库表,数据库表中记录了不同分类数据的类型和长度等信息。本系统设计的主要数据库表有管理员信息表,场地信息表,用户信息表,场地公告信息表,预约信息表,押金信息表等。本系统的数据库表详细结构如下表3.1-3.13所示:
表3.1 changdileixing
序号列名数据类型长度小数位标识主键外键允许空默认值说明1idbigint20是是否auto_increment2addtimetimestamp否CURRENT_TIMESTAMP3changdileixingvarchar200否 |
---|
表3.2 changdishiyong
序号 |
列名 |
数据类型 |
长度 |
小数位 |
标识 |
主键 |
外键 |
允许空 |
默认值 |
说明 |
---|---|---|---|---|---|---|---|---|---|---|
1 |
id |
bigint |
20 |
是 |
是 |
否 |
auto_increment |
|||
2 |
addtime |
timestamp |
否 |
CURRENT_TIMESTAMP |
||||||
3 |
yuyuebianhao |
varchar |
200 |
是 |
||||||
4 |
changdimingcheng |
varchar |
200 |
是 |
||||||
5 |
changdileixing |
varchar |
200 |
是 |
||||||
6 |
yajin |
int |
11 |
是 |
||||||
7 |
shijianchangci |
datetime |
是 |
|||||||
8 |
shiyongshijian |
datetime |
是 |
|||||||
9 |
zhanghao |
varchar |
200 |
是 |
||||||
10 |
xingming |
varchar |
200 |
是 |
||||||
11 |
dianhua |
varchar |
200 |
是 |
||||||
12 |
sfsh |
varchar |
200 |
是 |
否 |
|||||
13 |
shhf |
longtext |
是 |
|||||||
14 |
userid |
bigint |
20 |
是 |
表3.3 changdixinxi
序号 |
列名 |
数据类型 |
长度 |
小数位 |
标识 |
主键 |
外键 |
允许空 |
默认值 |
说明 |
---|---|---|---|---|---|---|---|---|---|---|
1 |
id |
bigint |
20 |
是 |
是 |
否 |
auto_increment |
|||
2 |
addtime |
timestamp |
否 |
CURRENT_TIMESTAMP |
||||||
3 |
changdimingcheng |
varchar |
200 |
否 |
||||||
4 |
changdileixing |
varchar |
200 |
否 |
||||||
5 |
changditupian |
varchar |
200 |
是 |
||||||
6 |
zhuangtai |
varchar |
200 |
是 |
||||||
7 |
yajin |
int |
11 |
否 |
||||||
8 |
changdixiangqing |
longtext |
是 |
表3.4 config
序号 |
列名 |
数据类型 |
长度 |
小数位 |
标识 |
主键 |
外键 |
允许空 |
默认值 |
说明 |
---|---|---|---|---|---|---|---|---|---|---|
1 |
id |
bigint |
20 |
是 |
是 |
否 |
auto_increment |
|||
2 |
name |
varchar |
100 |
否 |
||||||
3 |
value |
varchar |
100 |
是 |
表3.5 discusschangdixinxi
序号 |
列名 |
数据类型 |
长度 |
小数位 |
标识 |
主键 |
外键 |
允许空 |
默认值 |
说明 |
---|---|---|---|---|---|---|---|---|---|---|
1 |
id |
bigint |
20 |
是 |
是 |
否 |
auto_increment |
|||
2 |
addtime |
timestamp |
否 |
CURRENT_TIMESTAMP |
||||||
3 |
refid |
bigint |
20 |
否 |
||||||
4 |
userid |
bigint |
20 |
否 |
||||||
5 |
nickname |
varchar |
200 |
是 |
||||||
6 |
content |
longtext |
否 |
|||||||
7 |
reply |
longtext |
是 |
表3.6 news
序号 |
列名 |
数据类型 |
长度 |
小数位 |
标识 |
主键 |
外键 |
允许空 |
默认值 |
说明 |
---|---|---|---|---|---|---|---|---|---|---|
1 |
id |
bigint |
20 |
是 |
是 |
否 |
auto_increment |
|||
2 |
addtime |
timestamp |
否 |
CURRENT_TIMESTAMP |
||||||
3 |
title |
varchar |
200 |
否 |
||||||
4 |
introduction |
longtext |
是 |
|||||||
5 |
picture |
varchar |
200 |
否 |
||||||
6 |
content |
longtext |
否 |
表3.7 quxiaoshenqing
序号 |
列名 |
数据类型 |
长度 |
小数位 |
标识 |
主键 |
外键 |
允许空 |
默认值 |
说明 |
---|---|---|---|---|---|---|---|---|---|---|
1 |
id |
bigint |
20 |
是 |
是 |
否 |
auto_increment |
|||
2 |
addtime |
timestamp |
否 |
CURRENT_TIMESTAMP |
||||||
3 |
yuyuebianhao |
varchar |
200 |
是 |
||||||
4 |
changdimingcheng |
varchar |
200 |
是 |
||||||
5 |
changdileixing |
varchar |
200 |
是 |
||||||
6 |
yajin |
int |
11 |
是 |
||||||
7 |
shijianchangci |
datetime |
是 |
|||||||
8 |
quxiaoshijian |
datetime |
是 |
|||||||
9 |
zhanghao |
varchar |
200 |
是 |
||||||
10 |
xingming |
varchar |
200 |
是 |
||||||
11 |
dianhua |
varchar |
200 |
是 |
||||||
12 |
sfsh |
varchar |
200 |
是 |
否 |
|||||
13 |
shhf |
longtext |
是 |
|||||||
14 |
userid |
bigint |
20 |
是 |
表3.8 storeup
序号 |
列名 |
数据类型 |
长度 |
小数位 |
标识 |
主键 |
外键 |
允许空 |
默认值 |
说明 |
---|---|---|---|---|---|---|---|---|---|---|
1 |
id |
bigint |
20 |
是 |
是 |
否 |
auto_increment |
|||
2 |
addtime |
timestamp |
否 |
CURRENT_TIMESTAMP |
||||||
3 |
userid |
bigint |
20 |
否 |
||||||
4 |
refid |
bigint |
20 |
是 |
||||||
5 |
tablename |
varchar |
200 |
是 |
||||||
6 |
name |
varchar |
200 |
否 |
||||||
7 |
picture |
varchar |
200 |
否 |
||||||
8 |
type |
varchar |
200 |
是 |
1 |
|||||
9 |
inteltype |
varchar |
200 |
是 |
表3.9 token
序号 |
列名 |
数据类型 |
长度 |
小数位 |
标识 |
主键 |
外键 |
允许空 |
默认值 |
说明 |
---|---|---|---|---|---|---|---|---|---|---|
1 |
id |
bigint |
20 |
是 |
是 |
否 |
auto_increment |
|||
2 |
userid |
bigint |
20 |
否 |
||||||
3 |
username |
varchar |
100 |
否 |
||||||
4 |
tablename |
varchar |
100 |
是 |
||||||
5 |
role |
varchar |
100 |
是 |
||||||
6 |
token |
varchar |
200 |
否 |
||||||
7 |
addtime |
timestamp |
否 |
CURRENT_TIMESTAMP |
||||||
8 |
expiratedtime |
timestamp |
否 |
CURRENT_TIMESTAMP |
表3.10 tuihuiyajin
序号 |
列名 |
数据类型 |
长度 |
小数位 |
标识 |
主键 |
外键 |
允许空 |
默认值 |
说明 |
---|---|---|---|---|---|---|---|---|---|---|
1 |
id |
bigint |
20 |
是 |
是 |
否 |
auto_increment |
|||
2 |
addtime |
timestamp |
否 |
CURRENT_TIMESTAMP |
||||||
3 |
yuyuebianhao |
varchar |
200 |
是 |
||||||
4 |
changdimingcheng |
varchar |
200 |
是 |
||||||
5 |
changdileixing |
varchar |
200 |
是 |
||||||
6 |
yajin |
int |
11 |
是 |
||||||
7 |
zhanghao |
varchar |
200 |
是 |
||||||
8 |
xingming |
varchar |
200 |
是 |
||||||
9 |
dianhua |
varchar |
200 |
是 |
||||||
10 |
tuihuishijian |
datetime |
是 |
|||||||
11 |
userid |
bigint |
20 |
是 |
表3.11 users
序号 |
列名 |
数据类型 |
长度 |
小数位 |
标识 |
主键 |
外键 |
允许空 |
默认值 |
说明 |
---|---|---|---|---|---|---|---|---|---|---|
1 |
id |
bigint |
20 |
是 |
是 |
否 |
auto_increment |
|||
2 |
username |
varchar |
100 |
否 |
||||||
3 |
password |
varchar |
100 |
否 |
||||||
4 |
role |
varchar |
100 |
是 |
管理员 |
|||||
5 |
addtime |
timestamp |
否 |
CURRENT_TIMESTAMP |
表3.12 wodeyuyue
序号 |
列名 |
数据类型 |
长度 |
小数位 |
标识 |
主键 |
外键 |
允许空 |
默认值 |
说明 |
---|---|---|---|---|---|---|---|---|---|---|
1 |
id |
bigint |
20 |
是 |
是 |
否 |
auto_increment |
|||
2 |
addtime |
timestamp |
否 |
CURRENT_TIMESTAMP |
||||||
3 |
yuyuebianhao |
varchar |
200 |
是 |
||||||
4 |
changdimingcheng |
varchar |
200 |
是 |
||||||
5 |
changdileixing |
varchar |
200 |
是 |
||||||
6 |
yajin |
int |
11 |
是 |
||||||
7 |
shijianchangci |
datetime |
是 |
|||||||
8 |
yuyueshijian |
datetime |
是 |
|||||||
9 |
zhanghao |
varchar |
200 |
是 |
||||||
10 |
xingming |
varchar |
200 |
是 |
||||||
11 |
dianhua |
varchar |
200 |
是 |
||||||
12 |
ispay |
varchar |
200 |
是 |
未支付 |
|||||
13 |
userid |
bigint |
20 |
是 |
表3.13 yonghu
序号 |
列名 |
数据类型 |
长度 |
小数位 |
标识 |
主键 |
外键 |
允许空 |
默认值 |
说明 |
---|---|---|---|---|---|---|---|---|---|---|
1 |
id |
bigint |
20 |
是 |
是 |
否 |
auto_increment |
|||
2 |
addtime |
timestamp |
否 |
CURRENT_TIMESTAMP |
||||||
3 |
zhanghao |
varchar |
200 |
否 |
||||||
4 |
xingming |
varchar |
200 |
否 |
||||||
5 |
mima |
varchar |
200 |
否 |
||||||
6 |
touxiang |
varchar |
200 |
是 |
||||||
7 |
xingbie |
varchar |
200 |
是 |
||||||
8 |
nianling |
int |
11 |
是 |
||||||
9 |
dianhua |
varchar |
200 |
否 |
第4章 系统实现
4.1 管理员权限的功能模块实现界面
4.1.1系统登录功能模块的界面实现
当系统调试运行好后,可以先使用系统登录功能,本功能相当于系统的屏障。在本界面里可以看到系统的标题和用户名、密码的文本框。在登录界面里还加入了登录按钮。系统登录界面的实现界面如下图4.1所示:
图4.1管理员登录功能的运行实现效果
管理员登录时会进行输入信息的验证,验证的流程如下图4.2所示:
图4.2管理员登录流程图
4.1.2个人中心管理功能的实现界面
本功能可以实现管理员信息、登录密码的修改,修改密码时需要原密码的输入。密码信息管理功能的实现效果如下图4.3所示;
图4.3密码信息管理功能的运行效果界面
4.1.3场地公告管理功能的实现界面
系统首页里有很多的场地公告信息,管理员可以在后台进行添加。在添加场地公告信息时,可以输入不同的标题。场地公告添加成功后可以删除。管理员查询场地公告信息的实现界面如下图4.4所示:
图4.4管理员查询场地资讯信息的实现界面
4.1.4场地类型管理功能的实现界面
场地类型信息为本系统的基本信息,管理员可以根据情况添加和删除、修改场地类型信息,在添加场地类型信息时需要填写标题。如果场地类型信息不再使用时可以删除场地类型。管理员查询场地类型信息的实现界面如下图4.5所示:
图4.5管理员查询场地类型信息的运行效果界面
4.1.5预约管理功能的实现界面
管理员可以对用户的预约进行审核和管理,可以看到预约时间和用户的联系信息,管理员预约管理功能的实现界面如下图4.6所示:
图4.6管理员管理预约信息的实现界面
4.1.6用户信息管理功能的实现界面
管理员可以对注册用户的信息进行审核,也可以删除不需要的用户信息。在用户信息管理功能里可以看到用户的联系信息。管理员浏览用户信息的实现界面如下图4.7所示:
图4.7管理员浏览用户信息的实现效果界面
4.1.7场地信息管理功能的实现界面
管理员可以添加和管理场地信息。管理员添加场地信息的实现界面如下图4.8所示:
图4.8管理员添加场地信息的功能实现效果界面
4.1.8场地使用功能的实现界面
管理员可以管理用户的使用信息,可以查询用户的具体使用时间和费用的结算详情。场地使用功能的实现界面如下图4.9所示:
图4.9场地使用功能的实现界面
4.1.9取消申请管理功能的实现界面
此功能可以审核用户的取消申请信息,并可以退回用户的押金。实现界面如下图4.10所示:
图4.10取消申请功能的实现界面
4.1.10退回押金功能的实现界面
此功能可以查询退回押金的详情,并可以进行修改和删除。实现界面如下图4.11所示:
图4.11退回押金功能的实现界面
4.2用户权限的功能界面实现
4.2.1首页功能的实现界面
在首页里可以看到所有的功能和信息,包括场地信息、场地公告信息等,用户也可以根据场地的类型进行相关场地的搜索。系统首页的界面实现效果如下图4.12所示:
图4.12系统前台的功能界面实现效果
4.2.2场地信息展示界面的实现
用户登录后,可以在场地信息展示功能里查看场地信息。用户可以预约场地。场地信息的功能界面实现效果如下图4.13所示:
图4.13场地信息界面的运行效果界面
4.2.3预约功能界面实现
用户可以预约场地。预约功能的实现界面如下图4.14所示:
图4.14预约功能的实现界面
4.2.4费用支付功能的界面实现
用户在预约详情里可以使用场地和支付费用,实现界面如下图4.15所示:
图4.15费用支付功能界面实现
4.2.5我的功能界面实现
用户在我的功能里可以管理预约信息、使用信息、收藏信息、取消申请信息、退回押金信息等。我的功能的实现界面如下图4.16所示:
图4.16我的功能的实现界面