设为首页
收藏本站
社区
社区板块
YonBuilder应用构建
可视化低代码开发
YonBuilder移动开发
多端移动低代码开发
智友RPA
自动化流程机器人
生态产品&OpenAPI
服务于共创生态产品和接口调用开发
数据分析
全流程、一站式的数据服务
内部板块
YonBIP高级版
为用户提供学习成长、分享交流平台
YonBIP客开
专注服务于客户化开发
YonLinker&集成资产
便捷的应用配置和接口调用开发
关注我们
关注用友开发者中心公众号
快速获取产品动态和技术干货
开发者学堂
学习资料
视频学习
丰富的课程学习资源,随时随地学习
文档资源
开发文档,快速掌握开发技巧
技术博客
干货知识,专业的开发经验分享
免费源码
用友开发者专属福利
开发平台
YonBuilder应用构建
无代码、低代码构建企业级业务应用
YonBuilder移动开发
一次开发生成多端高性能的企业级移动应用
智友RPA
通过设定程序完成特定任务,替代繁琐和重复工作
开发工具
助力开发者高效构建商业应用
新手训练营
YonBuilder移动开发训练营
免费课程资源,快速掌握移动开发技术
开发者服务
生态合作
加入用友生态客开伙伴
成为客开伙伴,项目合作促进技术变现
企业服务
试用许可申请
不同产品线的License许可申请
App、小程序、网站等定制开发服务
专业/高效的软件定制服务,支撑企业商业创新
平台活动
开发者活动
更有趣的活动,更干货的直播分享
积分商城
帖子
帖子
用户
博客
课程
帖子
帖子
用户
博客
课程
历史搜索
删除历史
热门搜索
换一批
热门课程
换一批
登录
注册
个人中心
今日签到
私信列表
消息中心
搜索全站
扫码关注官方微信
扫码下载APP
返回顶部
YonBIP开发者社区
›
YonBIP开发者社区
›
YonBuilder移动开发
›
官方公告
›
多端源码-餐饮点餐,一套代码APP+小程序【解析教程+视频 ...
1
2
3
4
5
6
7
8
9
10
下一页
跳转至
/ 10 页
返回列表
显示全部楼层
43 Y币
回复本帖可获得 1 Y币奖励! 每人限 1 次
YonBIP社区
当前离线
YonBIP社区
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+小程序。
源码地址:
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 目录下。其中该目录下的文件结构如下:
项目公共组件目录
│ ├─empty-block.shtml 空数据占位图组件
│ ├─goods-action.shtml 商品下单动作组件
│ ├─goods-counter.shtml 商品加购计数器组件
│ ├─goods-list-item.shtml 主页商品列表单品组件
│ ├─order-item.shtml 订单列表单品组件
│ ├─radio-box.shtml 自定义选择器组件
├─css/ css样式目录
├─image/ 图片素材图标资源目录
├─pages/ 新版的AVM页面目录
│ ├─goods_add
│ │ └─goods_add.stml 加购浮层
│ ├─goods_detail
│ │ └─goods_detail.stml 商品详情页
│ ├─main_cart
│ │ └─main_cart.stml 主tab-2 购物车页面
│ ├─main_home
│ │ └─main_home.stml 主tab-0 商家主页
│ ├─main_menu
│ │ └─main_menu.stml 主tab-1 点餐菜单页面
│ ├─main_user
│ │ └─main_user.stml 主tab-3 用户主页
│ ├─pay_result
│ │ └─pay_result.stml 支付结果页
│ ├─pending_order
│ │ └─pending_order.stml 待付款结算页
├─script/ JavaScript脚本目录
└─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
54232
收藏
0
举报
分享
QQ空间
新浪微博
微信扫一扫
快速回复
辉哥_0808
当前离线
辉哥_0808
19
帖子
3
勋章
1万+
Y币
前排占楼 回帖奖励 +1 云币
#沙发
回复于2020-12-21 16:29:21
回帖奖励 +1 Y币
举报
回复
WX远航
当前离线
WX远航
13
帖子
0
勋章
71
Y币
板凳`板凳`板凳
#板凳
回复于2020-12-21 17:12:00
回帖奖励 +1 Y币
举报
回复
天晴了【app/自动化脚本开发
当前离线
天晴了【app/自动化脚本开发
42
帖子
4
勋章
4
Y币
沙发沙发
#地板
回复于2020-12-21 17:18:32
回帖奖励 +1 Y币
举报
回复
石向婷
当前离线
石向婷
21
帖子
1
勋章
1710
Y币
板凳`板凳`板凳
#5
回复于2020-12-21 18:07:30
回帖奖励 +1 Y币
举报
回复
dyf0
当前离线
dyf0
1
帖子
0
勋章
133
Y币
板凳`板凳`板凳
#6
回复于2020-12-22 10:44:01
回帖奖励 +1 Y币
举报
回复
dyf0
当前离线
dyf0
1
帖子
0
勋章
133
Y币
板凳`板凳`板凳
#7
回复于2020-12-22 10:44:17
举报
回复
dyf0
当前离线
dyf0
1
帖子
0
勋章
133
Y币
板凳`板凳`板凳
#8
回复于2020-12-22 10:45:33
举报
回复
dyf0
当前离线
dyf0
1
帖子
0
勋章
133
Y币
板凳`板凳`板凳
#9
回复于2020-12-22 10:45:46
举报
回复
dyf0
当前离线
dyf0
1
帖子
0
勋章
133
Y币
板凳`板凳`板凳
#10
回复于2020-12-22 10:47:38
举报
回复
1
2
3
4
5
6
7
8
9
10
下一页
跳转至
/ 10 页
B
Color
Link
Quote
Code
Smilies
高级模式
您需要登录后才可以回帖
登录
本版积分规则
回帖后跳转到最后一页
发表回复
返回顶部
返回列表
徽章中心还有更多好玩的勋章,快去查看吧~
查看详情