Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
Velpro187
uni-app
提交
206ece53
U
uni-app
项目概览
Velpro187
/
uni-app
与 Fork 源项目一致
Fork自
DCloud / uni-app
通知
1
Star
1
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
U
uni-app
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
未验证
提交
206ece53
编写于
3月 03, 2021
作者:
L
linju-json
提交者:
GitHub
3月 03, 2021
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
补充schema2code步骤图及视频演示
上级
82c648d4
变更
1
显示空白变更内容
内联
并排
Showing
1 changed file
with
23 addition
and
6 deletion
+23
-6
docs/uniCloud/schema.md
docs/uniCloud/schema.md
+23
-6
未找到文件。
docs/uniCloud/schema.md
浏览文件 @
206ece53
...
...
@@ -1199,8 +1199,17 @@ db.collection('street').where("shop_id=='123123 || shop_id=='456456'").get()
DCloud提供了
`uni-forms`
前端组件,该组件的表单校验规范完全符合
`DB Schema`
中的校验规则,实现云端统一。
`uni-forms`
组件地址:
[
https://ext.dcloud.net.cn/plugin?id=2773
](
https://ext.dcloud.net.cn/plugin?id=2773
)
1.
在uniCloud web控制台,进入一个数据表的表结构schema界面,点击按钮 “schema2code”
#### 快速上手schema2code生成“通讯录”
> 成品演示地址:[http://contacts-demo.dcloud.net.cn/](http://contacts-demo.dcloud.net.cn/)
1.
登录
[
uniCloud控制台
](
https://unicloud.dcloud.net.cn
)
,选中“云数据库”
2.
点击新建数据表
!
[](
https://vkceyugu.cdn.bspapp.com/VKCEYUGU-f184e7c3-1912-41b2-b81f-435d1b37c7b4/cf14c597-cc74-4949-bf5b-99727b1f0888.png
)
3.
使用
[
OpenDB
](
https://gitee.com/dcloud/opendb
)
表模板创建:
`opendb-contacts`
通讯录表
![](
https://vkceyugu.cdn.bspapp.com/VKCEYUGU-f184e7c3-1912-41b2-b81f-435d1b37c7b4/0e2ee195-05ae-4445-af41-45c41b2da70a.jpg
)
4.
选中刚创建好的数据表
`opendb-contacts`
,点击进入表结构schema界面,点击按钮 “schema2code”
![](
https://vkceyugu.cdn.bspapp.com/VKCEYUGU-f184e7c3-1912-41b2-b81f-435d1b37c7b4/3f93a350-2d13-4b8e-afb6-7dc367437b49.jpg
)
5.
点击“导入HBuilderX”或“下载zip”按钮,将生成的代码合并到自己的项目中
!
[](
https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/ba87a6b0-1519-11eb-81ea-f115fe74321c.png
)
上图每个区域的解释如下:
...
...
@@ -1235,11 +1244,19 @@ DCloud提供了`uni-forms`前端组件,该组件的表单校验规范完全符
-
区域G. 文件预览 (仅支持预览 自动生成的页面和校验规则)
2.
点击“导入HBuilderX”或“下载zip”按钮,将生成的代码合并到自己的项目中。
> 注意:需HBuilderX 3.0.5+ 支持
**全程演示视频**
:
</br>
<video style="width:50vw;height:28vw;" id="video" preload="none" controls="controls"
poster="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-b537e2ca-0f4e-4ff0-a097-48fdeafb9873/bfcc37f1-389f-40e9-a538-bf6d53ab0990.mp4?x-oss-process=video/snapshot,t_1000,f_jpg" src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-b537e2ca-0f4e-4ff0-a097-48fdeafb9873/bfcc37f1-389f-40e9-a538-bf6d53ab0990.mp4">
</video>
**注意:生成的代码,需HBuilderX2.9.5+方可正常运行。**
在生成uniCloud admin页面时
,生成的列表页(list),需自行配置【排序字段】和【模糊搜索字段】。了解更多参考
[
clientDB
](
https://uniapp.dcloud.net.cn/uniCloud/clientdb?id=jssdk
)
。
如果生成uniCloud admin页面
,生成的列表页(list),需自行配置【排序字段】和【模糊搜索字段】。了解更多参考
[
clientDB
](
https://uniapp.dcloud.net.cn/uniCloud/clientdb?id=jssdk
)
。
以uniCloud admin内置页面【用户列表页】为例,要实现列表按注册时间排倒叙,要在列表上方的搜索框搜索,需在生成的list.vue页面的script区域修改如下配置:
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录