专栏首页APICloud AVM多端开发教程《外卖点餐》APP+小程序前后端代码全部免费开源!
原创

《外卖点餐》APP+小程序前后端代码全部免费开源!

《堂食点餐》云应用是一套在线点餐的行业应用模版,顾客可通过小程序/APP自助扫码订餐、加菜、买单,从而降低门店服务人员工作量及餐厅的运营成本。前端模版源码开源后,获得了很多开发者的好评,为了给开发者带去更好的学习和开发福利,《堂食点餐》后端数据云函数也开源啦!模板的数据云模型和云函数现已上线到数据云预置模型中了。通过导入模型,即可体验云端一体的《堂食点餐》完整案例。

数据云3.0是一个全新的服务端开发运维平台,提供从后端开发、接口联调到上线运营维护等一整套方案。开发者无需考虑数据库和服务器等基础设施,无需关心服务器测试环境的搭建,数据的备份及服务扩容等与业务无关的工作,只需关心逻辑本身。

前端源码

餐饮点餐:一套代码生成APP+小程序,🔗点此查看源码讲解

后端源码

当我们使用《堂食点餐》模板创建应用以后,就可以根据需要导入数据云模型和云函数,具体方式如下:

开启数据云和导入模型

进入项目的控制面板,选择“云开发”中的“云设置”。如果是第一次打开这个界面,数据云默认是么有开启的。需要点击欢迎页的开启按钮,即可开启数据云。

开启数据云之后,可以在“云设置”页面进行一些基础设置。接下来重点关注到“数据模型”页面。点击“数据模型”打开相关页面,我们可以自行创建模型和云函数,也可以在右侧“预制模型”中看到“堂食点餐"同名模型。点击右下角绿色小加号,将该模型进行导入。

导入成功以后,可以在左侧看到相应的数据模型已经显示出来。点选模型,可以进入相关模型数据的预览。或者是点击左侧底部的“云函数开发”会弹出云函数管理浮层,浮层中间是使用引导和文档链接。可以点选左侧顶部的绿色按钮进行创作新的云函数, 也可以点选已有的云函数,学习研究预置的函数和接口是如何设计的。

体验一下

以左侧的 shop 模型为例,点击模型打开“远程函数”。在远程函数中找到 getInfo 接口,点选后右侧就会展现相关代码实现。此时需要进行一次全量发布,点击右侧上方的发布右侧的下拉箭头,选择全量发布,将刚刚导入的所有模型和云函数发布并生效。接下来可以点击接口联调,打开API接口生成列表。在 shop 分组下找到 getInfo 接口,并可以点击 “Try it out”进行接口测试。

请求后将会看到完整的请求地址。接下来打开App端的源码,找到 script/req.js 大约第三行的位置,将代码中的请求二级前缀更改为项目的真实API路径。例如:

const config = {
    schema: 'https',
-    host: 'a7777777777777-pd.apicloud-saas.com',
+    host: 'a6176110219206-dev.apicloud-saas.com',
    path: 'api'
}

保存后,打开首页开始测试一下: 进入 pages/main_home/main_home.stml 页面,右键点击空白区域,选择“实时预览”。稍等片刻,在右侧的预览区域将会出现预览画面。点击地址后面的复制图标,拿到预览地址。放置到chrome等浏览器中可以观察请求,确认渲染数据的确是来自当前项目的数据云接口的模型数据。

■ 云模型 快速上手

云模型也就是云数据库。可以存取业务数据,还提供了数据访问的接口和相关API。

在一个项目中可以建立业务所需要的数据表模型。还是以 shop 为例:打开模型后,是一个表格的形式展现了模型内存在的数据。表头的内容是该模型的字段,表中的数据是模型下保存的记录。可以在头部的按钮中进行添加数据、删除数据、添加字段、设置关联等管理操作。

■ 云函数示例代码

获取商家信息

GET /shops/getInfo
shop.getInfo = async()=> {
        try{
            const data = await shop.findOne({where: {"status":1}});
            return {status:0,msg:"成功",data:data};
        }catch(err){
            return {status:1,msg:"获取商家信息失败!",data:err};
        }
};

通过阅读上面的云函数源代码,可以看到一个云函数组成是十分简单的。在编辑状态下,可以看到表单中显示出了一个云函数的一些必要元素:选择 Model ,确定函数类型为“远程函数”,选择请求类型为“get”。完善函数名称和描述,最后设置一个函数(方法)名, 作为函数名称,也是远程接口的访问地址。

在函数中,通过模型的数据操作api来对接口做具体的功能实现:在上面的代码中, 就是从 shop 模型中找到一个 status 为 1的一条符合条件的数据。可以看到,查找条件是以 JSON 的形式放在 where 条件中的。正常情况下,成功找到数据并使用 return 关键字为函数返回值。而这个值也会作为云函数生成的接口的 response 的数据域, 来返回给前端。使用 try-catch 代码块来捕获相关错误,如果查找失败的情况下,并且也会返回给前端。

关于更多的模型方法可以参考🔗数据云3的完整文档

■ 管理后台 快速上手

除了模型和云函数之外,数据云3还提供一个快速后台生成管理系统。

为方便用户使用,我们内置了管理后台模块,用户开启服务后可通过 "https://appid-dev.apicloud-saas.com/admin/" 在测试环境进行访问。

此功能需要全局配置开启session服务以及开通文件存储,请在全局配置进行相关操作。

还是上面的例子:假设当前的 APPID 是 a6176110219206 ,那么对应的管理地址就是:https://a6176110219206-dev.apicloud-saas.com/admin/ 默认的账号和密码是:账号:admin 密码:123456

在后台可以进行相关数据设置和页面快速开发。后台页面开发的规则是引入了低代码框架 AMIS 。详细可以参阅:https://baidu.github.io/amis/zh-CN/docs/

■ 深入使用和进阶

回到数据云面板,可以查看示例模型和云函数。还可以通过数据云完整文档学习完整的数据云使用方法。数据云文档链接:https://docs.apicloud.com/Cloud-API/sentosa

原创声明,本文系作者授权云+社区发表,未经许可,不得转载。

如有侵权,请联系 yunjia_community@tencent.com 删除。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 谁会成为线下支付市场的收割者?

    回首下条码支付的崛起历程,可谓历经万难,先后经历了央行对条码支付的的叫停、经历了四方与AT直连时代、四方通过银行与AT间联时代、银行和支付公司与AT断直连时代,...

    金融民工小曾
  • 餐饮小程序的超新能力:肯德基用它快速获客!

    以前去肯德基店,都需要排很长时间的队。最近你会发现,柜台前都只三三两两的站着极少人,但用餐区依然爆满。

    用户1745481
  • 外卖:争夺饥饿用餐者的战争

    摘要:提供硬件确实是提升粘性的办法,但这无疑会大幅增加成本,已经有玩家敢这么干,说外卖进入疯狂烧钱阶段并不夸张,几个月前“饿了么”还在上海开展请吃外卖活动,补贴...

    罗超频道
  • 为什么小程序特别适合餐饮行业?

    最近,我的家族群里掀起一个话题,讨论了一个星期还未得到答案。起因是做餐饮行业的老板在考虑要不要做小程序,但又已经入驻美团、饿了么平台,但分成太高,单靠实体门店客...

    云蚁cloudant
  • 行业盘点 | 餐饮行业10大关键词

    前言 回望2017年,餐饮业发生着翻天覆地的变化,新技术既带来冲击又带来机遇,新老餐饮服务商,正在革新餐饮产业链条上的各个环节,降低行业成本,提高行业效率,并...

    灯塔大数据
  • 作为2018最靠谱的项目,还没有自己的小程序?

    “小程序代表的是未来,未来万事万物可能都包括信息,而小程序刚好是这样一种信息载体和表达方式。”

    用户1745481
  • 餐饮小程序订餐系统都有哪些功能模块?具体有什么优势和好处?

    随着微信小程序不断把发展,各行各业对小程序的应用也越来越广,值得注意的餐饮行业对小程序的使用更是势如破竹的快速增长。这样促更多的商家将会借助微信小程序涌入这个全...

    速成应用小程序开发平台
  • 开发运营|餐饮行业如何用小程序吸粉和转化?

    外卖行业的兴起对餐饮业是有很大的帮助,但是因为外卖平台的盈利属性点在于商户抽成。并且商家们都知道了外卖有钱收,但是做下去似乎又不挣钱。而商家们的流量来源基本就是...

    用户1745481
  • 新餐饮变革之下,小程序如何为餐饮赋能?

    当餐饮“守旧派”还在坚持传统的餐饮经营方式,餐饮“维新派”已经开始利用移动互联网技术开启餐饮经营模式的变革。今年上半年推出的微信小程序与线下餐饮消费场景有哪些结...

    用户1745481
  • 新餐饮变革之下,小程序如何为餐饮赋能?

    当餐饮“守旧派”还在坚持传统的餐饮经营方式,餐饮“维新派”已经开始利用移动互联网技术开启餐饮经营模式的变革。今年上半年推出的微信小程序与线下餐饮消费场景有哪些结...

    用户1745481
  • 如何避免成为一个佛系的运营人?

    2017 年互联网发生了不少事,微信小程序诞生、共享经济火爆、饿了么合并百度外卖、全民手游王者荣耀月流水达 30 亿元、携程深陷舆论漩涡、天猫双 11 交易额 ...

    八零后科技
  • 美团正押注无人车?没错,这是外卖大战的第三阶段

    千平 假装发自 望京 量子位 出品 | 公众号 QbitAI 外卖不是一个简单的生意。 前不久,美团点评刚刚宣布融资40亿美元,这些钱会花在哪?美团点评CTO罗...

    量子位
  • 美团外卖日订单突破2000万,日趋稳定的外卖行业拼什么?

    5月19日,美团外卖宣布日完成订单量超过2000万单,成为全球范围内第一个到达这个规模的外卖平台。2017年3月20日,美团外卖宣布日订单突破1000万,从美团...

    罗超频道
  • 对标美国餐饮市场,疫情下的中国餐饮行业面临哪些机遇和挑战?

    据国家统计局数据,2019年餐饮收入为4.67万亿元,同比增长9.4%。中国饭店协会曾乐观预估,2020年中国餐饮业的全行业收入有望突破5万亿。

    庄帅
  • 从“饿了么”看O2O营销三大特征

    饿了么,中国最大的餐饮O2O平台已经不再满足于解决高校学生的外卖需求。8月11日,饿了么在上海推出20万份免费午餐活动,每份20元,只要在分众液晶显示屏附近,...

    罗超频道
  • 外卖点餐微信小程序已经成为餐饮市场刚需 线上线下完美拓客

    不管你有没有了解过,不管你想不想做,微信点餐小程序已经成为餐饮市场的刚需。不做,就等于放弃市场。正如前几年兴起的外卖,现在不做外卖的餐厅又有几家呢?速成应用小程...

    速成应用小程序开发平台
  • 吸粉 | 喜茶用小程序杀死排队:半年零成本吸粉600万,复购率翻3倍

    在各家门店营业额持续上涨的前提下,喜茶的排队人数正在大大减少。黄牛排队加价也从20到30元不等,降为10元。

    云蚁cloudant
  • 小程序将引起 O2O 行业剧变?请看这 3 个案例

    知晓君
  • “小程序”:成就新零售的“大世界”

    2017年1月9日小程序正式发布,五个月时间,动作频繁!大部分企业甚至包括很多业内人士,对小程序的认识也只是一个模糊概念,小程序将给企业带来什么? 如果说一...

    静一

扫码关注云+社区

领取腾讯云代金券