请选择 进入手机版 | 继续访问电脑版
帖子
帖子
用户
博客
课程
12345678910下一页
返回列表 发新帖
显示全部楼层
回帖奖励
43 Y币
回复本帖可获得 1 Y币奖励! 每人限 1 次
1682
帖子
10
勋章
Y币

[公告] 多端源码-餐饮点餐,一套代码APP+小程序【解析教程+视频】

  [复制链接]
发表于 2020-12-21 15:53:38
APICloud多端技术简介

    在兼容和继承APICloud所有API、模块、技术栈以及用户体验的基础上,我们定义了一套新的代码编写标准(DSL):基于标准Web Components组件化思想,兼容Vue / React语法特性,通过一次编码,分别编译为APP、小程序代码,实现多端开发。
    其中App代码基于DeepEngine3.0运行,全翻译式的运行原理提供完全原生的体验和性能。小程序代码被编译为符合微信小程序多端统一开发工具——kbone标准的代码,可直接在微信开发者工具中进行预览以及发布到微信小程序平台。

为了让开发者更加快速的学习和了解APICloud多端开发技术,会陆续推出新的源码供大家学习与使用。本次推出一款多端源码-《餐饮点餐》,可以体验一套代码编译app+小程序。


QQ图片20201222100807.png


源码地址:https://**.**/apicloudcom/ordering-food

解析视频教程观看地址:
https://ke**.**/course/3133445?taid=10975578474663941&tuin=ba00b578

深度解析文档:
https://**.**/apicloudcom/ordering-food/blob/main/docs/README.md

演示视频:


功能描述
《点餐》项目是一个餐饮商户单商家堂食下单应用。主要功能包括浏览商家主页信息、查看推荐菜品、下单商品、取餐等号等功能。模板包含前后端,其中前端代码使用 avm.js 多端技术开发,可同时编译为 Android & iOS App 以及微信小程序。后端使用 APICloud 数据云3.0云函数自定义接口。也可以使用自建后端服务实现,

详细了解 avm.js 多端开发技术。

详细了解 数据云服务 。


源码文件目录结构
项目源码在本仓库的 widget 目录下。其中该目录下的文件结构如下:
  1. 项目公共组件目录
  2. │  ├─empty-block.shtml      空数据占位图组件
  3. │  ├─goods-action.shtml     商品下单动作组件
  4. │  ├─goods-counter.shtml    商品加购计数器组件
  5. │  ├─goods-list-item.shtml  主页商品列表单品组件
  6. │  ├─order-item.shtml       订单列表单品组件
  7. │  ├─radio-box.shtml        自定义选择器组件
  8. ├─css/                      css样式目录
  9. ├─image/                    图片素材图标资源目录
  10. ├─pages/                    新版的AVM页面目录
  11. │  ├─goods_add
  12. │  │  └─goods_add.stml      加购浮层
  13. │  ├─goods_detail
  14. │  │  └─goods_detail.stml   商品详情页
  15. │  ├─main_cart
  16. │  │  └─main_cart.stml      主tab-2 购物车页面
  17. │  ├─main_home
  18. │  │  └─main_home.stml      主tab-0 商家主页
  19. │  ├─main_menu
  20. │  │  └─main_menu.stml      主tab-1 点餐菜单页面
  21. │  ├─main_user
  22. │  │  └─main_user.stml      主tab-3 用户主页
  23. │  ├─pay_result
  24. │  │  └─pay_result.stml     支付结果页
  25. │  ├─pending_order
  26. │  │  └─pending_order.stml  待付款结算页
  27. ├─script/                   JavaScript脚本目录
  28. └─config.xml                应用配置文件
复制代码

使用步骤
  • 下载 APICloud Studio 3作为开发工具。
  • 通过此模板创建应用后,使用 Studio 3 导入创建的模板应用项目。步骤: Studio 3 顶部菜单-项目-导入项目-云端检出,选择对应项目检出到本地。
  • 手机安装 AppLoader,使用 AppLoader 进行真机同步调试预览,或者为当前项目云编译自定义 Loader 进行真机同步调试预览,参考 WiFi 真机同步。小程序可通过 Studio 3 编译项目后在微信开发者工具中进行预览。
  • 云编译 生成 Android & iOS 应用安装包以及微信小程序源码包。编译iOS之前需先上传 iOS 证书, Android 则可直接进行编译。


使用帮助:有多端开发过程中遇到问题请到AVM多端版块发帖或者加入QQ群:339762594


其他多端源码:
多端源码-生鲜电商,体验一套代码APP+小程序
https://community.apicloud.com/bbs/thread-167789-1-1.html

企业展示
https://community.apicloud.com/bbs/thread-169290-1-1.html

教育培训
https://community.apicloud.com/bbs/thread-170438-1-1.html

服饰商城
https://community.apicloud.com/bbs/thread-170439-1-1.html

19
帖子
3
勋章
1万+
Y币
前排占楼  回帖奖励 +1 云币
13
帖子
0
勋章
71
Y币
板凳`板凳`板凳
沙发沙发
21
帖子
1
勋章
1710
Y币

板凳`板凳`板凳
1
帖子
0
勋章
133
Y币


板凳`板凳`板凳
1
帖子
0
勋章
133
Y币


板凳`板凳`板凳
1
帖子
0
勋章
133
Y币


板凳`板凳`板凳
1
帖子
0
勋章
133
Y币


板凳`板凳`板凳
1
帖子
0
勋章
133
Y币


板凳`板凳`板凳
12345678910下一页
您需要登录后才可以回帖 登录

本版积分规则