Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
erosXXX
uni-app
提交
6ac8d9dc
U
uni-app
项目概览
erosXXX
/
uni-app
与 Fork 源项目一致
Fork自
DCloud / uni-app
通知
1
Star
0
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,发现更多精彩内容 >>
未验证
提交
6ac8d9dc
编写于
1月 04, 2021
作者:
W
wanganxp
提交者:
GitHub
1月 04, 2021
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
Update schema.md
上级
484f56e3
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
19 addition
and
11 deletion
+19
-11
docs/uniCloud/schema.md
docs/uniCloud/schema.md
+19
-11
未找到文件。
docs/uniCloud/schema.md
浏览文件 @
6ac8d9dc
...
...
@@ -38,11 +38,13 @@
1.
在
`uniCloud`
项目右键,选择
`创建database目录`
2.
在第一步创建的database目录右键选择
`新建数据集合schema`
![](
https://static-eefb4127-9f58-4963-a29b-42856d4205ee.bspapp.com/hx%E6%8F%90%E7%A4%BAschema.jpg
)
**HBuilderX内创建的schema新建和保存时不会自动上传**
**上传schema**
-
在单个schema文件右键可以只上传当前选中的schema
-
在单个schema文件右键可以只上传当前选中的schema
。快捷键是【Ctrl+u】。(Ctrl+u是HBuilderX的通用快捷键,不管是发布App还是上传云函数、schema,都是Ctrl+u)
-
在database目录右键可以上传全部schema
**下载schema**
...
...
@@ -938,14 +940,16 @@ db.collection('street').where("shop_id=='123123'").get()
db
.
collection
(
'
street
'
).
where
(
"
shop_id=='123123 || shop_id=='456456'
"
).
get
()
```
### schema2code
前端表单
生成系统@autocode
### schema2code
代码
生成系统@autocode
`DB Schema`
里有大量的信息,有了这些信息,前端将无需自己开发表单维护界面,uniCloud可以自动生成新增数据、修改数据的前端表单页面,以及admin端的列表、新增、修改、删除全套功能。
为强化表单的自定义性,
`DB Schema`
还扩展了label、component、group、order等属性,以控制表单项在界面上的渲染控件。
前端表单生成系统功能包括:
-
自动生成新增、修改表单的页面文件,分别是add.vue和edit.vue
`schema2code`
不是简单的一键crud生成接口,它直接生成了可运行的页面。
`schema2code`
代码生成系统功能包括:
-
自动生成新增、修改表单的页面文件,分别是add.vue和edit.vue。如果是uniCloud admin,还包括list.vue。
-
自动生成前端表单校验规则
表单校验工作,在前端和后端都需要做。在过去,这造成重复投入。
...
...
@@ -958,7 +962,6 @@ 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
)
schema2code不是简单的一键crud生成接口,它直接生成了可运行的页面。
1.
在schema界面点击 “导出表单页面”
...
...
@@ -996,10 +999,20 @@ schema2code不是简单的一键crud生成接口,它直接生成了可运行
-
区域G. 文件预览 (仅支持预览 自动生成的页面和校验规则)
2.
然后点击“下载zip”按钮,将导出一个工程源码压缩包。解压导出的zip包,拷贝到已有工程
2.
点击“导入HBuilderX”或“下载zip”按钮,将生成的代码合并到自己的项目中。
**注意:生成的代码,需HBuilderX2.9.5+方可正常运行。**
在生成uniCloud admin页面时,生成的列表页(list),需自行配置【排序字段】和【模糊搜索字段】。了解更多参考
[
clientDB
](
https://uniapp.dcloud.net.cn/uniCloud/clientdb?id=jssdk
)
。
以uniCloud admin内置页面【用户列表页】为例,要实现列表按注册时间排倒叙,要在列表上方的搜索框搜索,需在生成的list.vue页面的script区域修改如下配置:
```
javascript
const
dbOrderBy
=
'
register_date desc
'
// 排序字段,asc(升序)、desc(降序)
const
dbSearchFields
=
[
'
username
'
,
'
role_name
'
,
'
mobile
'
,
'
email
'
]
// 模糊搜索字段,支持模糊搜索的字段列表
```
`schema2code`
是一个代码辅助生成工具,生成后的代码,经常会有二次开发需求。如果二次开发后又变动schema,建议使用Git等工具管理源码,进行差异比对。
#### 生成页面控件的默认策略
...
...
@@ -1223,8 +1236,3 @@ schema2code不是简单的一键crud生成接口,它直接生成了可运行
</uni-group>
```
**Bug&Tips**
-
schema2code是一个代码辅助生成工具,生成后的代码,经常会有二次开发需求。如果二次开发后又变动schema,建议使用Git等工具管理源码,进行差异比对。
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录