数据源管理
组成
平台组成 | 功能描述 | |
---|---|---|
控制台 | 应用管理 | 多应用一站式管理。支持多端、多版本的应用管理,支持多人协作。 |
模板中心 | 轻松利用模板创建应用。支持模板开发、发布、管理和交易。 | |
数据源管理 | 管理数据源和应用后台数据。支持内部数据和外部数据源。 | |
组件库管理 | 支持组件库开发、发布和版本管理。 | |
可视化编辑器 | 主面板 | 拖拽开发主面板区,具有编辑区和实时预览区;可切换应用端。 |
左侧面板 | 集成了页面管理、组件管理、资源管理和 JSON 管理能力。 | |
右侧面板 | 可对组件进行相关配置,或对整个页面进行配置。 | |
菜单栏 | 实现保存应用、预览发布应用、代码编辑、变量管理和撤销操作等功能。 | |
数据管理 | 数据源管理 | 管理数据源模型。数据源模型可用于创建数据源变量。支持内、外部数据源。 |
变量管理 | 管理应用中的变量。将应用组件的某个属性和变量关联,则该属性可动态变化。支持多种类型的变量。 | |
数据管理后台 | 应用预览或发布后,可在数据管理后台上修改应用关联的所有变量的内容(值),实现应用内容动态展示的效果。 |
定制化
因为微搭是基于『云开发』使用的,所以如果熟悉云开发TCB,可以灵活使用
方法意图有两个作用
- 分类
- 模板方法的生成,不同『方法意图』生成的模板方法不一样
![](https://img.haomeiwen.com/i3342415/849bb10beff07230.png)
状态
分开发、预览、发布三种状态
数据源——外部
只有一堆堆方法,没有数据源
![](https://img.haomeiwen.com/i3342415/ddd9840aaa21c382.png)
『云函数』可以合并多个接口数据处理,相当于中间件功能
应用编辑器
![](https://img.haomeiwen.com/i3342415/9c86f4cba8e791ca.png)
单文本框嵌套循环使用,需要使用到『表达式』
forItems.id11[forItems.id12.key]
![](https://img.haomeiwen.com/i3342415/a1b69ccc5cdd7d63.png)
![](https://img.haomeiwen.com/i3342415/1ae51355a96621a1.png)
针对值的判断显示
![](https://img.haomeiwen.com/i3342415/0bbc0dadec705012.png)
数据源循环值时根据情况显示不同值
![](https://img.haomeiwen.com/i3342415/a9f3a4a24be6479f.png)
低代码编辑器
![](https://img.haomeiwen.com/i3342415/aa9d6f96774caf67.png)
![](https://img.haomeiwen.com/i3342415/4b12fd4bccbd9b7b.png)
把微信api文档里的wx改成app就可以了。在命令行里的输入app可以显示所有的属性和列表
![](https://img.haomeiwen.com/i3342415/998fdb122c403c4e.png)
![](https://img.haomeiwen.com/i3342415/44cdbcd09e5122a8.png)
![](https://img.haomeiwen.com/i3342415/7bd5bef64a823774.png)
![](https://img.haomeiwen.com/i3342415/e137b7aa18bbdc4d.png)
提交后传入的是detail对象
![](https://img.haomeiwen.com/i3342415/33865b5d42297ed4.png)
![](https://img.haomeiwen.com/i3342415/8e87080b7ca1a03a.png)
对应自定义数据源
![](https://img.haomeiwen.com/i3342415/f71eb67f0654f1b9.png)
传入的参数
![](https://img.haomeiwen.com/i3342415/4b7d147e4a52524e.png)
打印结果
![](https://img.haomeiwen.com/i3342415/367ad605228d5003.png)
![](https://img.haomeiwen.com/i3342415/bd06f1c6b4f08ecb.png)
![](https://img.haomeiwen.com/i3342415/70c7841f4d3014dd.png)
![](https://img.haomeiwen.com/i3342415/bcdd880701aede7b.png)
输入框改变值
![](https://img.haomeiwen.com/i3342415/bf9bdf4101c1bd3b.png)
自定义低码组件
![](https://img.haomeiwen.com/i3342415/bccb979c3b1fd238.png)
![](https://img.haomeiwen.com/i3342415/427ef01b34a3084d.png)
数据属性,编辑后会自动扩展
![](https://img.haomeiwen.com/i3342415/eee12845133546ce.png)
最终只有两个字段
![](https://img.haomeiwen.com/i3342415/fe4a23a9e93ca135.png)
绑定值,这样就可以控制引脚来控制属性
![](https://img.haomeiwen.com/i3342415/deaa63dbb79a3f31.png)
添加事件引脚
![](https://img.haomeiwen.com/i3342415/c2ff6189f2d4d6c3.png)
添加事件
![](https://img.haomeiwen.com/i3342415/d3b7e7128f3dedff.png)
低代码加个tel方法
![](https://img.haomeiwen.com/i3342415/7e5d2e4481dfc10f.png)
更新完组件进行发布
![](https://img.haomeiwen.com/i3342415/d752e7f31edd8415.png)
再刷新应用就能看到组件自动更新了
为组件添加事件
![](https://img.haomeiwen.com/i3342415/a78753bff40e7b8b.png)
自定义源码组件
create就会拉取现有的所有组件库,低码组件库和源码组件库
![](https://img.haomeiwen.com/i3342415/6bdec04b04d94330.png)
创建同名文件夹,相当于创建一个同名的组件库
![](https://img.haomeiwen.com/i3342415/ffc58e006a7bcaf6.png)
configs目录:数据引脚 、事件引脚 、图标等
开发好后发布
![](https://img.haomeiwen.com/i3342415/c94fa935597550d2.png)
团队协作
创建一个子账号
![](https://img.haomeiwen.com/i3342415/56f90810c70090a2.png)
通过子账号登录
![](https://img.haomeiwen.com/i3342415/34e0ae1d15dc1352.png)
团队协作方式
- git管理,由一个人统一发布
- 小程序和web分开两个项目写,写好把A功能拷贝到B项目
网友评论