前端技术:nodejs+vue+elementui
前端:HTML5,CSS3、JavaScript、VUE
系统分为不同的层次:视图层(vue页面),表现层(控制器类),业务层(接口类)和持久层(持久层框架)。
视图层其实质就是vue页面,通过编写vue页面从而展示在浏览器中,编写完成的vue页面要能够和控制器类进行交互,从而使得用户在点击网页进行操作时能够正常。在编写vue页面的时候,要注意url的编写,用户在点击按钮的时候,url要能够传递到表现层当中,表现层利用业务层进行完成数据库的交互。
前端功能模块的详细介绍如下:
菜单查询功能:管理员通过手机终端输入正确的账号密码后进入vue前端主界面,该界面分为四个部分。第一个部分就是查询界面,该界面显示出所有的菜单,菜单是以图片和数据的形式展现出来的,图片显示出菜的大致特征,数据主要包括该菜的价格,描述等重要信息。
点餐功能:用户查询到一种菜后,可以选择添加到订单中,也可以放弃添加,当用户选择添加后,菜的相关信息就会保存到订单中,信息主要包括菜的名称,数量以及金额小计。
客户下单功能:当用户所有的点餐动作结束后,订单中就保存的有用户所点的菜的列表,用户将订单提交后,后台就能接受到用户下单的请求。
结账功能:用户的订单中会显示出本次消费的总金额,用户可以通过这个入口进行结账的请求。
服务器端功能模块的详细介绍如下:
菜单管理模块:后台管理员登录系统后,可以通过菜单管理主界面进行菜单的管理,当菜的信息发生改变后及时更新,当菜已经不存在时及时从删除,当有新添加的菜时及时添加菜谱中,还需要提供查询功能方便管理员对前面的操作。
管理员管理模块:该模块主要是提供用户登录权限的验证,可以添加、删除、修改或者更新管理员信息。
订单管理模块:该模块显示出所有用户下单的情况,在该模块中,管理员可以及时更新每一种菜的当前状态。
目 录
1 概述 1
1.1课题背景及意义 1
1.2 国内外研究现状 1
1.3 本课题主要工作 2
2 系统开发环境 3
3 系统分析 5
3.1 可行性分析 5
3.1.1 技术可行性 5
3.1.2操作可行性 5
3.1.3 经济可行性 5
3.1.4 法律可行性 6
3.2系统流程分析 6
3.2.1系统开发流程 6
3.2.2 用户登录流程 7
3.2.3 系统操作流程 7
3.2.4 添加信息流程 8
3.2.5 修改信息流程 9
3.2.6 删除信息流程 9
3.3系统用例分析 10
3.3.1管理员用例图 10
3.3.2用户用例图 11
4 系统设计 13
4.1 系统概述 13
4.2 系统结构设计 13
4.3数据库设计 14
4.3.1 数据库设计原则 14
4.3.2 数据库实体 14
4.3.3 数据库表设计 16
5系统界面实现 18
5.1 登录 18
5.2 管理员功能模块 18
5.3 前台首页功能模块 22
5.4 用户功能模块 22
6系统测试 23
6.1系统测试的意义 23
6.2 测试方法 24
6.3测试分析 24
结 论 25
致 谢 26
参考文献 27
八大菜系前台点餐系统从大的方向分为vue前端与服务器。前端的功能细分为以下四个模块:菜单查询功能,点餐功能,客户下单功能,结账功能;服务器端细分为以下三个模块:菜单管理模块,管理员管理模块,订单管理模块。 实现了一个前台点菜系统。前台点菜系统的主要实现功能包括:管理员:首页、个人中心、用户管理、美食菜系管理、美食菜品管理、美食评分管理、系统管理、订单管理,用户;首页、个人中心、美食评分管理、我的收藏管理、订单管理,前台首页;首页、美食菜品、美食资讯、个人中心、后台管理、购物车、在线客服等功能,基本上实现了整个前台点菜系统的过程。