微信小程序点餐+SpringBoot(包括后台)
个人资源与分享网站:首页-小草资源分享网站
需求背景:
微信小程序极大方便了广大用户的使用和方便,因为想开发一个微信小程序点餐系统,作为自己的毕业设计。
技术架构:
小程序端:原生微信小程序
后端:SpringBoot+mybatis+mysql+html+js+css
开发工具:
eclipse/IDEA 微信开发者工具 mysql
用户角色:
买家:搜索店铺并进行点餐
商家:处理买家提交的订单并准备菜品,通知骑手送餐
骑手:送餐
管理员:负责后台管理
涉及到的功能:
注册、登录、买家点餐、提交订单、商家接单、骑手抢单、订单信息、留言等。
后台部分功能代码:
@Controller
@RequestMapping(value = "/home")
public class HomeController {
@RequestMapping(value = "/setSession", produces = "text/plain; charset=utf-8", method = { RequestMethod.GET,
RequestMethod.POST })
@ResponseBody
public String setSession(HttpServletRequest req) {
HttpSession session = req.getSession();
String key = req.getParameter("key");
String value = req.getParameter("value");
session.setAttribute(key, value);
return null;
}
@RequestMapping(value = "/getSession", produces = "text/plain; charset=utf-8", method = { RequestMethod.GET,
RequestMethod.POST })
@ResponseBody
public String getSession(HttpServletRequest req) {
HttpSession session = req.getSession();
String key = req.getParameter("key");
String value = session.getAttribute(key)==null?null:session.getAttribute(key).toString();
return value;
}
}
<!DOCTYPE html>
<html>
<head id="Head1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>点餐</title>
<script type="text/javascript">
var themetype = localStorage['easyuitheme']||"default";
document.write('<link rel="stylesheet" type="text/css" href="__PUBLIC__/easyui/themes/'+themetype+'/easyui.css"/>')
</script>
<!--<link rel="stylesheet" type="text/css"
href="__PUBLIC__/easyui/themes/default/easyui.css"/>-->
<link rel="stylesheet" type="text/css" href="__PUBLIC__/easyui/themes/icon.css"/>
<link rel="stylesheet" type="text/css" href="__PUBLIC__/easyui/themes/all.css"/>
<link rel="stylesheet" type="text/css" href="__PUBLIC__/css/index.css"/>
<script type="text/javascript" src="__PUBLIC__/easyui/jquery.min.js"></script>
<script type="text/javascript" src="__PUBLIC__/easyui/jquery.easyui.min.js"></script>
<script type="text/javascript" src="__PUBLIC__/easyui/locale/easyui-lang-zh_CN.js"></script>
<script type="text/javascript" src="__PUBLIC__/js/ideaframe.js"></script>
<script type="text/javascript" src="__PUBLIC__/js/common.js"></script>
<script type="text/javascript">
var _menus = "";
$(function (){
$.post("/home/getSession", {key:"userinfo"}, function(data) {
if (data) {
userinfo = JSON.parse(data);
$("#usernameshow").text(userinfo.username);
roletype = userinfo.roletype;
if(roletype){
if(roletype == "1"){
$("#iframepage").attr("src","user.html");
}else if(roletype == "3"){
$("#iframepage").attr("src","billshop.html");
}else if(roletype == "2"){
$("#iframepage").attr("src","xuanke.html");
}
}
}else{
window.location.href="login.html";
}
if (roletype) {
if (roletype == "1") {
_menus = {
"menus": [
{"menuid": "1", "icon": "icon-magic", "menuname": "菜品管理",
"menus": [
{"menuid": "12", "menuname": "菜品管理列表", "icon": "icon-database", "url": "good.html"}
]},
{"menuid": "1", "icon": "icon-magic", "menuname": "类别管理",
"menus": [
{"menuid": "12", "menuname": "类别列表", "icon": "icon-database", "url": "type.html"}
]},
/*{"menuid": "1", "icon": "icon-magic", "menuname": "桌号管理",
"menus": [
{"menuid": "12", "menuname": "桌号列表", "icon": "icon-database", "url": "room.html"}
]},
{"menuid": "1", "icon": "icon-magic", "menuname": "城市管理",
"menus": [
{"menuid": "12", "menuname": "城市列表", "icon": "icon-database", "url": "<%= __APP__%>/Shop!shop"}
]},*/
{"menuid": "1", "icon": "icon-magic", "menuname": "订单管理",
"menus": [
{"menuid": "12", "menuname": "订单管理", "icon": "icon-database", "url": "bill.html"}
]},
{"menuid": "1", "icon": "icon-magic", "menuname": "统计",
"menus": [
{"menuid": "12", "menuname": "统计图", "icon": "icon-database", "url": "tongji.html"}
]},
{"menuid": "1", "icon": "icon-magic", "menuname": "餐厅管理",
"menus": [
{"menuid": "12", "menuname": "餐厅列表", "icon": "icon-database", "url": "shop.html"}
]},
{"menuid": "1", "icon": "icon-magic", "menuname": "留言建议管理",
"menus": [
{"menuid": "12", "menuname": "留言建议列表", "icon": "icon-database", "url": "notice.html"}
]},
{"menuid": "56", "icon": "icon-role", "menuname": "用户管理",
"menus": [
{"menuid": "31", "menuname": "用户列表", "icon": "icon-users", "url": "user.html"}
]
}
]};
}else if(roletype == "3"){
_menus = {
"menus": [
{"menuid": "1", "icon": "icon-magic", "menuname": "菜品管理",
"menus": [
{"menuid": "12", "menuname": "菜品管理列表", "icon": "icon-database", "url": "goodshop.html"}
]},
{"menuid": "1", "icon": "icon-magic", "menuname": "优惠券管理",
"menus": [
{"menuid": "12", "menuname": "优惠券列表", "icon": "icon-database", "url": "youhuijuan.html"}
]},
{"menuid": "1", "icon": "icon-magic", "menuname": "类别管理",
"menus": [
{"menuid": "12", "menuname": "类别列表", "icon": "icon-database", "url": "type.html"}
]},
{"menuid": "1", "icon": "icon-magic", "menuname": "兼职信息管理",
"menus": [
{"menuid": "12", "menuname": "兼职信息列表", "icon": "icon-database", "url": "notice2.html"},
{"menuid": "12", "menuname": "兼职申请", "icon": "icon-database", "url": "notice3.html"}
]},
{"menuid": "1", "icon": "icon-magic", "menuname": "订单管理",
"menus": [
{"menuid": "12", "menuname": "订单管理", "icon": "icon-database", "url": "billshop.html"}
]}
]};
}else if(roletype == "2"){
}
InitLeftMenu();
tabClose();
tabCloseEven();
}
});
});
</script>
<style type="text/css">
.themeblock{
width: 10px;
height: 10px;
display: inline-block;
}
</style>
</head>
<body class="easyui-layout" style="overflow-y: hidden" scroll="no">
<noscript>
<div
style="position: absolute; z-index: 100000; height: 2046px; top: 0px; left: 0px; width: 100%; background: white; text-align: center;">
<img src="data:images/noscript.gif" alt='抱歉,请开启脚本支持!'/>
</div>
</noscript>
<div region="north" split="true" style="height: 100px;background-color:#025483;color: #fff;font-size: 30px;text-align: center;line-height: 100px;overflow: hidden;">
<span style="text-shadow: 0px 0px 3px #000;">点餐</span>
</div>
<div region="south" split="true"
style="height: 30px;">
<div>
<table width="100%">
<tr>
<td style="width: 20%;padding-right: 50px;" align="right">
<a href="#" οnclick="openPasswd();" id="usernameshow"></a> <a
href="login.html">退出</a>
</td>
<td style="width: 80%" align="right">
主题 :<a href="javascript:saveTheme('default');" style="color: #2571EB;">经典</a>
<!--<a href="__APP__/Index/changeThem/name/default">经典</a> -->
<!--<a href="__APP__/Index/changeThem/name/cupertino">清新蓝</a> -->
<a href="javascript:saveTheme('gray');" style="color: #585858;">灰色</a>
<a href="javascript:saveTheme('black');" style="color: #000000;">酷黑</a>
<a href="javascript:saveTheme('bootstrap');" style="color: #585858;">bootstrap</a>
<a href="javascript:saveTheme('ui-cupertino');" style="color: #008198;">清新蓝</a>
<a href="javascript:saveTheme('ui-dark-hive');" style="color: #000000;">深黑</a>
<a href="javascript:saveTheme('ui-pepper-grinder');" style="color: #ECC73B;">花布</a>
<a href="javascript:saveTheme('ui-sunny');" style="color: #BF570C;">阳光</a>
<a href="javascript:saveTheme('metro');" style="color: #585858;">metro</a>
<a href="javascript:saveTheme('metro-blue');" style="color: #00AEEF;">metroblue</a>
<a href="javascript:saveTheme('metro-gray');" style="color: #454545;">metrogray</a>
<a href="javascript:saveTheme('metro-green');" style="color: #008900;">metrogreen</a>
<a href="javascript:saveTheme('metro-orange');" style="color: #D14625;">metroorange</a>
<a href="javascript:saveTheme('metro-red');" style="color: #7A0000;">metrored</a>
</td>
<!--<td style="width: 20%" align="right">-->
<!--模式: <a href="__APP__/Index/changeModel?name=index">桌面</a> -->
<!--<a href="__APP__/Index/changeModel/name/index2">经典</a> -->
<!--</td>-->
</tr>
</table>
</div>
</div>
<div region="west" hide="true" split="true" title="导航菜单"
style="width: 180px;" id="west">
<div id="nav" class="easyui-accordion" fit="true" border="false">
<!-- 导航内容 -->
</div>
</div>
<div id="mainPanle" region="center"
style="background: #eee; overflow-y: hidden">
<div id="tabs" class="easyui-tabs" fit="true" border="false">
<div title="欢迎使用" style="padding: 0px; color: red; overflow: hidden;"
closable="true">
<iframe src="" id="iframepage" name="iframepage"
frameBorder=0 width="100%" height="100%" onLoad=""></iframe>
</div>
</div>
</div>
<div region="east" collapsed="true" id="datetool" title="日历"
split="true" style="width: 180px; overflow: hidden;">
<div class="easyui-calendar"></div>
<embed width="160" height="70" align="middle" pluginspage="http://www.macromedia.com/go/getflashplayer"
type="application/x-shockwave-flash" allowscriptaccess="always" name="honehoneclock" bgcolor="#ffffff"
quality="high" src="__PUBLIC__/swf/honehone_clock_wh.swf" wmode="transparent">
</embed>
</div>
<!--修改密码窗口-->
<div id="passwdDialog" class="easyui-dialog" title="修改密码" style="width:550px;height:290px;" toolbar="#dlg-toolbar"
buttons="#dlg-buttons2" resizable="true" modal="true" closed='true'>
<form id="passwdForm" name="passwdForm" method="post">
<table cellpadding="1" cellspacing="1" class="tb_custom1" style="width: 98%;">
<tr>
<th align="right"><label>密码:</label></th>
<td>
<input id="passwd" name="passwd" value="" type="password" class="easyui-validatebox" required="true" validType="length[0,32]"
style="width:90%"/>
</td>
</tr>
<tr>
<th align="right"><label> 密码重复:</label></th>
<td>
<input id="passwd2" name="passwd2" value="" type="password" class="easyui-validatebox" required="true" validType="length[0,32]"
style="width:90%"/>
</td>
</tr>
</table>
</form>
<div id="dlg-buttons2">
<a href="#" class="easyui-linkbutton" οnclick="savePasswd();">保存</a>
</div>
</div>
<div id="mm" class="easyui-menu" style="width: 150px;">
<div id="mm-tabupdate">刷新</div>
<div class="menu-sep"></div>
<div id="mm-tabclose">关闭</div>
<div id="mm-tabcloseall">全部关闭</div>
<div id="mm-tabcloseother">除此之外全部关闭</div>
<div class="menu-sep"></div>
<div id="mm-tabcloseright">当前页右侧全部关闭</div>
<div id="mm-tabcloseleft">当前页左侧全部关闭</div>
</div>
</body>
</html>
小程序演示地址:
链接:https://pan.baidu.com/s/1Ih2SZyh86nSseA7GncXPIg
提取码:8ygl
后台管理系统演示地址:
链接:https://pan.baidu.com/s/1NBX0e9aDHN-Lld033JzjWw
提取码:9oo9
微信小程序点餐+SpringBoot(包括后台)相关推荐
- 微信点餐小程序怎么做?微信小程序点餐系统制作
顾客不用排队等待,打开微信扫一扫二维码,就能通过微信点餐支付,对于大部分餐厅来说,都已经成为常见的现象,小程序彻底融入了我们的生活,小程序也已经成为餐饮行业必备的工具.通过餐饮小程序,不仅可以让用户获 ...
- 小程序毕设作品之微信小程序点餐系统毕业设计(2)小程序功能
整个项目包含了:开题报告 + 开题报告PPT + 任务书 + 中期报告 + 论文模板 + 答辩PPT等 + 项目源码 主要安介绍了系统在开发过程中所应用到的一些关键的技术,主要包括了前端小程序开发的M ...
- php qcloud sdk weapp_微信小程序腾讯云php后台解决方案
微信小程序腾讯云php后台解决方案 微信小程序前段需要添加必要的文件以配合后端 (1)wafer2-client-sdk sdk提供了几种接口包括登陆,获取用户openid,图片上传等 (2)conf ...
- 计算机毕业设计Python+uniapp基于微信小程序点餐与结账系统LW(小程序+源码+LW)
计算机毕业设计Python+uniapp基于微信小程序点餐与结账系统LW(小程序+源码+LW) 该项目含有源码.文档.程序.数据库.配套开发软件.软件安装教程 项目运行 环境配置: Pychram社区 ...
- node.js毕业设计基于微信小程序点餐与结账系统LW(源码+程序+LW+部署)
该项目含有源码.文档.程序.数据库.配套开发软件.软件安装教程.欢迎交流 项目运行 环境配置: Node.js+ Vscode +Mysql5.7 + HBuilderX+Navicat11+Vue+ ...
- 计算机毕业设计PHP基于微信小程序点餐与结账系统LW(源码+程序+uni+lw+部署)
该项目含有源码.文档.程序.数据库.配套开发软件.软件安装教程.欢迎交流 项目运行 环境配置: phpStudy+ Vscode +Mysql5.7 + HBuilderX+Navicat11+Vue ...
- thinkphp三级分销小程序源码_山东谷道微信小程序商城源码带后台 公众号平台三级分销系统...
山东谷道微信小程序商城源码带后台 公众号平台三级分销系统 那么微信二级分销系统与微信三级分销系统到底有什么区别和联系呢?为什么改了个数字地位就天差地别? 1.微信分销模式等级的区别 用简洁的话来说,微 ...
- 小程序文章怎么导出来_微信小程序点餐怎么申请,怎么建立微信点单小程序
微信点餐小程序/微信点餐商家版/微信点餐系统/微信点餐平台/点击上方"蓝字"关注我们我 怎么做微信小程序点餐 我们先要申请一个微信公众号,如果您有营业执照可以注册认证一个服务号 申 ...
- 微信小程序支付-付款(Java后台)
微信小程序支付-付款(Java后台) 一.概述 接触微信小程序支付有一段时间,趁着项目上线空闲期,来总结一下付款.退款.提现到银行卡.查询流水等步骤过程,涉及到的知识,以及编程过程中需要注意的问题. ...
最新文章
- bcb 接收webservice tbytedynarray_文章推荐:基于分集接收技术的可见光接收机前端电路...
- iOS集成OpenCV遇到的问题
- mysql函数数组参数_MYSQL数组聚合函数,如PostgreSQL array_agg
- win10关机更新关闭计算机,win10更新并关机怎么破_win10怎么只关机不更新
- 如何做一个懂产品的程序员?
- AT4518-[AGC032C]Three Circuits【欧拉回路】
- miniui 查询_JQueryMiniUI按照时间进行查询的实现方法
- 基于javaweb的物资配送管理系统_基于JAVA的物流配送管理系统毕业设计书
- 考研数学 【数列极限证明题】题型方法总结
- 矩阵键盘mega16 c语言程序,51单片机对矩阵键盘实现16个按键操作的电路设计
- css select pyquery的简单爬取
- 10行代码实现抽奖助手自动参与抽奖
- [jzoj 6080] [GDOI2019模拟2019.3.23] IOer 解题报告 (数学构造)
- html设置只在最后一页显示页脚,在Word里怎么设置页脚只在最后一页显示?
- 【杂谈】打工人如何喝一杯精致健康的咖啡
- 关于微信公众号开发【微信JS-SDK】报错:config invalid url domian
- 淘宝网nbsp;E客服帐号nbsp;登录阿里旺旺时nbsp;…
- Mendix与JEECG对比
- ssm餐厅线上点菜系统、点餐系统的设计与实现
- 【高中数学】三棱锥体积公式
热门文章
- UESTC 1726 整数划分(母函数)
- 解决bootstrap下的图片自适应问题
- iOS开发UI篇—UIWindow简单介绍
- Windows+Git+TortoiseGit+COPSSH 安装图文教程
- NSDateFormatter 时间格式转换
- 利用VisualEsxtop工具图形化查看esxtop参数
- c#中总是提示“在代码运行时或者在禁用“只要一个进程中断,就中断所有进程”选项时,不允许进行更改。...
- 介绍并扩展Fitnesse的测试模块化机制:Scenario
- 黄聪:Python 字符串操作(string替换、删除、截取、复制、连接、比较、查找、包含、大小写转换、分割等)...
- Yahoo中国变脸?