基于微信小程序的场地预约设计与实现

第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我的功能的实现界面