移动应用开发指南
如果您还未具备 Enhancer 开发经验,建议您先学习完《快速上手》,在了解平台基本操作之后,再来尝试移动应用开发,这样会事半功倍。如果您已具备 Enhancer 开发经验,现在就可以直接在工作台创建移动页面,配置并运行。以下是基本步骤:
一、创建页面-设置菜单-选择移动端组件
二、布局并运行
三、运行效果
DEMO
用户作品 B 端应用:临沧宏福 OA 移动版 DEMO
用户作品 C 端应用:微商城
基本组件用法(用户名: 任意 / 密码: 任意)
移动端常用组件
输入
- 移动表单 form-mobile、高级版form-mobile-pro、动态版 form-mobile-dynamic
- 多行录入 form-mobile-multi
- 滚轮选择/级联选择 enhancer-mobile-select
- 扫码 enhancer-scan-code
- 文件/图片/拍照上传 enhancer-image-upload
查询
入口
导航
- 选项卡 enhancer-tabs
- 分类条 enhancer-classifier
- 分类器 enhancer-category
- 日历导航 enhancer-calendar
- 树/层级 enhancer-tree-mobile
列表
- 移动表格 enhancer-datatables-mobile
- 移动列表 enhancer-list-mobile
- widget 列表 enhancer-data-widget
- 产品列表/购物车 enhancer-product-list
展示
其他
- 百度地图 baidu-map、高德地图 gaode-map、QQ 地图 qq-map
- 手写签名 jq-signature
- 优惠券 enhancer-coupons
- 头像上传裁剪 enhancer-croppie
接入三方应用登录方法
- Enhancer 应用作为企业微信内部应用时的免登实现
- Enhancer 应用在微信里的免登实现
- Enhancer 应用作为钉钉内部应用时的免登实现
- Enhancer 应用作为钉钉第三方网站时的免登实现
- Enhancer 应用在微信小程序里的免登实现
其他问题
如何让同一个页面同时在 PC 端和移动端正常运行?
- 首先,每一个页面都可以设置为同时在PC和移动端展示。
- 其次,页面内运行的内容是否能在 PC 端和移动端同时很好的运行,取决于以下 2 点:
- 页面内使用的组件都能同时支持 在 PC 端和移动端运行。所以使用组件时需要注意它支持的设备和等级。
- 页面内的各个窗口在 PC 端和移动端的交互方式是一致的或者是相互无碍的,比如都使用窗口弹出窗口。
如何部署并访问移动应用?
部署方式与 PC 应用部署方式完全一致。部署后,可以用手机上的浏览器直接打开地址访问;也可以用一些在线工具,将地址转换成二维码,然后让用户通过其他带扫码功能的应用比如微信,支付宝,直接扫码访问。
如何让用户不登录就能访问主页面?
可以在全局配置-系统设置中开启访客模式,具体细节参考:https://forum.wuyuan.io/plate/qa/topic/5f86665cc4080b30be4dc265。同时可以使用变量 1-IS_LOGGED_IN 来判断当前用户是否登录。
如何跟其他社交应用集成?
平台最终发布得到的是一个 Web App,也即一个 html 页面使用了移动端的浏览器预览。所以,你可以把它嵌入到任何具备web页面浏览功能的应用中,比如微信公众号、企业微信、小程序、支付宝、钉钉等。当然,你可以自己开发一个本地 app 外壳,嵌入web view 来访问移动web页面, 然后将本地 app 通过常规的应用商店渠道分发给你的用户。经过多年业界实战,这种 hybrid 的实现方式具有开发简便,跨平台等诸多优势。