基于微信小程序的点餐系统设计

目录
第1章绪论 1
1.1 选题背景 1
1.2 研究的目的和意义 1
第2章相关技术简介 3
2.1 系统的实现架构 3
2.2 系统使用的技术 3
2.2.1 Eclipse 3
2.2.2 Java 4
2.2.3 MySQL简介 5
2.2.4 微信小程序简介 6
2.3 系统使用的开发环境 6
第3章系统需求分析 7
3.1 功能需求 7
3.2系统设计Java端整体流程 7
3.3 可行性分析 9
3.3.1技术可行性 9
3.3.2环境可行性 10
第4章系统设计 11
4.1系统功能结构设计 11
4.2系统设计目标 11
4.3总体功能结构设计流程图 12
4.3.1用户注册 12
4.3.2用户登录 13
4.4数据库概念结构设计 13
4.4.1数据库逻辑结构设计 13
4.4.2 数据库逻辑结构设计 14
4.4.3 数据库物理结构设计 15
第5章系统实现 24
5.1用户功能实现 24
5.1.1菜品列表界面 24
5.1.2购物车界面 24
5.1.3 用户系统菜单界面 25
5.1.4 我的订单界面 26
5.1.5 我的界面 27
5.1.6 修改个人信息界面 28
5.2管理员功能实现界面 29
5.2.1管理员登录界面 29
5.2.2管理员后台系统 30
5.2.3 订单管理 31
5.2.4 菜单管理 31
5.2.5 桌号列表 32
5.2.6 类别列表 32
第6章系统测试 33
6.1测试目的 33
6.2测试方法 33
6.3测试方案 33
6.4本章小结 34
第7章总结和体会 35
致谢 36
参考文献 37
第3章系统需求分析
3.1 功能需求
当用户启动微信小程序后，然后几秒钟后自动跳转到用户登录界面。这里要求用户有已经注册过的账号，然后登录账号才能进入应用的主界面；如果没有，就需要完成注册，再登录便可以进入主界面；在主界面中，用户可以选择菜单简介，然后选择要下单的商品及数量，点击下单，这时订餐系统设计的后台就可以接收到相关的订单信息及后续的处理。另外，在本应用中涉及到的金钱，采用模拟金钱的方式，即由后台自动为每一个注册的账号充值相应的模拟金钱，用户使用模拟金钱进行商品的结算。
3.2系统设计Java端整体流程
基于微信小程序的点餐系统总流程如图3.1所示。

图3.1 总流程图
讲解流程：
1.当用户下载安装好订餐系统设计应用后，打开运行应用，这个时候应用
进入系统，如果用户是初次使用该应用或者没有输入正确的账号密码，未能成功登录账号，那么应用首先会跳转到登录界面，这时候用户需要准确地输入已经完成注册的账号和密码，然后点击下方的登录按钮，才可以进入该应用的主界面。
2.如果用户当前还没有相关账号，那么可以点击注册按钮进行账号的注
册，这时进入注册界面，关于账号和密码的格式和字数限制，在注册界面有相关的提示。当用户注册成功后，点击按钮完成注册，这时候会跳转到登录界面。
3.用户输入正确的账号和密码后，应用自动跳转到主界面，在主界面中用
户可以看到所有在该订餐系统设计后台中登记的商家，选择商家条目，将进入商品详细界面，用户便可以预览商家所有的菜品了。
4.用户可以选择自己喜爱的菜品下单，选择好菜品的数量后，进入订单页面，用户填写好收获地址及其他相关信息之后，就可以点击支付按钮，再选择支付方式并成功付款之后，该订单就生效了。
3.3 可行性分析
3.3.1技术可行性
随着近几年的科技技术的迅速普及，很多种新兴语言现在都变成了主流的开发语言，微信小程序应用也变得越来越来，不仅方便上手而且开发简单。微信小程序技术的使用是目前手机应用程序开发技术中比较成熟，且非常实用的手机应用程序开发技术，许多公司的开发仍然是这种技术[14]。
由于各式各样的智能手机的普及，在使用开发语言开发应用型系统的时候，不仅要考虑实现系统需要实现的功能，还需要开率到智能手机的兼容性的问题，本次基于微信小程序的点餐系统，可以解决出现的兼容性的问题。所以，在开发的过程中，只要考虑到技术的操作，不用再担心不同版本出现问题，在节约开发时间的同时，强化用户友好性 [15]。
3.3.2环境可行性
本论文开发的基于微信小程序的点餐系统，界面简洁美观，功能齐全。操作人员在使用时，通过简单的培训即可上手，页面中功能都使用插件完成，信息自己生成。无需太多的输入。用户只要了解基本的操作知识就可以进行网上操作。因此可见，在技术方面，没有大的问题。
点餐系统选择系统完全是自主开发到的用于撰写毕业论文的系统，同时在实际使用中存在非常深远的意义，用于开发系统的软件，是免费的。设计实现该基于微信小程序的点餐系统，作为一个本科生毕业设计来说，没有侵权的情况，所以在法律方面是没有任何问题的。
按照上述的系统剖析，本文转载自http://www.biyezuopin.vip/onews.asp?id=14232开发完成点餐系统与原有的订餐操持模式比较具有速度更快，操作更精确，节省开销等有很多好处，所以，建立基于微信小程序的点餐系统是极其可行的。

第4章系统设计
4.1系统功能结构设计
经过前面几章的功能分析，以及需求分析，得到了系统最终的功能模块，系统的功能结构图
4.2系统设计目标
当今社会的生活节奏越来越快，人们对互联网的要求也越来越高，不仅要求使用方便，而且对于功能及扩展性也有了更高的要求，最能达到要求莫过于利用计算机网络，将所需功能要求和计算机网络结合起来，就形成了本系统。在设计本系统时遵循以下设计目标进行开发：
（1）安全性。在信息化的时代，信息就是宝贵的财富，保证信息的安全，特别是个人信息更要求可靠的安全性。
（2）先进性。结合当前流行的技术，开发出符合用户的需求，适合用户需求的系统。
（3）可扩展性。在软件设计过程中，我们要考虑到软件应用的可扩展性，便于将来软件的升级、更新。
（4）有效性。有效性主要包括功能有效性，设计的软件一定要最大限度地满足用户对不同种类的需求。

<!DOCTYPE html>
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%><html>
<head id="Head1"><%@ include file="/web/common/common.jsp" %><script type="text/javascript">$(function () {$('#grid1').datagrid({title: '管理员列表',nowrap: false,striped: true,fit: true,url: "<%=__APP__%>/User!getList",idField: 'uuid',pagination: true,rownumbers: true,pageSize: 10,pageNumber: 1,singleSelect: true,fitColumns: true,sortName: 'id',sortOrder: 'desc',columns: [[{title: 'id', field: 'id', width: 100, hidden: false},{title: '用户名', field: 'username', width: 100, sortable: true},{title: '密码', width: 100, field: 'passwd'},{title:'用户权限',width:100,field:'roletype'}]],toolbar: [{text: '新增',iconCls: 'icon-add',handler: function () {$("#action").val("add");$("#managerDialog").dialog('open');$('.validatebox-tip').hide();}},'-',{text: '修改',id: 'commit',iconCls: 'icon-edit',handler: function () {$("#action").val("edit");var selected = $('#grid1').datagrid('getSelected');if (selected) {edit(selected);var index = $('#grid1').datagrid('getRowIndex', selected);} else {$.messager.alert("提示", "请选择一条记录进行操作");}}},'-',{text: '删除',id: 'commit',iconCls: 'icon-remove',handler: function () {var rows = $('#grid1').datagrid('getSelected');if (rows) {var rowId = rows.id;$.messager.confirm('提示', '确定要删除吗？', function (r) {if (r) {deleteItem(rowId);}});} else {$.messager.alert("提示", "请选择一条记录进行操作");}}}]});});function save() {$('#managForm').form('submit', {url: "<%=__APP__%>/User!add",onSubmit: function () {return inputCheck();},success: function (data) {closeBackGround();$.messager.alert("提示", data, "info", function () {closeFlush();});}});}function edit(obj) {//$.post("controller/userController.php?action=getOne",{id:uuid},function(data){var username = obj.username;var password = obj.passwd;var roletype = obj.roletype;$("#username").val(username);$("#passwd").val(password);$("#roletype").combobox('setValue', roletype);$("#id").val(obj.id);$("#managerDialog").dialog('open');//});}function deleteItem(uuid) {$.post("<%=__APP__%>/User!deleteItem", {id: uuid}, function (data) {closeFlush();});}function cancel() {$.messager.confirm('提示', '是否要关闭？', function (r) {if (r) {$("#managerDialog").dialog('close');}});}function query() {/*var username = $("#username").val();var creatTime = $("#creatTm").datebox("getValue");var obj = new Object();obj.username = username;obj.createTime = creatTime$('#grid1').datagrid('options').queryParams = obj;$('#grid1').datagrid("reload");*///$('#grid1').datagrid('loadData',{total:0,rows:[]});$('#grid1').datagrid('options').queryParams = serializeObject($('#searchForm'));$('#grid1').datagrid("reload");//$('#grid1').datagrid('loadData',{total:0,rows:[]});//$('#grid1').datagrid('load', serializeObject($('#searchForm')));}function reset() {searchForm.reset();}function closeFlush() {managForm.reset();$("#managerDialog").dialog('close');$("#grid1").datagrid("reload");}function inputCheck() {if ($("#passwd").val() != $("#password2").val()) {$.messager.alert("提示", "两次输入密码不一致!");return false;} else if (!($("#managForm").form("validate"))) {return false;}openBackGround();return true;}</script>
</head>
<body class="easyui-layout">
<div region="north" border="false" style="height:3px;overflow: hidden"></div>
<div region="west" border="false" style="width:3px;"></div>
<div region="east" border="false" style="width:3px;"></div>
<div region="south" border="false" style="height:3px;overflow: hidden"></div>
<div region="center" border="false"><div id="main" class="easyui-layout" fit="true" style="width:100%;height:100%;"><div region="north" id="" style="height:80%;" class="" title="查询条件"><form action="" id="searchForm" name="searchForm" method="post"><table cellpadding="1" cellspacing="0" class="tb_search"><tr><td width="10%"><label for="susername">用户名：</label><input type="text" id="susername" name="susername" width="100%" maxlength="32"/></td><td width="10%"><a href="#" onclick="query();" class="easyui-linkbutton" iconCls="icon-search">查询</a><a href="#" onclick="reset();" class="easyui-linkbutton" iconCls="icon-redo">重置</a></td></tr></table></form></div><div region="center" border="false" style="padding:3px 0px 0px 0px;overflow:hidden"><table id="grid1"></table></div></div>
</div><div id="managerDialog" class="easyui-dialog" title="用户管理" style="width:500px;height:290px;" toolbar="#dlg-toolbar"buttons="#dlg-buttons2" resizable="true" modal="true" closed='true'><form id="managForm" name="managForm" method="post"><input type="hidden" id="action" name="action"/><input type="hidden" id="id" name="id"/><table cellpadding="1" cellspacing="1" class="tb_custom1"><tr><th width="10%" align="right"><label>用户名：</label></th><td width="30%"><input id="username" name="user.username" class="easyui-validatebox"style="width:300px;word-wrap: break-word;word-break:break-all;" type="text" required="true"validType="length[0,32]"/><font color='red'>*</font></td></tr><tr><th width="10%" align="right"><label>权限：</label></th><td width="30%"><select id="roletype" name="user.roletype" class="easyui-combobox" panelHeight="auto"style="width:300px;word-wrap: break-word;word-break:break-all;" type="text" required="true"validType="length[0,32]"><option value="1" selected="selected">管理员</option><option value="2">客户</option></select></td></tr><tr><th width="10%" align="right"><label>密码：</label></th><td width="10%"><input id="passwd" type="passwd" name="user.passwd" class="easyui-validatebox" required="true" validType="length[0,32]"style="width:300px"/></td></tr><tr><th width="10%" align="right"><label>密码确认：</label></th><td width="10%"><input id="password2" type="passwd" name="" class="easyui-validatebox" style="width:300px" required="true"validType="length[0,32]"/></td></tr></table></form><div id="dlg-buttons2"><a href="#" class="easyui-linkbutton" onclick="save();">保存</a><a href="#" class="easyui-linkbutton" onclick="cancel();">取消</a></div>
</div></body>
</html>

基于微信小程序的点餐系统设计相关推荐

基于微信小程序的点餐系统设计与实现
目录 1．前言 1 1.1 课题背景 1 1.2 课题意义 1 1.3 论文结构 2 2．相关技术 3 2.1 Java语言 3 2.2 Spring框架 4 2.3 Vue.js框架 5 2.4 I ...
基于微信小程序的相关管理系统设计与实现开题报告的思路及方法
今天主要谈一下计算机科学相关专业同学的选题的思路及方法. 毕业设计选题选没选好就像各位走出校园踏进社会的一道坎,跨过这道坎是很关键的,而有些同学却犯了难,把本应该简单的问题复杂化了.为什么这样讲呢?之 ...
基于微信小程序的学校外卖系统设计与实现文档+开题报告+前后台（JavaSSM+MySQL）源码及数据库文件
基于微信小程序的学校外卖系统设计与实现摘要传统餐饮行业信息化程度较低,点餐的过程基本都是人工进行的.这种方式在人多的时候效率就比较低下,对于消费者来说也不太方便.国外因为软硬件设施技术的领先比我 ...
（免费资源）基于微信小程序的小说阅读系统设计与实现
活动地址:毕业季·进击的技术er 博主介绍:✌在职Java研发工程师.专注于程序设计.源码分享.技术交流.专注于Java技术领域和毕业设计✌ 项目名称 (免费资源)基于微信小程序的小说阅读系统设计与实 ...
【毕业设计源码】基于微信小程序的特产商城系统设计与实现
目录一.程序介绍: 三.文档目录: 四.运行截图: 五.数据库表: 六.代码展示: 七.更多学习目录: 八.互动留言一.程序介绍: 文档:开发技术文档.参考LW.答辩PPT,部分项目另有其他文档 ...
mysql基于微信小程序的化妆品商城系统设计与实现毕业设计源码041152
基于springboot微信小程序的化妆品商城系统摘要随着我国经济迅速发展,人们对手机的需求越来越大,各种手机软件也都在被广泛应用,但是对于手机进行数据信息管理,对于手机的各种软件也是备受用户 ...
基于微信小程序图书馆座位预约系统设计与实现
摘要在面对当今培育人才计划的压力,人们需要汲取更多的不同领域的知识来不断扩充自己的知识层面,因此他们对学习的欲望不断扩大,图书馆作为高校的学习宝地,有着不可替代的地位.但是在信息化时代,传统模式下的 ...
基于微信小程序的订餐类系统设计与实现完整思路
技术栈设计思路:包含微信小程序+H5+SpringBoot+IDEA+SSM+MYSQL+Maven等(如需获取源码请私信) 功能设计思路: 前台(小程序): (1)登录功能:在移动端,用户登录使用微 ...
基于微信小程序的点餐系统报告+任务书+开题报告+中期报告+中期PPT+项目源码（Java+MySQL）及数据库文件
摘要随着"互联网+"的大潮兴起,手机微信深受人的欢迎.随即带来的就是微信小程序凭借微信强大的用户基础及其应用的便捷而受人们热捧.此外微信小程序无需安装,扫描二维码或者微信内搜索 ...
基于微信小程序外卖点餐系统的设计与实现.rar(毕业设计论文+程序源码)
摘要:随着互联网的技术的不断更新发展,人们生活水平的也在不断的提高,对于网络的依赖也越来越紧密,尤其是网上购物更是习以为常.微信点餐小程序全新打造一款线上点餐平台,它的开发与制作,是基于官方腾讯的微信 ...

基于微信小程序的点餐系统设计

基于微信小程序的点餐系统设计相关推荐

最新文章

热门文章