基于vue和微信小程序的校园自助打印系统（springboot论文源码调试讲解）

第3章 系统设计 3.1系统功能结构设计

本系统的结构分为管理员和用户、店长。本系统的功能结构图如下图3.1所示：

图3.1系统功能结构图

3.2数据库设计

本系统为小程序类的预约平台，所以对信息的安全和稳定要求非常高。为了解决本问题，采用前端界面展示，后端数据处理的方式进行设计。在后端数据的存储中采用Mysql数据库进行设计。数据库设计分为ER图设计和数据库表设计。

3.2.1数据ER图设计

本系统中的数据种类非常多，想要把数据都有效的关联起来就需要注意数据之间的联系。因为数据之间都有联系，所以在数据库的操作中不能任意的删除，如果删除了一方的数据会造成系统的出错。

本系统中的数据有用户信息、管理员信息、预约信息、打印店信息和打印服务信息等。

管理员信息的ER图如下图3.2所示：

图3.2管理员信息ER图

(2)用户信息ER图如下图3.3所示：

图3.3用户信息ER图

（3）打印店信息ER图如下图3.4所示：

图3.4打印店信息ER图

（4）打印服务信息ER图如下图3.5所示：

图3.5打印服务信息ER图

（5）预约信息ER图如下图3.6所示：

图3.6预约信息ER图

3.2.2数据库表设计

数据库表的设计质量关系着系统的运行是否稳定，一个好的数据库表可以保证系统数据的正确处理，数据库表中设计了数据的分类和主外键、长度等信息。根据系统的ER图设计中本系统的数据库表有管理员信息表、打印店信息表、预约信息表、打印服务信息表、用户信息表等，具体的表详情如下表3.1－3.11所示：

表3.1 config

序号

列名

数据类型

长度

小数位

标识

主键

外键

允许空

默认值

说明

1

id

bigint

20

是

是

否

auto_increment

2

name

varchar

100

否

3

value

varchar

100

是

表3.2 dayindian

序号

列名

数据类型

长度

小数位

标识

主键

外键

允许空

默认值

说明

1

id

bigint

20

是

是

否

auto

2

addtime

timestamp

否

CURRENT_TIMESTAMP

3

dianzhangzhanghao

varchar

200

是

4

dianpumingcheng

varchar

200

是

5

dianpudizhi

varchar

200

是

6

dianzhangxingming

varchar

200

是

7

lianxishouji

varchar

200

是

8

dianputupian

varchar

200

是

9

zhuyingyewu

varchar

200

是

10

yingyeshijian

varchar

200

是

11

dianpujianjie

longtext

是

表3.3 dayinfuwu

序号

列名

数据类型

长度

小数位

标识

主键

外键

允许空

默认值

说明

1

id

bigint

20

是

是

否

auto

2

addtime

timestamp

否

CURRENT_TIMESTAMP

3

fuwumingcheng

varchar

200

否

4

fuwufengmian

varchar

200

是

5

fuwuleixing

varchar

200

否

6

zhizhangleixing

varchar

200

否

7

fuwujiage

varchar

200

是

8

zhuyishixiang

varchar

200

是

9

fuwuxiangqing

longtext

是

10

dianzhangzhanghao

varchar

200

是

11

dianpumingcheng

varchar

200

是

12

lianxishouji

varchar

200

是

表3.4 dianzhang

序号

列名

数据类型

长度

小数位

标识

主键

外键

允许空

默认值

说明

1

id

bigint

20

是

是

否

auto

2

addtime

timestamp

否

CURRENT_TIMESTAMP

3

dianzhangzhanghao

varchar

200

否

4

mima

varchar

200

否

5

dianpumingcheng

varchar

200

否

6

dianpudizhi

varchar

200

否

7

dianzhangxingming

varchar

200

是

8

xingbie

varchar

200

是

9

youxiang

varchar

200

是

10

lianxishouji

varchar

200

是

11

xiangpian

varchar

200

是

表3.5 fuwuleixing

序号

列名

数据类型

长度

小数位

标识

主键

外键

允许空

默认值

说明

1

id

bigint

20

是

是

否

auto_increment

2

addtime

timestamp

否

CURRENT_TIMESTAMP

3

fuwuleixing

varchar

200

否

表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 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.8 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.9 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.10 yonghu

序号

列名

数据类型

长度

小数位

标识

主键

外键

允许空

默认值

说明

1

id

bigint

20

是

是

否

auto_incr

2

addtime

timestamp

否

CURRENT_TIMESTAMP

3

zhanghao

varchar

200

否

4

mima

varchar

200

否

5

xingming

varchar

200

否

6

xingbie

varchar

200

是

7

youxiang

varchar

200

是

8

shoujihaoma

varchar

200

是

9

xiangpian

varchar

200

是

表3.11 yuyuedayin

序号

列名

数据类型

长度

小数位

标识

主键

外键

允许空

默认值

说明

1

id

bigint

20

是

是

否

auto

2

addtime

timestamp

否

CURRENT_TIMESTAMP

3

fuwumingcheng

varchar

200

否

4

fuwuleixing

varchar

200

否

5

zhizhangleixing

varchar

200

否

6

fuwujiage

varchar

200

是

7

zhuyishixiang

varchar

200

是

8

dianzhangzhanghao

varchar

200

是

9

dianpumingcheng

varchar

200

是

10

lianxishouji

varchar

200

是

11

dayintupian

varchar

200

是

12

dayinneirong

varchar

200

是

13

zhanghao

varchar

200

是

14

xingming

varchar

200

是

15

xiadanshijian

datetime

是

16

sfsh

varchar

200

是

否

17

shhf

longtext

是

18

ispay

varchar

200

是

未支付

19

userid

bigint

20

是

第4章 系统详细实现 4.1登录功能模块的界面实现

在系统调试运行后，可以进入本界面，本界面是最基本的功能，可以保证系统的安全，采用验证的安全机制进行设计。在本界面里可以看到账号和密码的输入框。本系统中的登录权限为普通用户。必须三种信息都正确才可以验证成功进入到对应的操作界面。系统的登录功能模块的实现界面如下图4.1所示：

图4.1系统登录功能的实现界面

4.2管理员操作界面的功能模块实现 4.2.1个人中心管理功能模块的界面实现

本功能的设计可以保证管理员账号的安全，使用本功能可以修改管理员的登录密码。管理员修改密码功能模块的实现界面如下图4.2所示：

图4.2管理员修改密码功能的实现界面

4.2.2用户管理功能模块的界面实现

本功能可以实现用户信息的查询和删除，管理员添加用户信息功能填写正确的信息就可以实现用户信息的添加，点击用户信息管理功能可以看到系统里所有用户的信息，在添加用户信息的界面里需要填写姓名信息，当信息填写不正确就会造成用户信息添加失败。管理员管理用户信息功能的实现界面如下图4.3所示：

图4.3管理员管理用户信息的实现界面

4.2.3打印店管理功能模块的界面实现

打印店可以使用户更好的了解店铺信息。打印店信息管理的流程为，管理员点击打印店信息管理功能，查看打印店信息，点击打印店修改功能，输入打印店信息然后点击提交按钮就可以完成打印店信息的修改。管理员查询打印店信息的实现界面如下图4.4所示：

图4.4管理员查询打印店信息的实现界面

4.2.4打印服务管理功能模块的界面实现

打印服务可以帮助用户了解服务内容，管理员负责审核打印店发布的打印服务。管理员查询打印服务信息功能的实现界面如下图4.5所示：

图4.5管理员查询打印服务信息的界面实现

4.2.5预约打印管理功能模块的界面实现

预约打印信息属于本系统里的核心数据，管理员可以对预约打印的信息进行查询。本功能设计的目的可以使预约打印进行及时的安排。管理员查询预约打印信息的实现界面如下图4.6所示：

图4.6管理员查询预约打印信息功能的实现界面

4.2.6店长管理功能模块的界面实现

管理员可以查询店长信息，可以进行修改删除。管理员查询店长信息的实现界面如下图4.7所示：

图4.7管理员查询店长信息的实现界面

4.3用户角色的操作界面实现

用户可以查看自己的预约和修改自己的资料并管理收藏信息。用户角色的操作界面的实现效果如下图4.8所示：

图4.8用户操作界面的实现效果

4.4首页界面的操作功能实现

在首页里可以看到管理员添加和管理的信息，用户可以在首页里进行打印的预约和打印店信息的了解。首页界面的实现如下图4.9所示：

图4.9首页界面的实现效果

4.5店长角色功能的界面实现

店长可以发布打印店信息和打印服务信息以及管理预约打印。实现界面如下图4.10所示：

图4.10店长角色的功能实现界面