商家如何自己零成本免费制作点餐小程序项目完整源码

现在点餐小程序成为餐饮店的标配,顾客只要扫码,即可进入小程序点餐。顾客付款后,后厨自动打印出订单并开始制作。整个过程非常方便流畅,甚至还可以免去收银(或服务)人员。那么,这种餐饮小程序要如何搭建呢?找小程序开发商还是商家自己搭建呢?

外卖行业近几年发展迅猛,微信平台也成为其中的一个主力军,小程序的横空出世,让不少微信外卖平台加入其中,纷纷开发了自己的餐厅点餐小程序

餐厅点餐小程序功能非常方便,对于用户来讲,操作如下:
1.打开自己的微信账号,选择【小程序】
2.点击【小程序】进入,进入餐厅点餐小程序系统
3.选择这家餐厅之后,进入微信授权界面,选择允许
4.进入店内之后,选择外卖字样,可以看到这家店的详细地址和详细联系电话以及营业时间,还有商家的环境
5.选择外卖的界面之后,在左边有一个列表是大分类:如热销、优惠、套餐、主食、配菜、饮料等等
6.点击选择规格之后进入选项中口味的选择:选择好之后【加入购物车】
7.选择【加入购物车】,如何没有其他需要点餐的就可以直接点击【选好了】,还需要选择其他外卖的话都一致加入购物车
8.最后在想【选好了】点击进入【订单提交】,添加好收货地址之后、收货人、联系电话进去付款即可。可选择填写备注,比如口味、偏好等
微信小程序餐厅点餐界面截图,所有数据都是通过后台设置上传。

菜单界面代码逻辑

<view class="section"><!-- 左侧类型 --><scroll-view scroll-y="true" class="left"><view wx:for="{{types}}" wx:key="typeId" data-type-id="{{item.typeId}}" bindtap="tapType" class="{{item.typeId == currType ? 'active' : ''}}" style="font-size:33rpx">{{item.name}}</view></scroll-view><!-- 右侧数据 --><scroll-view scroll-y="true" class="right"><view class="typeTree"><view  class="brand" wx:for="{{typeTree}}" wx:for-item="data"><navigator url="{{data.pic}}"  wx:key="typeId" class="item"><image src="{{data.pic}}"></image><text>{{data.name}}</text></navigator></view></view></scroll-view>
</view>
// import ApiList from  '../../config/api';
// import request from '../../utils/request.js';Page({data: {// types: null,typeTree: {},       // 数据缓存currType: 0 ,// 当前类型"types": [{"name":"热销产品","typeId":"0",},   {"name":"人气产品","typeId":"1",},{"name":"店家推荐","typeId":"2",}, ],"typeTree": [],},onLoad (){var me = this;request({url: ApiList.goodsType,success: function (res) {me.setData({types: res.data.data});}});this.getTypeTree(this.data.currType);},tapType(e){const currType = e.currentTarget.dataset.typeId;this.setData({currType: currType});this.getTypeTree(currType);},// 加载二级类目数据getTypeTree (currType) {const me = this, _data = me.data;if(!_data.typeTree[currType]){request({url: ApiList.goodsTypeTree,data: {typeId: +currType},success: function (res) {_data.typeTree[currType] = res.data.data;me.setData({typeTree: _data.typeTree});}});}}
})

管理后台逻辑代码

    //***************************// 产品分类//***************************public function index(){$flavor = M('user')->where('id='.intval($_REQUEST['uid']))->field('flavor')->find();$list = M('pro_cat')->where('del=0')->field('id,name')->select();$type = $_REQUEST['type'];if($type == 'tuijian' && ($flavor['flavor'] == '' || !isset($flavor['flavor']))){echo json_encode(array('status'=>0,'err'=>'请先去选择自己喜欢的口味吧'));exit();}$plist = array();foreach ($list as $k => $val) {$pro = M('product')->where('del=0 AND cid='.intval($val['id']))->field('id,name,price_yh,photo_x,salenum,renqi,flavor')->select();foreach ($pro as $key => $v) {if($type != 'tuijian' || $this->is_same_flavor($flavor['flavor'],$v)) {$pro[$key]['photo_x'] = __DATAURL__ . $v['photo_x'];$pro[$key]['cartnum'] = 0;$pro[$key]['cartid'] = 0;$pro[$key]['flavor'] = $this->get_flavor($v['flavor']);if (intval($_REQUEST['uid'])) {$cartinfo = M('shopping_char')->where('uid=' . intval($_REQUEST['uid']) . ' AND pid=' . intval($v['id']))->find();$pro[$key]['cartnum'] = intval($cartinfo['num']);$pro[$key]['cartid'] = intval($cartinfo['id']);}}else{unset($pro[$key]);}}if(sizeof($pro) > 0){$list[$k]['list'] = $pro;array_push($plist,$list[$k]);}}if(sizeof($plist) <= 0 ){echo json_encode(array('status'=>0,'err'=>'没有适合您口味的菜可推荐!'));exit();}$cartnum = 0;$cartmoney = 0;$cartlist = array();if (intval($_REQUEST['uid'])) {$cartlist = M('shopping_char')->where('uid='.intval($_REQUEST['uid']))->select();if ($cartlist) {foreach ($cartlist as $k => $v) {$cartlist[$k]['name'] = M('product')->where('id='.intval($v['pid']))->getField('name');$cartlist[$k]['photo'] = __DATAURL__.M('product')->where('id='.intval($v['pid']))->getField('photo_x');$cartmoney += floatval($v['price']*$v['num']);$cartnum += intval($v['num']);}}}$fee = M('program')->where('1=1')->getField('yunfei');//json加密输出echo json_encode(array('status'=>1,'list'=>$plist,'cartlist'=>$cartlist,'cartnum'=>$cartnum,'cartmoney'=>sprintf("%.2f",$cartmoney),'fee'=>floatval($fee)));exit();}


作者:云诺说
来源:简书

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.rhkb.cn/news/285807.html

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

STM32—控制蜂鸣器(定时器)

目录 1 、 电路构成及原理图 2 、编写实现代码 main.c tim_irq.c 3、代码讲解 4、烧录到开发板调试、验证代码 5、检验效果 此笔记基于朗峰 STM32F103 系列全集成开发板的记录。 1 、 电路构成及原理图 定时器中断是利用定时器的计数功能&#xff08;向上计数或向下计…

ChatGPTGPT4科研应用、数据分析与机器学习、论文高效写作、AI绘图技术教程

原文链接&#xff1a;ChatGPTGPT4科研应用、数据分析与机器学习、论文高效写作、AI绘图技术教程https://mp.weixin.qq.com/s?__bizMzUzNTczMDMxMg&mid2247598798&idx2&sn014f5ae90306a3b1e8fd87ab58561411&chksmfa820329cdf58a3f72799a43016b223057fd1bd02284…

算法系列--动态规划--子序列(1)

&#x1f495;"深思熟虑的结果往往就是说不清楚。"&#x1f495; 作者&#xff1a;Mylvzi 文章主要内容&#xff1a;算法系列–动态规划–子序列(2) 今天带来的是算法系列--动态规划--子序列(1),是子序列问题的开篇!带大家初识子序列问题 一.什么是子序列问题 我们…

某蓝队面试经验

背景 据小道消息说今年的国护疑似提前到了五月份&#xff0c;所以最近也是HW面试的一个高峰期啊&#xff0c;这里分享一下上次长亭的蓝队面试问题&#xff08;附本人的回答&#xff0c;仅供参考&#xff09; 面试问答 1、谈谈作为蓝队护网过程使用过厂商的设备 这里我回答的…

Spring Boot整合Spring Security

Spring Boot 专栏&#xff1a;Spring Boot 从零单排 Spring Cloud 专栏&#xff1a;Spring Cloud 从零单排 GitHub&#xff1a;SpringBootDemo Gitee&#xff1a;SpringBootDemo Spring Security是针对Spring项目的安全框架&#xff0c;也是Spring Boot底层安全模块的默认技术…

部署Zabbix Agents添加使能监测服务器_Linux平台_Yum源/Archive多模式

Linux平台 一、从yum源脚本安装部署Zabbix-Agent,添加Linux Servers/PC 概述 Zabbix 主要有以下几个组件组成: Zabbix Server:Zabbix 服务端,Zabbix的核心组件,它负责接收监控数据并触发告警,还负责将监控数据持久化到数据库中。 Zabbix Agent:Zabbix客户端,部署在被监…

Hbase 王者荣耀数据表 HBase常用Shell命令

大数据课本&#xff1a; HBase常用Shell命令 在使用具体的Shell命令操作HBase数据之前&#xff0c;需要首先启动Hadoop&#xff0c;然后再启动HBase&#xff0c;并且启动HBase Shell&#xff0c;进入Shell命令提示符状态&#xff0c;具体命令如下&#xff1a; $ cd /usr/local…

Linux--进程(1)

目录 前言 1.冯诺依曼体系结构 2. 操作系统(Operator System)--第一个被加载的软件 3.进程 3.1基本概念 3.2Linux中的PCB 3.3通过系统调用创建子进程-fork初识 fork&#xff1a;创建一个子进程 为什么要创建子进程&#xff1f; fork的原理&#xff1a; 进一步了解fo…

关于OceanBase中旁路导入的应用分享

背景 前段时间&#xff0c;在用户现场协助进行OceanBase的性能测试时&#xff0c;我注意到用户常常需要运用 insert into select 将上亿行的数据插入到一张大宽表里&#xff0c;这样的批量数据插入操作每次都需要耗时半个小时左右。对这一情况&#xff0c;我提议用户尝试采用旁…

【UE5】动画蒙太奇简述

项目资源文末百度网盘自取 动画蒙太奇基本功能 动画蒙太奇&#xff08;Animation Montage&#xff09; 可以将多个 动画序列&#xff08;Animation Sequences&#xff09; 合并为单个资产并通过蓝图播放&#xff0c;还可以将一个蒙太奇动画切分为多个 蒙太奇分段&#xff08;M…

Prompt-RAG:在特定领域中应用的革新性无需向量嵌入的RAG技术

论文地址&#xff1a;https://arxiv.org/ftp/arxiv/papers/2401/2401.11246.pdf 原文地址&#xff1a;https://cobusgreyling.medium.com/prompt-rag-98288fb38190 2024 年 3 月 21 日 虽然 Prompt-RAG 确实有其局限性&#xff0c;但在特定情况下它可以有效地替代传统向量嵌入 …

外包干了5年,技术退步明显.......

先说一下自己的情况&#xff0c;大专生&#xff0c;18年通过校招进入杭州某软件公司&#xff0c;干了接近4年的功能测试&#xff0c;今年年初&#xff0c;感觉自己不能够在这样下去了&#xff0c;长时间呆在一个舒适的环境会让一个人堕落! 而我已经在一个企业干了四年的功能测…

DC-5靶机

一.环境搭建 1.下载地址 靶机下载地址&#xff1a;https://download.vulnhub.com/dc/DC-5.zip 2.虚拟机配置 切换nat模式&#xff0c;有问题全选重试和是&#xff0c;打到这了&#xff0c;我感觉这个配置我都不用写了&#xff0c;启动靶机如下图所示即可 二.开始渗透 1.信…

红黑树进阶:正向与反向迭代器的实现及map、set的封装实践

文章目录 一、引言二、红黑树迭代器设计1、迭代器的基本概念和分类2、正向迭代器设计a.迭代器结构定义b.迭代器的 与 -- 3、反向迭代器设计a.反向迭代器的必要性b.反向迭代器的实现要点 4、红黑树封装迭代器 三、使用红黑树实现Map四、红黑树实现Set五、细节理解1、 typname的使…

Linux 在线yum安装: PostgreSQL 15.6数据库

Linux 在线yum安装&#xff1a; PostgreSQL 15.6数据库 1、PostgreSQL数据库简介2、在线安装PostgreSQL15.63、配置 PostgreSQL的环境变量4、使用默认用户登录PostgreSQL5、配置 PostgreSQL 允许远程登录6、修改 PostgreSQL 默认端口7、创建数据库和表、远程用户zyl8、pgAdmin远…

ChatGLM3 Linux 部署

1.首先需要下载本仓库&#xff1a; git clone https://github.com/THUDM/ChatGLM3 2.查看显卡对应的torch 版本 官方文档说明&#xff1a; Start Locally | PyTorch 例如&#xff1a; a. 先查看显卡的CUDA版本 nvcc --version 查看对应版本 Previous PyTorch Versions …

接口测试常用工具及测试方法(基础篇)

&#x1f345; 视频学习&#xff1a;文末有免费的配套视频可观看 &#x1f345; 关注公众号【互联网杂货铺】&#xff0c;回复 1 &#xff0c;免费获取软件测试全套资料&#xff0c;资料在手&#xff0c;涨薪更快 接口一般来说有两种&#xff0c;一种是程序内部的接口&#xff…

家用智能洗地机哪个牌子好?4款型号让你解锁高效省力生活体验

在今天的社会中&#xff0c;随着生活节奏的加快&#xff0c;人们对于家庭清洁的需求不断增加。传统的清洁方法已经无法满足现代家庭的需求。因此&#xff0c;洗地机作为一种高效、方便的清洁工具&#xff0c;已经成为了许多家庭首选的清洁设备。然而&#xff0c;在市场上&#…

个人可以做知识付费网站吗

个人可以做知识付费网站吗 个人能够做学问付费网站吗&#xff1f;答案是肯定的&#xff01;如今个人做学问付费网站并不需求太多的资金和技术支持&#xff0c;我们只需求购置一台效劳器或虚拟主机&#xff0c;然后在该主机空间上搭建一个WordPress网站&#xff0c;最后运用带有…

Unity-UGUI系统

UGUI是什么 UGUI是Unity引擎内自带的UI系统官方称之为:Unity Ul 是目前Unity商业游戏开发中使用最广泛的UI系统开发解决方案 它是基于Unity游戏对象的UI系统&#xff0c;只能用来做游戏UI功能 不能用于开发Unity编辑器中内置的用户界面 六大基础组件 概述 Canvas EventS…