该项目含有源码、文档、程序、数据库、配套开发软件、软件安装教程。欢迎交流
项目运行
环境配置:
Node.js+ Vscode +Mysql5.7 + HBuilderX+Navicat11+Vue+Express。
项目技术:
Express框架 + Node.js+ Vue 等等组成,B/S模式 +Vscode管理+前后端分离等等。
环境需要
1.运行环境:最好是Nodejs最新版,我们在这个版本上开发的。其他版本理论上也可以。
2.开发环境:Vscode或HbuilderX都可以。推荐HbuilderX;
3.mysql环境:建议是用5.7版本均可
4.硬件环境:windows 7/8/10 1G内存以上;或者 Mac OS;
6.Navcat11:这个版本不限10/11/14/15都可以。;
Node.js毕设帮助,指导,本源码(见文末),调试部署
3.3网站功能分析
考虑到实际生活中在商品购买管理方面的需要以及对该系统认真的分析,将系统权限按服务端和客户端这两类涉及用户划分。
(a) 服务端——管理员;管理员使用本系统涉到的功能主要有:个人中心、用户管理、美食分类管理、美食信息管理、系统管理、订单管理等功能。管理员用例图如图3-1所示。
图3-1 管理员用例图
(b)客户端——用户:用户进入系统可以对首页、美食信息、美食公告、我的(用户信息、我的收藏管理、用户充值、在线客服、购物车、我的订单)进行相应操作。用户用例图如图3-2所示。
图3-2用户用例图
3.4系统流程的分析
由于不同的系统实际使用用户角色的不同,他们的业务分析也会变得有所不一样,为了论述方便接下来都将以管理员或用户功能权限下的系统业务流程来分析,如下图所展示:
3.4.1前台系统流程
图3-3 前台系统流图
3.4.2 添加信息管理流程
图3-4 添加信息管理流程
3.4.3 删除信息流程
图3-5 删除信息流程
4.1 软件功能模块设计
网站整功能如下图所示:
图 4-1 基于微信小程序的外卖订餐平台总体功能模块图
4.2 数据库设计
4.2.1概念模型设计
前面系统分析结束后现在进入设计阶段,在这个过程中我们要抽象地分析数据,将数据中的关系理解清楚,然后对数据库进行概念结构设计和逻辑结构设计。由于MySQL能够以极高的效率完成各种数据库查询,并能是存储过程更加方便。同时它的图形化用户界面能够使系统管理和数据库管理更加直观便捷。另外由于对Web技术的支持,使用户能够很容易地将数据库中的数据发布到Web页面上。所以本系统采用了MySQL进行数据库的存储管理与维护。
用户信息实体图如图4-2所示:
图4-2用户信息实体图
美食公告实体图如图4-3所示:
图4-3美食公告实体图
美食分类实体图如图4-4所示:
图4-4美食分类实体图
美食信息实体图如图4-5所示:
图4-5美食信息实体图
5.1客户端——用户功能模块
用户需要登录基于微信小程序的外卖订餐平台,需要通过填写用户账号、密码、确认密码、用户姓名、性别、年龄等信息进行注册,注册成功时,输入账号、密码、选择登录角色进行登录,用户注册和登录操作效果图如图5-1所示。
图5-1用户注册、登录界面图
首页,登录到基于微信小程序的外卖订餐平台后,用户可以查看首页、美食信息、美食公告、购物车、我的等内容,并进行相应的操作,如图5-2所示。
图5-2首页界面图
在美食信息页面,用户可以查看美食图片、价格、美食名称、美食分类、口味、特色、店铺名称、城市、点击次数、库存、详情等信息,用户可以进行收藏、添加评论、赞、踩、加入购物车或立即订购等操作;点击立即订购,页面跳转到订单确认页面,用户需要选择地址、查看购买清单和总价,点击确认支付进行立即订购的操作。美食信息页面如图5-3所示。
图5-3美食信息界面图
我的,在我的页面,可以查看用户信息、我的收藏管理、用户充值、在线客服、购物车、我的订单等信息,并进行相应操作,我的页面如图5-4所示。
图5-4我的界面图
在我的页面,点击用户信息,可以对用户名、姓名、密码、性别、年龄、手机号、头像等信息进行修改,还可以点击退出登录退出小程序,如图5-5所示。
图5-5用户信息界面图
点击购物车,用户可以查看商品名称、图片、价格、数量、总价等信息,用户可以立即下单的操作,进行如图5-6所示。
图5-6购物车界面图
5.2服务端——管理员功能模块
管理员登录,进入系统前在登录页面根据要求填写用户名和密码,选择角色等信息,点击登录进行登录操作,如图5-7所示。
图5-7管理员登录界面图