请选择 进入手机版 | 继续访问电脑版
1234567下一页
返回列表 发新帖
回帖奖励
50 Y币
回复本帖可获得 1 Y币奖励! 每人限 1 次

[公告] 多端源码-服饰商城,体验一套代码APP+小程序【新源码】

  [复制链接]
APICloud官方 发表于 2021-1-22 19:33:20
APICloud多端技术简介

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

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

介绍
此源码为在线服饰商城类型,主要功能包括商品展示、商品搜索、购物车、订单管理等。包含前后端,其中前端代码使用 avm.js 多端技术开发,可同时编译为 Android & iOS App 以及微信小程序;后端使用 APICloud 数据云 3.0 云函数自定义接口。

详细了解avm 多端开发技术
详细了解数据云服务

源码地址(喜欢就进去star一下,多谢)https://github.com/apicloudcom/online-dress

深度解析教程地址:https://github.com/apicloudcom/online-dress/tree/main/docs

预览图:
preview.jpg

源码目录结构介绍
目录结构延续 widget 代码包的目录结构,pages 目录下用于创建符合 avm.js 语法规范的 stml 文件,stml 文件可用于编译为 App 和小程序代码。
  1. <font face="微软雅黑" size="3"><font size="3" face="微软雅黑"><font size="3" face="微软雅黑">|---widget             // widget 代码根目录
  2. |    |---components    // stml 组件目录。该目录下 stml 文件仅被 pages 目录下页面引用,不单独编译
  3. |    |---css           // 外置引用的 css 文件存放目录
  4. |    |---image         // 图片资源文件目录
  5. |    |---pages         // stml 页面代码文件目录。该目录中每个文件对应一个页面,将被编译为 js 或者小程序的3个代码片段
  6. |       |---index      // stml 页面代码文件子目录。如果您希望您的 App 能够兼容微信小程序,需按照微信小程序目录结构,新增一层子目录,并将 stml 文件置于该目录下
  7. |    |---html          // 标准 html 页面代码文件目录
  8. |    |---res           // res 目录
  9. |    |---script        // 外置引用的 js 文件存放目录
  10. |    |---config.xml    // app 配置文件
  11. |</font></font></font>
复制代码


使用步骤
  • 使用 APICloud Studio 3 作为开发工具。
  • 下载本源码。
  • 在开发工具中新建项目,并将本源码导入新建的项目中,注意更新 config.xml 中的 appid 为你项目的 appid。
  • 使用 AppLoader 进行真机同步调试预览。
  • 或者提交项目源码,并为当前项目云编译自定义 Loader 进行真机同步调试预览。
  • 云编译 生成 Android & iOS App 以及微信小程序源码包。



联系我们

如果您在使用过程中遇到了问题,或者有更多的宝贵意见,欢迎到 APICloud 社区和 QQ 群与我们进行互动讨论。

65条回复

玩具. 职业车手 3615Y币
回复本帖可获得 1 云币奖励! 每人限 1 次

回帖奖励 +1 Y币

回复 举报
godeer 驾校小白 12Y币
学习啦

回帖奖励 +1 Y币

回复 举报
石向婷 马路杀手 1698Y币
回复本帖可获得 1 云币奖励! 每人限 1 次

回帖奖励 +1 Y币

回复 举报
左岸正茂 入门司机 641Y币
回帖奖励 +1 云币

回帖奖励 +1 Y币

回复 举报
辉哥_0808 老司机 24382Y币
回帖奖励 +1 云币

回帖奖励 +1 Y币

回复 举报
小明啦啦啦 驾校小白 47Y币
可同时编译为 Android & iOS App 以及微信小程序

回帖奖励 +1 Y币

回复 举报
wuya1 实习司机 276Y币
回帖奖励 +1 云币

回帖奖励 +1 Y币

回复 举报
xSunLight 驾校小白 72Y币

回帖奖励 +1 云币

回帖奖励 +1 Y币

回复 举报
易大侠 半专业车手 3447Y币
回帖奖励 +1 云币

回帖奖励 +1 Y币

回复 举报
1234567下一页
您需要登录后才可以回帖 登录

本版积分规则