注:展示部分文档内容和系统截图,需要完整的视频、代码、文章和安装调试环境请私信up主。
4.1 系统总功能模块设计
电子菜单点菜系统分为三大部分,即管理员管理,商家管理以及用户管理。系统按照商家和用户的实际需求开发而来,贴近生活。从管理员出拿到分配好的账号密码可以进入系统,使用相关的系统应用,管理员权限最大,紧接的是商家和用户。管理员负责整体系统的运行维护。
整体功能展示如图4-1所示。
4.2 系统数据库设计
4.2.1 数据库系统概要设计
从设计到制作研发一个系统,需要用到的技术很多,对于开发程序语言、数据库和框架布局都有严格的要求。该系统数据存放使用MySQL的数据库,该数据库轻便快速,日常使使用系统十分稳定,更容易维护运行。
4.2.2 E-R模型结构设计
E-R图由实体与有关实体关联相结合构成的图,利用E-R图对清楚地表达出系统内的实体之间的关联。在系统中对一些主要的几个关键实体如下图。
(1) 美食菜品评论表实体属性图如下图4-2所示。
(2)表白墙实体属性图如下图4-3所示。
4.3数据表设计
系统创建数据库和表之间关联,期间花费了不少时间,尽力把表格完善,更好的呈现出来,让表更加明了,更加清晰。系统在MySQL的可视化软件Navicat premium[13]创建的数据表,简洁明了的设计让数据库的创建操作更加快捷,数据表的详细情况如下表所示。
表名:meishicaipin
功能:美食菜品数据表如4-1所示:
字段的名称 | 类型 | 长度 | 字段的说明 | 默认值 | 主键 |
id | bigint | 主键 |
| 主键 | |
addtime | timestamp | 创建时间 | CURRENT_TIMESTAMP | ||
meishimingcheng | varchar | 200 | 美食名称 | ||
meishitupian | longtext | 4294967295 | 美食图片 | ||
leixing | varchar | 200 | 类型 | ||
meishifenlei | varchar | 200 | 美食分类 | ||
jianjie | varchar | 200 | 简介 | ||
meishixiangqing | longtext | 4294967295 | 美食详情 | ||
cailiao | varchar | 200 | 材料 | ||
shangjiahao | varchar | 200 | 商家号 | ||
clicktime | datetime | 最近的点击时间 | |||
clicknum | int | 点击的次数 | 0 | ||
price | float | 价格 |
表名:type table
功能:汇总并分析数据,类型表如下表4-2:
表4-2 类型表
字段的名称 | 类型 | 长度 | 字段的说明 | 默认值 | 主键 |
id | bigint | 主键 | 主键 | ||
addtime | timestamp | 创建时间 | CURRENT_TIMESTAMP | ||
leixing | varchar | 200 | 类型 |
表名:forum
功能:表白墙见下表4-3:
表4-3 表白墙
字段的名称 | 类型 | 长度 | 字段的说明 | 默认值 | 主键 |
id | bigint | 主键 | 主键 | ||
addtime | timestamp | 创建时间 | CURRENT_TIMESTAMP | ||
title | varchar | 200 | 标题 | ||
content | longtext | 4294967295 | 内容 | ||
parentid | bigint | 父节点的id | |||
userid | bigint | 用户的id | |||
username | varchar | 200 | 用户名 | ||
avatarurl | longtext | 4294967295 | 头像 | ||
isdone | varchar | 200 | 状态 |
表名:discussmeishi
功能:美食评论表见下表4-4:
表4-4 美食评论表
字段的名称 | 类型 | 长度 | 字段的说明 | 默认值 | 主键 |
id | bigint | 主键 | 主键 | ||
addtime | timestamp | 创建时间 | CURRENT_TIMESTAMP | ||
refid | bigint | 关联表id | |||
userid | bigint | 用户id | |||
avatarurl | longtext | 4294967295 | 头像 | ||
nickname | varchar | 200 | 用户名 | ||
content | longtext | 4294967295 | 评论内容 | ||
reply | longtext | 4294967295 | 回复内容 |
表名:config
功能:配置文件见下表4-5:
表4-5 配置文件
字段的名称 | 类型 | 长度 | 字段的说明 | 默认值 | 主键 |
id | bigint | 主键 |
| 主键 | |
name | varchar | 100 | 配置参数名称 | ||
value | varchar | 100 | 配置参数值 |
表名:cart
功能:购物车表见下表4-6:
表4-6 购物车表
字段的名称 | 类型 | 长度 | 字段的说明 | 默认值 | 主键 |
id | bigint | 主键 | 主键 | ||
addtime | timestamp | 创建时间 | CURRENT_TIMESTAMP | ||
tablename | varchar | 200 | 商品表名 | meishicaipin | |
userid | bigint | 用户id | |||
goodid | bigint | 商品id | |||
goodname | varchar | 200 | 商品名称 | ||
picture | longtext | 4294967295 | 图片 | ||
buynumber | int | 购买数量 | |||
price | float | 单价 | |||
discountprice | float | 会员价 | |||
shangjiahao | varchar | 200 | 商户名称 |
表名:storeup
功能:收藏表见下表4-7:
表4-7 收藏表
字段的名称 | 类型 | 长度 | 字段的说明 | 默认值 | 主键 |
id | bigint | 主键 | 主键 | ||
addtime | timestamp | 创建时间 | CURRENT_TIMESTAMP | ||
userid | bigint | 用户id | |||
refid | bigint | 商品id | |||
tablename | varchar | 200 | 表名 | ||
name | varchar | 200 | 名称 | ||
picture | longtext | 4294967295 | 图片 | ||
type | varchar | 200 | 类型(1:收藏,21:赞,22:踩,31:竞拍参与,41:关注) | 1 | |
inteltype | varchar | 200 | 推荐类型 | ||
remark | varchar | 200 | 备注 |
表名:orders
功能:订单表见下表4-8:
表4-8 订单
字段的名称 | 类型 | 长度 | 字段的说明 | 默认值 | 主键 |
id | bigint | 主键 | 主键 | ||
addtime | timestamp | 创建时间 | CURRENT_TIMESTAMP | ||
orderid | varchar | 200 | 订单编号 | ||
tablename | varchar | 200 | 商品表名 | meishicaipin | |
userid | bigint | 用户id | |||
goodid | bigint | 商品id | |||
goodname | varchar | 200 | 商品名称 | ||
picture | longtext | 4294967295 | 商品图片 | ||
buynumber | int | 购买数量 | |||
price | float | 价格 | 0 | ||
total | float | 总价格 | 0 | ||
type | int | 支付类型 | 1 | ||
status | varchar | 200 | 状态 | ||
address | varchar | 200 | 地址 | ||
tel | varchar | 200 | 电话 | ||
remark | varchar | 200 | 备注 | ||
shangjiahao | varchar | 200 | 商户名称 |
表名:news
功能:通知公告见下表4-9:
表4-9 通知公告
字段的名称 | 类型 | 长度 | 字段的说明 | 默认值 | 主键 |
id | bigint | 主键 | 主键 | ||
addtime | timestamp | 创建时间 | CURRENT_TIMESTAMP | ||
title | varchar | 200 | 标题 | ||
introduction | longtext | 4294967295 | 简介 | ||
picture | longtext | 4294967295 | 图片 |
表名:user
功能:用户数据表,主要存储用户注册、登录信息等,如下表4-10:
表4-10 用户
字段的名称 | 类型 | 长度 | 字段的说明 | 默认值 | 主键 |
id | bigint | 主键 | 主键 | ||
addtime | timestamp | 创建时间 | CURRENT_TIMESTAMP | ||
yonghuming | varchar | 200 | 用户名 | ||
mima | varchar | 200 | 密码 | ||
xingbie | varchar | 200 | 性别 | ||
shouji | varchar | 200 | 手机 | ||
touxiang | longtext | 4294967295 | 头像 | ||
money | float | 余额 | 0 |
表名:shangjia
功能:商家数据表,见下图4-11:
表4-11 商家
字段的名称 | 类型 | 长度 | 字段的说明 | 默认值 | 主键 |
id | bigint | 主键 | 主键 | ||
addtime | timestamp | 创建时间 | CURRENT_TIMESTAMP | ||
shangjiahao | varchar | 200 | 商家号 | ||
mima | varchar | 200 | 密码 | ||
shangjiamingcheng | varchar | 200 | 商家名称 | ||
dianhua | varchar | 200 | 电话 | ||
youxiang | varchar | 200 | 邮箱 | ||
dizhi | longtext | 4294967295 | 地址 | ||
yingyezhizhao | longtext | 4294967295 | 营业执照 | ||
money | float | 余额 | 0 |
5 系统的实现
系统实现章节的主要内容主要是将系统分析和系统设计方案进行实现,按照各个系统角色进行功能介绍,系统实现就是一个真正开始编写的阶段,将前面的分析结果以及设计方案进行实现,最终做出一个符合用户需求的软件系统。
5.1小程序端实现
5.1.1登录界面的实现
首先双击打开小程序客户端[14],连上网络之后会显示出本系统的登录界面,这是进入小程序的初始页面“登录”,能成功进入到该登录界面则代表小程序的开启是成功的,接下来就可以操作本系统所带有的其他所有的功能。登录界面如图5-1所示。
async onLoginTap() {
if (!this.username) {
this.$utils.msg('请输入用户名')
return
}
if (!this.password) {
this.$utils.msg('请输入用户密码')
return
}
if (!this.optionsValues[this.index]) {
this.$utils.msg('请选择登陆用户类型')
return
小程序首页是用户注册登录后进入的第一个界面,在这里,人们能够看到小程序[15]的导航条,内容包括首页,美食菜品,表白墙,购物车,我的等。小程序首页界面如图5-2所示。
目录