schema.md 45.4 KB
Newer Older
d-u-a's avatar
d-u-a 已提交
1
# DB Schema
d-u-a's avatar
d-u-a 已提交
2

W
wanganxp 已提交
3
`DB Schema`是基于 JSON 格式定义的数据结构的规范。
d-u-a's avatar
d-u-a 已提交
4

W
wanganxp 已提交
5
它有很多重要的作用:
d-u-a's avatar
d-u-a 已提交
6

W
wanganxp 已提交
7 8
- 描述现有的数据格式。可以一目了然的阅读每个表、每个字段的用途。
- 设定数据操作权限(permission)。什么样的角色可以读/写哪些数据,都在这里配置。
W
wanganxp 已提交
9
- 设定字段值域能接受的格式(validator),比如不能为空、需符合指定的正则格式。
W
wanganxp 已提交
10 11 12
- 设置数据的默认值(defaultValue/forceDefaultValue),比如服务器当前时间、当前用户id等。
- 设定多个表的字段间映射关系(foreignKey),将多个表按一个虚拟表直接查询,大幅简化联表查询。
- 根据schema自动生成表单维护界面,比如新建页面和编辑页面,自动处理校验规则。
d-u-a's avatar
d-u-a 已提交
13

W
wanganxp 已提交
14
> MongoDB支持通过 [$jsonSchema 操作符](https://docs.mongodb.com/manual/reference/operator/query/jsonSchema/index.html)在插入和更新文档时进行结构验证(非空、类型校验等), $jsonSchema 支持 JSON Schema的草案4,包括[core specification](https://tools.ietf.org/html/draft-zyp-json-schema-04)和[validation specification](https://tools.ietf.org/html/draft-fge-json-schema-validation-00)。uniCloud在MongoDB基础上进行了JSON Schema扩展。
d-u-a's avatar
d-u-a 已提交
15

W
wanganxp 已提交
16
编写`DB Schema`是uniCloud的数据库开发的重要环节。但如果在云函数里操作数据库,`DB Schema`只能发挥描述作用,无法提供实际功能。通过`clientDB`在前端操作数据库才能发挥`DB Schema`的各种功能。
d-u-a's avatar
d-u-a 已提交
17

W
wanganxp 已提交
18
一般建议开发者在前端操作数据库,在云数据库里配好`DB Schema`,然后就不再编写服务器代码了。也就是传统开发中在服务器端写的各种代码,包括对数据格式的校验、权限的管控,全都通过`DB Schema`设置,而不是写服务器代码。这种做法可以大幅提升开发效率、降低开发成本。
d-u-a's avatar
d-u-a 已提交
19

W
wanganxp 已提交
20
同时这要求开发者有一定的思路转换,需要一个角色站在数据库设计角度统筹所有规则。将原有的业务规则,都转换为数据库规则。
d-u-a's avatar
d-u-a 已提交
21

W
wanganxp 已提交
22
#### 如何编写DB Schema
d-u-a's avatar
d-u-a 已提交
23

W
wanganxp 已提交
24
- **方式1,在web控制台编写schema**
W
wanganxp 已提交
25 26 27
1. 登录 [uniCloud控制台](https://unicloud.dcloud.net.cn),选中一个数据表
2. 点击表右侧页签 “表结构”,点击 “编辑” 按钮,在编辑区域编写 Schema,编写完毕后点保存按钮即可生效。
  ![](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/e237cb60-ff2d-11ea-8a36-ebb87efcf8c0.png)
d-u-a's avatar
d-u-a 已提交
28

雪洛's avatar
雪洛 已提交
29 30
**web控制台上编辑`DB Schema`保存后是实时生效的,请注意对现网商用项目的影响。**

W
wanganxp 已提交
31 32 33 34
- **方式2,在HBuilderX中编写schema**
> 需HBuilderX 3.0+版本

在HBuilderX中编写schema,有良好的语法提示和语法校验,还可以在前端连本地云函数功能中免上传联调测试,是更为推荐的schema编写方案。
雪洛's avatar
雪洛 已提交
35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50

**创建schema**

1.`uniCloud`项目右键,选择`创建database目录`
2. 在第一步创建的database目录右键选择`新建数据集合schema`

**HBuilderX内创建的schema新建和保存时不会自动上传**

**上传schema**

- 在单个schema文件右键可以只上传当前选中的schema
- 在database目录右键可以上传全部schema

**下载schema**

- database目录右键可以下载所有schema及扩展校验函数
d-u-a's avatar
d-u-a 已提交
51

W
wanganxp 已提交
52 53
HBuilderX中运行前端项目,在控制台选择连接本地云函数,此时本地编写的schema可直接生效,无需上传。方便编写调试。

W
wanganxp 已提交
54
### Schema字段@segment
d-u-a's avatar
d-u-a 已提交
55 56 57

|属性|类型|描述|
|:-|:-|:-|
W
wanganxp 已提交
58 59 60 61
|bsonType|any|字段类型,如json object、字符串、数字、bool值,具体见下表bsonType可用类型|
|title|string|标题,开发者维护时自用。如果不填label属性,将在生成前端表单代码时,默认用于表单项前面的label|
|description|string|描述,开发者维护时自用。在生成前端表单代码时,如果字段未设置component,且字段被渲染为input,那么input的placehold将默认为本描述|
|required|array|是否必填。支持填写必填的下级字段名称。required可以在表级的描述出现,约定该表有哪些字段必填。也可以在某个字段中出现,如果该字段是一个json,可以对这个json中的哪些字段必填进行描述。详见下方示例|
W
wanganxp 已提交
62 63
|enum|Array|字段值枚举范围,数组中至少要有一个元素,且数组内的每一个元素都是唯一的。|
|maximum|number|如果bsonType为数字时,可接受的最大值|
d-u-a's avatar
d-u-a 已提交
64
|exclusiveMaximum|boolean|是否排除 maximum|
W
wanganxp 已提交
65
|minimum|number|如果bsonType为数字时,可接受的最小值|
d-u-a's avatar
d-u-a 已提交
66
|exclusiveMinimum|boolean|是否排除 minimum|
W
wanganxp 已提交
67 68
|minLength|number|最小长度|
|maxLength|number|最大长度|
W
wanganxp 已提交
69 70
|format|'url'|'email'|数据格式,不符合格式的数据无法入库。目前只支持'url'和'email',未来会扩展其他格式|
|pattern|String|正则表达式,如设置为手机号的正则表达式后,不符合该正则表达式则校验失败,无法入库|
d-u-a's avatar
d-u-a 已提交
71
|validateFunction|string|扩展校验函数名|
W
wanganxp 已提交
72
|errorMessage|string|Object |当数据写入或更新时,校验数据合法性失败后,返回的错误提示|
d-u-a's avatar
d-u-a 已提交
73
|defaultValue|string|Object|默认值|
W
wanganxp 已提交
74
|forceDefaultValue|string|Object|强制默认值,不可通过clientDB的代码修改,常用于存放用户id、时间、客户端ip等固定值。具体参考下表的defaultValue|
W
wanganxp 已提交
75
|foreignKey|String|关联字段。表示该字段的原始定义指向另一个表的某个字段,值的格式为`表名.字段名`,比如订单表的下单用户uid字段指向uni-id-users表的_id字段,那么值为`uni-id-users._id`。关联字段定义后可用于[联表查询](https://uniapp.dcloud.net.cn/uniCloud/database?id=lookup),通过关联字段合成虚拟表,极大的简化了联表查询的复杂度|
W
wanganxp 已提交
76
|permission|Object|数据库权限,控制什么角色可以对什么数据进行读/写,可控制表和字段,可设置where条件。见下文[详述](uniCloud/schema?id=permission)|
W
wanganxp 已提交
77 78 79 80
|label|string|字段标题。生成前端表单代码时,渲染表单项前面的label标题|
|group|string|分组id。生成前端表单代码时,多个字段对应的表单项可以合并显示在一个uni-group组件中|
|order|int|表单项排序序号。生成前端表单代码时,默认是以schema中的字段顺序从上到下排布表单项的,但如果指定了order,则按order规定的顺序进行排序。如果表单项被包含在uni-group中,则同组内按order排序|
|component|Object|Array|生成前端表单代码时,使用什么组件渲染这个表单项。比如使用input输入框。详见下方示例|
d-u-a's avatar
d-u-a 已提交
81

d-u-a's avatar
d-u-a 已提交
82

W
wanganxp 已提交
83
**注意:**
W
wanganxp 已提交
84
1. `DB Schema`的各种功能均只支持`clientDB`。如果使用云函数操作数据库,schema的作用仅仅是描述字段信息。同时强烈推荐使用HBuilderX 2.9.5以上版本使用`clientDB`
W
wanganxp 已提交
85 86
2. 生成表单页面的功能,入口在uniCloud web控制台的数据库schema界面,注意该功能需搭配HBuilderX 2.9.5+版本。
3. 暂不支持子属性校验
d-u-a's avatar
d-u-a 已提交
87

W
wanganxp 已提交
88
### 字段类型bsonType
d-u-a's avatar
d-u-a 已提交
89

W
wanganxp 已提交
90 91 92 93 94 95
- string
- double
- int
- object (地理位置属于object)
- array
- bool
W
wanganxp 已提交
96 97
- timestamp (时间戳)
- password (所有用户都不能通过clientDB读写,即使是admin管理员)
d-u-a's avatar
d-u-a 已提交
98

W
wanganxp 已提交
99 100 101 102
注意:
- timestamp是一串数字的时间戳,一般通过如下js获取`var timestamp = new Date().getTime();`。它的好处是屏蔽了时区差异。阿里云和腾讯云的云端时区是0,但在HBuilderX本地运行云函数时,如果是中国的电脑,时区则会变成8,导致显示错乱。所以推荐使用时间戳。但时间戳是一串记录毫秒的数字,不合适直接渲染到前端界面上。推荐的做法是在前端渲染时使用[`<uni-dateformat>`组件](https://ext.dcloud.net.cn/plugin?id=3279)
- 时间戳和地理位置在web控制台的数据库管理界面上无法直接在引号里录入值,需参考[文档](uniCloud/quickstart?id=editdb)
- double类型慎重,由于js不能精准处理浮点运算,0.1+0.2=0.30000000000000004。所以涉及金额时,建议使用int而不是double,以分为单位而不是以元为单位存储。比如微信支付默认就是以分为单位。如果使用[uniPay](uniCloud/unipay)处理支付的话,它的默认单位也是分。
W
日更  
wanganxp 已提交
103

W
wanganxp 已提交
104
<!-- schema里时间格式只允许时间戳是不够的 -->
d-u-a's avatar
d-u-a 已提交
105

d-u-a's avatar
d-u-a 已提交
106

d-u-a's avatar
d-u-a 已提交
107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123
### url格式@url

`http://` | `https://` | `ftp://` 开头, `//` 后必须包含一个 `.`(localhost除外)

有效格式
- http://dcloud.io
- https://dcloud.io
- http://localhost

无效格式
- http://dcloud
- https://dcloud
- mailto:dcloud@dcloud.io
- file:\\
- file:\\\


d-u-a's avatar
d-u-a 已提交
124
### enum属性@enum
d-u-a's avatar
d-u-a 已提交
125

d-u-a's avatar
d-u-a 已提交
126 127

简单本地数据
128

d-u-a's avatar
d-u-a 已提交
129 130 131 132 133 134 135 136 137
```json
{
  "bsonType": "object",
  "required": [],
  "properties": {
    "_id": {
      "description": "存储文档 ID(用户 ID),系统自动生成"
    },
    "role": {
138
      "bsonType": "array",
d-u-a's avatar
d-u-a 已提交
139
      "description": "角色,不允许重复",
d-u-a's avatar
d-u-a 已提交
140
      "label": "角色",
d-u-a's avatar
d-u-a 已提交
141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156
      "enum": [1, 2, 3]
    }
  }
}
```


复杂本地数据

```json
{
  "bsonType": "object",
  "required": [],
  "properties": {
    "_id": {
      "description": "存储文档 ID(用户 ID),系统自动生成"
d-u-a's avatar
d-u-a 已提交
157
    },
d-u-a's avatar
d-u-a 已提交
158
    "role": {
159
      "bsonType": "array",
d-u-a's avatar
d-u-a 已提交
160
      "description": "角色,不允许重复",
d-u-a's avatar
d-u-a 已提交
161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177
      "label": "角色",
      "enum": [
        {
          "value": 1,
          "text": "text1"
        },
        {
          "value": 2,
          "text": "text2"
        }
      ]
    }
  }
}
```


d-u-a's avatar
d-u-a 已提交
178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205
云端数据

```json
{
  "bsonType": "object",
  "required": [],
  "properties": {
    "_id": {
      "description": "存储文档 ID(用户 ID),系统自动生成"
    },
    // role 云端数据, enum属性的值和clientdb组件的写法一致,clientdb组件 https://uniapp.dcloud.net.cn/uniCloud/uni-clientdb-component
    // 通过clientdb提交数据时多一次查库请求以校验数据是否有效
    "role": {
      "bsonType": "array",
      "description": "角色",
      "label": "角色",
      "enum": {
        "collection": "uni-id-roles", // 表名,这里使用 uni-id-roles表举例,在uniCloud控制台使用 opendb 创建此表
        "field": "role_name as text, role_id as value", //字段筛选,需要 as 成前端组件支持的字段名 text,value
        "where": "", // 查询条件
        "orderby": "" // 排序字段及正序倒叙设置
      }
    }
  }
}
```


W
wanganxp 已提交
206
### 基本示例
d-u-a's avatar
d-u-a 已提交
207

W
wanganxp 已提交
208
假使一个表有5个字段:"name", "year", "major", "address", "gpa"。其中前4个字段是必填字段,然后"address"字段类型为json object,它下面又有若干子字段,其中"city"字段必填。
W
wanganxp 已提交
209 210 211

则schema按如下编写。

d-u-a's avatar
d-u-a 已提交
212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248 249 250 251 252
```json
{
  "required": ["name", "year", "major", "address"],
  "properties": {
    "name": {
      "bsonType": "string",
      "description": "must be a string and is required"
    },
    "year": {
      "bsonType": "int",
      "minimum": 2017,
      "maximum": 3017,
      "description": "must be an integer in [ 2017, 3017 ] and is required"
    },
    "major": {
      "enum": ["Math", "English", "Computer Science", "History", null],
      "description": "can only be one of the enum values and is required"
    },
    "gpa": {
      "bsonType": ["double"],
      "description": "must be a double if the field exists"
    },
    "address": {
      "bsonType": "object",
      "required": ["city"],
      "properties": {
        "street": {
          "bsonType": "string",
          "description": "must be a string if the field exists"
        },
        "city": {
          "bsonType": "string",
          "description": "must be a string and is required"
        }
      }
    }
  }
}
```


W
wanganxp 已提交
253
uniCloud推出了`openDB`开源数据库规范,包括用户表、文章表、商品表等很多模板表,这些模板表均已经内置`DB Schema`,可学习参考。[详见](https://gitee.com/dcloud/opendb)
W
wanganxp 已提交
254

d-u-a's avatar
d-u-a 已提交
255
### 默认值defaultValue/forceDefaultValue@defaultvalue
W
wanganxp 已提交
256 257 258 259

- defaultValue指定新增时当前字段默认值,客户端可以修改此值。
- forceDefaultValue也是指定新增时当前字段的默认值,与defaultValue不一样,forceDefaultValue不可被客户端修改。

W
wanganxp 已提交
260 261
在实际开发中,forceDefaultValue常用于设置为当前服务器时间、当前登录用户id、客户端ip时。

W
wanganxp 已提交
262
这些数据都不能通过前端上传,不安全。过去只能在云端写云函数操作。在schema配置后则可以不用写云函数。`clientDB`在新增数据记录时会自动补齐这些数据。
W
wanganxp 已提交
263

W
wanganxp 已提交
264
其中uid是和`uni-id`绑定的。如果用户没有登录,则无法获取uid,此时写入数据会报错。
W
wanganxp 已提交
265

雪洛's avatar
雪洛 已提交
266 267 268 269 270 271 272 273 274 275 276 277 278 279 280

`defaultValue/forceDefaultValue`内可以使用一些预置变量,形式如下:

```json
"forceDefaultValue": {
  "$env": "now"
}
```

`$env`可取值如下:

|变量			|说明																								|
|:-:			|:-:																								|
|now			|当前时间戳																					|
|clientIP	|当前客户端IP																				|
W
wanganxp 已提交
281
|uid			|当前用户Id,基于`uni-id`。如果当前用户未登录或登录状态无效会报错	|
雪洛's avatar
雪洛 已提交
282

W
wanganxp 已提交
283 284 285 286 287 288
示例:

```json
// 指定默认值为true
"defaultValue": true

W
wanganxp 已提交
289
// 指定强制默认值为当前服务器时间戳
W
wanganxp 已提交
290 291 292 293 294 295 296 297 298 299 300 301 302 303 304 305
"forceDefaultValue": {
  "$env": "now"
}

// 指定强制默认值为当前客户端IP
"forceDefaultValue": {
  "$env": "clientIP"
}

// 指定强制默认值为当前客户id
"forceDefaultValue": {
  "$env": "uid"
}
```


W
wanganxp 已提交
306
默认值 `"defaultValue": ...`,指定默认值为当前时间戳。新增记录时,若前端不传该字段,则默认为当前时间。若前端传一个指定的值,则以传的值为准。
W
wanganxp 已提交
307 308 309 310 311 312 313 314 315 316 317 318 319 320 321 322 323 324

```json
{
  "bsonType": "object",
  "required": [],
  "properties": {
    "create_time": {
      "bsonType": "timestamp",
      "label": "创建时间",
      "defaultValue": {
        "$env": "now"
      }
    }
  }
}
```


W
wanganxp 已提交
325
强制默认值,覆盖默认值 `"forceDefaultValue": ...`,指定默认值为当前时间戳。此时前端传任何值均无效,新增记录时一定会变成当前时间。
W
wanganxp 已提交
326 327 328 329 330 331 332 333 334 335 336 337 338 339 340 341 342 343

```json
{
  "bsonType": "object",
  "required": [],
  "properties": {
    "create_time": {
      "bsonType": "timestamp",
      "label": "创建时间",
      "forceDefaultValue": {
        "$env": "now"
      }
    }
  }
}
```


W
wanganxp 已提交
344
### 字段值域校验系统validator@validator
W
wanganxp 已提交
345

W
wanganxp 已提交
346
与字段值域校验相关的配置,不符合配置的数据无法入库。
W
wanganxp 已提交
347

W
wanganxp 已提交
348
`DB Schema`里的字段值域校验系统由3部分组成。
W
wanganxp 已提交
349 350 351
1. 各种属性配置:是否必填(required)、数据类型(bsonType)、数字范围(maximum、minimum)、字符串长度范围(minLength、maxLength)、format、pattern正则表达式
2. 扩展校验函数:validateFunction。当属性配置不满足需求,需要写js函数进行校验时,使用本功能
3. 错误提示:errorMessage。常见错误有默认的错误提示语。开发者也可以自定义错误提示语
W
wanganxp 已提交
352

W
wanganxp 已提交
353
#### 各种校验属性配置
W
wanganxp 已提交
354

W
wanganxp 已提交
355
- 必填字段,`"required": ["name"]`
W
wanganxp 已提交
356 357 358 359 360 361 362 363 364 365 366 367 368 369 370 371

```json
{
  "bsonType": "object",
  "required": ["name"],
  "properties": {
    "name": {
      "bsonType": "string",
      "label": "姓名",
      "errorMessage": "{label}不能为空"
    }
  }
}
```


雪洛's avatar
雪洛 已提交
372
`required`包含`name`时,要求必须传入`name``required`不包含`name`时,如果传入的数据包含`name`会对name进行校验,否则忽略name的校验规则。以下面的代码为例,如果不传name能通过校验,如果传了name则要求name最小长度为2.
W
wanganxp 已提交
373 374 375 376 377 378 379 380 381 382 383 384 385 386 387 388 389 390 391 392

```json
{
  "bsonType": "object",
  "required": [],
  "properties": {
    "name": {
      "bsonType": "string",
      "label": "姓名",
      "minLength": 2,
      "errorMessage": {
        "required": "{label}不能为空",
        "minLength": "{label}不能小于 {minLength} 个字符"
      }
    }
  }
}
```


W
wanganxp 已提交
393
- 类型 `"bsonType": "string"`
W
wanganxp 已提交
394 395 396 397 398 399 400 401 402

```json
{
  "bsonType": "object",
  "required": ["name"],
  "properties": {
    "name": {
      "bsonType": "string",
      "label": "姓名",
d-u-a's avatar
d-u-a 已提交
403
      "errorMessage": "{label}类型无效"
W
wanganxp 已提交
404 405 406 407 408 409
    }
  }
}
```


W
wanganxp 已提交
410
- 格式 `"format": "email"`
W
wanganxp 已提交
411 412 413 414 415 416 417 418 419 420 421 422 423 424 425 426 427 428 429 430

```json
{
  "bsonType": "object",
  "required": ["email"],
  "properties": {
    "email": {
      "bsonType": "string",
      "label": "邮箱",
      "format": "email",
      "errorMessage": {
        "required": "{label}不能为空",
        "format": "{label}格式无效"
      }
    }
  }
}
```


W
wanganxp 已提交
431
- 正则 `"pattern": ""`
W
wanganxp 已提交
432

d-u-a's avatar
d-u-a 已提交
433 434 435
例如: 验证手机号 `"pattern": "^\\+?[0-9-]{3,20}$"`


W
wanganxp 已提交
436 437 438 439 440 441 442 443 444 445 446 447 448 449 450 451 452 453 454
```json
{
  "bsonType": "object",
  "required": ["name"],
  "properties": {
    "name": {
      "bsonType": "string",
      "label": "姓名",
      "pattern": "",
      "errorMessage": {
        "required": "{label}不能为空",
        "pattern": "{label}格式无效"
      }
    }
  }
}
```


d-u-a's avatar
d-u-a 已提交
455
#### validateFunction扩展校验函数@validatefunction
d-u-a's avatar
d-u-a 已提交
456 457 458

扩展校验函数

W
wanganxp 已提交
459 460
当属性配置不满足需求,需要写js函数进行校验时,使用本功能。

雪洛's avatar
雪洛 已提交
461 462
**注意:扩展校验函数不能有其他依赖**

d-u-a's avatar
d-u-a 已提交
463 464 465 466
如何使用

1. uniCloud 控制台,选择服务空间,切换到数据表
2. 底部 “扩展校验函数” 点击 “+” 增加校验函数 ![](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/2f4d0230-12a2-11eb-b244-a9f5e5565f30.png)
雪洛's avatar
雪洛 已提交
467 468 469 470 471 472 473
3. 给函数起个名字,比如叫“checkabc”

`HBuilderX 3.0.0`及以上版本,可以在项目下创建扩展校验云函数并上传,使用方法如下:

1.`uniCloud`项目右键,选择`创建database目录`
2. 在第一步创建的database目录右键选择`创建数据库扩展校验函数目录`
3. 在第二步创建的`validateFunction`目录右键选择`新建数据库扩展校验函数`
d-u-a's avatar
d-u-a 已提交
474

雪洛's avatar
雪洛 已提交
475
扩展校验函数示例如下
雪洛's avatar
雪洛 已提交
476 477 478

  ```js
  // 扩展校验函数示例
479
  module.exports = function (rule, value, data, callback) {
雪洛's avatar
雪洛 已提交
480 481 482 483
    // rule  当前规则
    // value 当前规则校验数据
    // data  全部校验数据
    // callback 可选,一般用于自定义 errorMessage,如果执行了callback return 值无效,callback 传入的 message 将替换 errorMessage
d-u-a's avatar
d-u-a 已提交
484 485 486
    // callback('message') 传入错误消息时校验不通过
    // callback() 无参时通过
    // 注意 callback 不支持异步调用,异步请使用 Promise/await/async
雪洛's avatar
雪洛 已提交
487 488
    return value.length < 10
  }
d-u-a's avatar
d-u-a 已提交
489 490

  // 异步校验 Promise
491
  module.exports = function (rule, value, data) {
d-u-a's avatar
d-u-a 已提交
492 493 494 495 496 497 498 499 500 501 502 503 504 505 506
    return new Promise((resolve, reject) => {
      setTimeout(() => {
        if (value > 10) {
          // 校验通过
          resolve()
        } else {
          // 校验失败
          resolve('error') // 等于 reject(new Error('error'))
          // reject(new Error('error'))
        }
      }, 3000);
    })
  }

  // 异步校验 await/async
507
  module.exports = async function (rule, value, data) {
d-u-a's avatar
d-u-a 已提交
508 509 510 511 512 513 514 515 516
    let result = await uni.request({...})
    if (result > 10) {
      // 校验通过
      return true
    } else {
      // 校验失败
      return 'error message'
    }
  }
雪洛's avatar
雪洛 已提交
517
  ```
d-u-a's avatar
d-u-a 已提交
518

hbcui1984's avatar
hbcui1984 已提交
519
3. 在表结构 schema 编辑页面中的`validateFunction`属性中配置上面编写的 扩展校验函数 的名称,保存生效
d-u-a's avatar
d-u-a 已提交
520

雪洛's avatar
雪洛 已提交
521 522 523 524 525 526 527 528 529 530 531 532
  ```json
  {
    "bsonType": "object",
    "required": ["name"],
    "properties": {
      "name": {
        "bsonType": "string",
        "label": "姓名",
        "validateFunction": "checkabc",
        "errorMessage": {
          "required": "{label}不能为空"
        }
d-u-a's avatar
d-u-a 已提交
533 534 535
      }
    }
  }
雪洛's avatar
雪洛 已提交
536
  ```
d-u-a's avatar
d-u-a 已提交
537

W
wanganxp 已提交
538
`validateFunction`里的代码是可以联网的。一个常见场景是内容的敏感词过滤,可以将内容提交到三方校验服务里,如果校验通过再入库
d-u-a's avatar
d-u-a 已提交
539 540


d-u-a's avatar
d-u-a 已提交
541
#### errorMessage自定义错误提示@errormessage
d-u-a's avatar
d-u-a 已提交
542

W
wanganxp 已提交
543
数据不符合schema配置的规范时,无法入库,此时会根据errorMessage的定义报出错误提示。
d-u-a's avatar
d-u-a 已提交
544

W
wanganxp 已提交
545 546 547 548 549 550 551 552 553
errorMessage支持字符串,也支持json object。类型为object时,可定义多个校验提示。

{} 为占位符,可在其中引用已有属性。

|属性		|类型	|描述	|
|:-			|:-		|:-		|
|minLength	|string	|消息	|
|maxLength	|string	|消息	|
|...		|...	|...	|
d-u-a's avatar
d-u-a 已提交
554 555 556 557 558 559 560 561 562 563 564 565

示例

```json
{
  "required": ["name"],
  "properties": {
    "name": {
      "bsonType": "string",
      "label": "姓名",
      "minLength": 2,
      "maxLength": 8,
d-u-a's avatar
d-u-a 已提交
566
      "errorMessage": {
d-u-a's avatar
d-u-a 已提交
567
        "required": "{label}必填",
雪洛's avatar
雪洛 已提交
568 569
        "minLength": "{label}不能小于{minLength}个字符",
        "maxLength": "{label}不能大于{maxLength}个字符"
d-u-a's avatar
d-u-a 已提交
570 571 572 573 574 575 576 577
      },
      ...
    },
    "age": {
      "bsonType": "int",
      "label": "年龄",
      "minimum": 1,
      "maximum": 150,
d-u-a's avatar
d-u-a 已提交
578
      "errorMessage": "{label}应该大于 {minimum} 岁,小于 {maximum} 岁"
d-u-a's avatar
d-u-a 已提交
579 580 581 582 583
    }
  }
}
```

W
wanganxp 已提交
584 585 586 587 588
从示例可以看出,errorMessage支持配一条,也支持根据不同的错误类型配不同的errorMessage。

- 每个校验相关的属性不通过,可以以属性名为key配置它的错误提示语。
- 如果是扩展校验函数,可以在其内部写callback来自定义错误提示语。

W
wanganxp 已提交
589 590 591 592 593 594
**其他注意事项**

“数据库中某字段值不能在多条记录中重复”,这个需求一般不是在字段值域校验里实现,而是在数据库索引里配置该字段为唯一索引。

可以在web控制台配置索引,db_init.json也可以创建索引。注意如果数据库中多条记录中该字段已经有重复内容,那么设该字段为唯一索引时会报错,需先把重复数据去掉。

W
wanganxp 已提交
595 596
### 数据权限系统permission@permission

W
wanganxp 已提交
597
#### 概述
W
wanganxp 已提交
598

W
wanganxp 已提交
599
`DB Schema`的数据权限系统,是为`clientDB`设计的。
W
wanganxp 已提交
600

W
wanganxp 已提交
601
因为在云函数中操作数据库,是管理员权限。云函数代码可以完整控制数据库的增删改查操作。而前端是不能任意操作数据库的。
W
wanganxp 已提交
602

W
wanganxp 已提交
603
在过去,开发者需要在后端写代码来处理权限控制,但实际上有了`DB Schema`,这种权限控制的后台代码就不用再写了。
W
wanganxp 已提交
604

W
wanganxp 已提交
605
只要配好`DB Schema`,放开让前端写业务即可。配置里声明不能读写的数据,前端就无法读写。
W
wanganxp 已提交
606

W
wanganxp 已提交
607
`DB Schema`的permission规则,分为两部分,一边是对操作数据的指定,一边是对角色的指定,规则中对两者进行关联,匹配则校验通过。
W
wanganxp 已提交
608

W
wanganxp 已提交
609 610 611 612 613 614 615 616 617 618
1. 对数据的指定
- 可以对整个表进行`增删改查`控制
- 可以针对字段进行`读写`控制
- 可以配置具体的where规则,对指定的数据记录进行`删改查`控制
- 默认自带一个特殊数据的描述,就是当前请求计划操作的数据(doc),后面会详解用法
2. 对角色的指定
- 不限定角色,即使游客都可以操作数据
- 符合`uni-id`定义的角色
	* 开发者可以在`uni-id`中自定义各种角色,比如部门管理员,然后在`DB Schema`的permission中配置其可操作的数据。详见[uni-id的角色权限](/uniCloud/uni-id?id=rbac)
	* 默认自带一个特殊角色是自己(auth.uid),该角色仍然基于`uni-id`,但无需额外在`uni-id`的角色表中配置。只要登录的身份是自己即可。后面会详解用法
W
wanganxp 已提交
619

W
wanganxp 已提交
620
**注意**:如果登录用户是`uni-id`的admin角色,则不受`DB Schema`的配置限制的,admin角色拥有对所有数据的读写权限。
W
wanganxp 已提交
621

W
wanganxp 已提交
622
例如在`uniCloud admin`等管理端系统,只要使用admin用户登录就可以在前端操作数据库。
W
wanganxp 已提交
623

W
wanganxp 已提交
624
在保存`DB Schema`时,如果发现服务空间下没有`uni-id`公共模块,会自动安装`uni-id`。如果服务空间已经存在`uni-id`,则不会再自动安装。此时需要注意及时升级`uni-id`,避免太老的`uni-id`有兼容问题。
W
wanganxp 已提交
625

W
wanganxp 已提交
626
#### 表级权限控制
W
wanganxp 已提交
627

W
wanganxp 已提交
628
表级控制,包括增删改查四种权限,分别称为:create、delete、update、read。(注意这里使用的是行业通用的crud命名,与操作数据库的方法add()、remove()、update()、get()在命名上有差异,但表意是相同的)
W
wanganxp 已提交
629

W
wanganxp 已提交
630
所有的操作的默认值均为false。也就是不配置permission代表前端不能操作数据库(admin用户例外)。
W
wanganxp 已提交
631

W
wanganxp 已提交
632
例如一个user表,里面有_id、name、pwd等字段,该表的`DB Schema`如下,代表前端用户可读(包括游客),但前端非admin用户不可新增、删除、更新数据记录。
W
wanganxp 已提交
633

W
wanganxp 已提交
634 635 636 637 638 639
```json
// user表的schema
{
  "bsonType": "object",
  "required": [],
  "permission": {
雪洛's avatar
雪洛 已提交
640 641 642 643
    "read": true, // 任何用户都可以读
    "create": false, // 禁止新增数据记录(admin权限用户不受限)
    "update": false, // 禁止更新数据(admin权限用户不受限)
    "delete": false // 禁止删除数据(admin权限用户不受限)
W
wanganxp 已提交
644 645 646
  },
  "properties": {
    "_id":{},
d-u-a's avatar
d-u-a 已提交
647
	"name":{},
W
wanganxp 已提交
648 649 650
    "pwd": {}
  }
}
W
wanganxp 已提交
651 652
```

W
wanganxp 已提交
653 654 655 656 657 658 659 660 661
Tips:为方便演示,上述json代码包含了注释。如要复制到`DB Schema`中时,需删除这些注释。在HBuilderX中,可以批选注释,批量删除(选中一个//,然后按选择所有相同词【win:ctrl+alt+e、mac:ctrl+alt+d】,然后【shift+end】选到行尾即可删除掉全部注释)

#### 字段级权限控制

permission的字段级控制,包括读写两种权限,分别称为:read、write。

也就是对于一个指定的字段,可以控制什么样的角色可以读取该字段内容,什么样的角色可以修改写入字段内容。

以上述的user表为例,假如要限制前端禁止读取pwd字段,那么按如下配置,在字段pwd下面再写permission节点,设定read为false。
W
wanganxp 已提交
662 663

```json
W
wanganxp 已提交
664
// user表的schema
W
wanganxp 已提交
665 666 667 668
{
  "bsonType": "object",
  "required": [],
  "permission": {
雪洛's avatar
雪洛 已提交
669 670 671 672
    "read": true, // 任何用户都可以读
    "create": false, // 禁止新增数据记录(admin权限用户不受限)
    "update": false, // 禁止更新数据(admin权限用户不受限)
    "delete": false // 禁止删除数据(admin权限用户不受限)
W
wanganxp 已提交
673 674
  },
  "properties": {
W
wanganxp 已提交
675
    "_id":{
d-u-a's avatar
d-u-a 已提交
676 677 678 679 680 681 682 683 684
  },
  "name":{
  },
  "pwd": {
    "bsonType": "string",
    "title": "密码",
    "permission": {
      "read": false, // 禁止读取 pwd 字段的数据(admin权限用户不受限)
      "write": false // 禁止写入 pwd 字段的数据(admin权限用户不受限)
W
wanganxp 已提交
685 686
    }
  }
d-u-a's avatar
d-u-a 已提交
687
  }
W
wanganxp 已提交
688 689 690
}
```

W
wanganxp 已提交
691 692 693 694 695 696 697 698 699 700 701 702 703 704 705 706 707 708
按上述配置,前端查询数据时,如果不包含pwd字段,仍然可以查询。但如果查询请求包含pwd字段,该请求会被拒绝,提示无权访问。

同时可以看出,权限规则发生冲突时,下级节点的定义会覆盖上级节点。虽然整表是前端可读,但设定了pwd字段不可读时,该优先级更高。

#### 指定数据集权限控制

`DB Schema`提供了一个内置变量doc,表示要意图操作的数据记录。并支持用各种表达式来描述指定的记录。

仍然以user表举例,假使该表有个字段叫`status`表示用户是否被禁用。`status`是bool值,true代表用户状态正常,false代表被禁用。

然后有个需求,前端只能查用户状态正常的用户信息。那么schema配置如下,表级控制的read节点的值不再是简单的true/false,而是变成一个表达式:`"doc.status==true"`

```json
// user表的schema
{
  "bsonType": "object",
  "required": [],
  "permission": {
雪洛's avatar
雪洛 已提交
709 710 711 712
    "read": "doc.status==true", // 任何用户都可以读status字段的值为true的记录,其他记录不可读
    "create": false, // 禁止新增数据记录(admin权限用户不受限)
    "update": false, // 禁止更新数据(admin权限用户不受限)
    "delete": false // 禁止删除数据(admin权限用户不受限)
W
wanganxp 已提交
713 714 715
  },
  "properties": {
    "_id":{
d-u-a's avatar
d-u-a 已提交
716 717 718
    },
    "name":{
    },
W
wanganxp 已提交
719 720 721 722
    "pwd": {
      "bsonType": "string",
      "title": "密码",
      "permission": {
雪洛's avatar
雪洛 已提交
723 724
        "read": false, // 禁止读取 pwd 字段的数据(admin权限用户不受限)
        "write": false // 禁止写入 pwd 字段的数据(admin权限用户不受限)
W
wanganxp 已提交
725 726
      }
    },
d-u-a's avatar
d-u-a 已提交
727 728 729 730 731
    "status": {
      "bsonType": "bool",
      "title": "用户状态",
      "description": "true代表用户正常。false代表用户被禁用"
    }
W
wanganxp 已提交
732 733 734 735 736 737 738 739 740 741 742 743 744 745 746 747 748
  }
}
```

根据这个配置,如前端查询user表的所有数据,则会报权限校验失败;如前端的查询里在where条件里声明了只查询status字段为true的数据,则查询会放行。

#### 权限规则的变量和运算符

除了上述例子提到的doc变量,事实上`DB Schema`的权限规则支持很多变量和运算符,可以满足各种配置需求。

**权限规则内可用的全局变量**

|变量名			|说明																																						|
|:-:			|:-:																																						|
|auth.uid		|用户id																																						|
|auth.role		|用户角色数组,参考[uni-id 角色权限](/uniCloud/uni-id?id=rbac),注意`admin`为内置的角色,如果用户角色列表里包含`admin`则认为此用户有完全数据访问权限|
|auth.permission|用户权限数组,参考[uni-id 角色权限](/uniCloud/uni-id?id=rbac)																								|
W
wanganxp 已提交
749
|doc			|数据库中的目标数据记录,用于匹配记录内容/查询条件(需要注意的是,规则内的doc对象并不是直接去校验存在于数据库的数据,而是校验客户端的查询条件)							|
W
wanganxp 已提交
750 751 752
|now			|当前服务器时间戳(单位:毫秒),时间戳可以进行额外运算,如doc.publish\_date > now - 60000表示publish\_date在最近一分钟											|
|action			|数据操作请求同时指定的uni-clientDB-action。用于指定前端的数据操作必须同时附带执行一个action云函数,如未触发该action则权限验证失败					|

雪洛's avatar
雪洛 已提交
753 754 755
**注意**

- `uni-id`的角色和权限,也即auth.role和auth.permission是不一样的概念。注意阅读[uni-id 角色权限](/uniCloud/uni-id?id=rbac)
雪洛's avatar
雪洛 已提交
756
- 如果想支持使用多个`action`的用法,可以通过`"'actionRequired' in action"`的形式配置权限,限制客户端使用的action内必须包含名为`actionRequired`的action
雪洛's avatar
雪洛 已提交
757
- doc是有客户端条件里面提取的变量,因此create权限内不可使用doc变量,建议使用forceDefaultValue或自定义校验函数实现插入数据的校验。
W
wanganxp 已提交
758 759 760 761 762 763

**权限规则内可以使用的运算符**

|运算符			|说明			|示例									|示例解释(集合查询)														|
|:-:			|:-:			|:-:									|:-:																	|
|==				|等于			|auth.uid == 'abc'						|用户id为abc															|
W
wanganxp 已提交
764
|!=				|不等于			|auth.uid != null						|用户要处于登录状态											|
W
wanganxp 已提交
765 766 767 768 769
|>				|大于			|doc.age>10								|查询条件的 age 属性大于 10												|
|>=				|大于等于		|doc.age>=10							|查询条件的 age 属性大于等于 10											|
|<				|小于			|doc.age<10								|查询条件的 age 属性小于 10												|
|<=				|小于等于		|doc.age<=10							|查询条件的 age 属性小于等于 10											|
|in				|存在在数组中	|doc.status in ['a','b']				|查询条件的 status 是['a','b']中的一个,数组中所有元素类型需一致		|
W
wanganxp 已提交
770
|!				|非				|!(doc.status in ['a','b'])				|查询条件的 status 不是['a','b']中的任何一个,数组中所有元素类型需一致	|
W
wanganxp 已提交
771 772 773 774
|&&				|与				|auth.uid == 'abc' && doc.age>10		|用户id 为 abc 并且查询条件的 age 属性大于 10							|
|&#124;&#124;	|或				|auth.uid == 'abc'&#124;&#124;doc.age>10|用户Id为abc或者查询条件的 age 属性大于 10								|


雪洛's avatar
雪洛 已提交
775
我们继续使用user表举例,目前需求如下,前端用户如果登录,那么该用户可以修改自己的name字段。此时需要在schema中配置name字段的permission为`"write":"(doc._id == auth.uid)"`
W
wanganxp 已提交
776 777 778 779 780 781 782

```json
// user表的schema
{
  "bsonType": "object",
  "required": [],
  "permission": {
雪洛's avatar
雪洛 已提交
783 784 785 786
    "read": "doc.status==true", // 任何用户都可以读status字段的值为true的记录,其他记录不可读
    "create": false, // 禁止新增数据记录(admin权限用户不受限)
    "update": false, // 禁止更新数据(admin权限用户不受限)
    "delete": false // 禁止删除数据(admin权限用户不受限)
W
wanganxp 已提交
787 788 789 790 791 792 793 794
  },
  "properties": {
    "_id":{
	},
	"name":{
		"bsonType": "string",
		"title": "名称",
		"permission": {
雪洛's avatar
雪洛 已提交
795
		  "read": true, 
雪洛's avatar
雪洛 已提交
796
		  "write": "doc._id == auth.uid" // 允许登录的用户修改自己的name字段
W
wanganxp 已提交
797 798 799 800 801 802
		}
	},
    "pwd": {
      "bsonType": "string",
      "title": "密码",
      "permission": {
雪洛's avatar
雪洛 已提交
803 804
        "read": false, // 禁止读取 pwd 字段的数据(admin权限用户不受限)
        "write": false // 禁止写入 pwd 字段的数据(admin权限用户不受限)
W
wanganxp 已提交
805 806 807 808 809 810 811 812 813 814 815 816 817
      }
    },
	"status": {
		"bsonType": "bool",
		"title": "用户状态",
		"description": "true代表用户正常。false代表用户被禁用"
	}
  }
}
```

根据这个配置,如前端应用已经登录,且登录的用户发起修改自己的name的请求,则允许修改。其他修改数据请求则会被拒绝。

W
wanganxp 已提交
818 819 820 821 822 823 824 825 826 827 828 829 830
**注意**

要分清 数据权限permission 和 字段值域校验validator 的区别。

在权限规则的变量中只有数据库中的数据doc,并没有前端提交的待入库数据data。所以如果要对待入库的数据data做校验,应该在字段值域validator中校验,而不是在权限permission中校验。

如果想获取和判断目标数据记录doc之外的其他数据,则需要使用get方法,见下一章节。

很多需求貌似属于 数据权限校验 ,但实际不用写权限规则:
- 例如在news表新增一条记录,权限需求是“未登录用户不能创建新闻”,其实不需要在news表的create权限里写`auth.uid != null`。只需把news表的uid字段的forceDefaultValue设为`"$env": "uid"`即可,未登录用户自然无法创建。


**变量action的说明**
W
wanganxp 已提交
831

W
wanganxp 已提交
832
action是`clientDB`的一个配套功能。它的作用是在前端发起数据操作请求时,附带一个action的name,则会同时执行一个`uni-clientDB-action`的云函数。[详见](/uniCloud/database?id=action)
W
wanganxp 已提交
833 834 835

有些复杂业务,要求必须同时执行一个action云函数,才能允许前端对特定数据的修改。

W
wanganxp 已提交
836
以user表为例,假使用户在修改自己的name时,必须要触发一个名为changenamelog的action云函数,在该云函数里会记录一条留痕日志,如果没有记录日志则不允许修改name。那么在`DB Schema`里要配置`action == 'changenamelog'`
W
wanganxp 已提交
837 838 839 840 841 842 843

```json
// user表的schema
{
  "bsonType": "object",
  "required": [],
  "permission": {
雪洛's avatar
雪洛 已提交
844 845 846 847
    "read": "doc.status==true", // 任何用户都可以读status字段的值为true的记录,其他记录不可读
    "create": false, // 禁止新增数据记录(admin权限用户不受限)
    "update": false, // 禁止更新数据(admin权限用户不受限)
    "delete": false // 禁止删除数据(admin权限用户不受限)
W
wanganxp 已提交
848 849 850 851 852 853 854 855
  },
  "properties": {
    "_id":{
	},
	"name":{
		"bsonType": "string",
		"title": "名称",
		"permission": {
雪洛's avatar
雪洛 已提交
856 857
		  "read": true, 
		  "write": "(doc._id == auth.uid) && (action == 'changenamelog')" // 允许登录的用户修改自己的name字段,但必须同时触发执行action云函数changenamelog
W
wanganxp 已提交
858 859 860 861 862 863
		}
	},
    "pwd": {
      "bsonType": "string",
      "title": "密码",
      "permission": {
雪洛's avatar
雪洛 已提交
864 865
        "read": false, // 禁止读取 pwd 字段的数据(admin权限用户不受限)
        "write": false // 禁止写入 pwd 字段的数据(admin权限用户不受限)
W
wanganxp 已提交
866 867 868 869 870 871 872 873 874 875 876
      }
    },
	"status": {
		"bsonType": "bool",
		"title": "用户状态",
		"description": "true代表用户正常。false代表用户被禁用"
	}
  }
}
```

W
wanganxp 已提交
877 878 879
前端提交代码,必须带上action参数
```js
const db = uniCloud.database();
雪洛's avatar
雪洛 已提交
880
db.action("changenamelog").collection("user").doc("xxx").update({
W
wanganxp 已提交
881 882 883
	name:"newname"
})
```
W
wanganxp 已提交
884

W
wanganxp 已提交
885
action云函数中记录日志的代码,此处省略。
W
wanganxp 已提交
886

W
wanganxp 已提交
887
根据上述配置,如前端应用已经登录,且登录的用户发起修改自己的name的请求,且同时前端的改库请求伴随action云函数changenamelog,则允许修改。其他修改数据请求则会被拒绝。
W
wanganxp 已提交
888

W
wanganxp 已提交
889
`action`有很多用途,有的权限规则比较复杂,需要写很多js代码,此时也可以在`action`的before中进行校验。
W
wanganxp 已提交
890

W
wanganxp 已提交
891 892 893 894 895 896 897 898 899 900 901 902
但注意导出`db_init.json`时不会包含`action``action`属于云函数。导出`db_init.json`只会包含schema和validateFunction。


#### 权限规则内的数据库查询get方法

权限规则内置了doc变量,但只能用于要操作的数据表的判断,如果要获取其他表的数据做判断就需要get方法了。

权限规则内通过get方法,根据id获取数据库中的数据。get方法接收一个字符串作为参数,字符串形式为`database.表名.记录ID`

例如有个论坛,要求用户积分大于100分才可以发帖。那么帖子表的create权限应该配成:

```json
雪洛's avatar
雪洛 已提交
903
// 使用模板字符串语法拼接产生`database.表名.记录ID`形式字符串
W
wanganxp 已提交
904
"create": get(`database.uni-id-users.${auth.uid}`).score > 100"
W
wanganxp 已提交
905 906
```

W
wanganxp 已提交
907 908 909
使用get方法时需要注意get方法的参数必须是唯一确定值,例如schema配置的get权限如下:

```json
雪洛's avatar
雪洛 已提交
910
// 这句的含义是,本次查询where条件内传入的shop_id需要满足以下条件:shop表内_id为此shop_id的记录的owner字段等于当前用户uid
W
wanganxp 已提交
911 912 913 914
"get(`database.shop.${doc.shop_id}`).owner == auth.uid"
```

前端js如下:
W
wanganxp 已提交
915
```js
雪洛's avatar
雪洛 已提交
916
// 此条件内doc.shop_id只能是'123123',可以通过get(`database.shop.${doc.shop_id}`)获取shop表内_id为123123的记录验证其owner是否等于当前用户uid
W
wanganxp 已提交
917 918
db.collection('street').where("shop_id=='123123'").get()

雪洛's avatar
雪洛 已提交
919
// 此条件内doc.shop_id可能是'123123'也可能是'456456',`"get(`database.shop.${doc.shop_id}`).owner == auth.uid"`会直接返回false不会获取shop表数据进行验证
W
wanganxp 已提交
920 921 922
db.collection('street').where("shop_id=='123123 || shop_id=='456456'").get()
```

W
wanganxp 已提交
923
### schema2code前端表单生成系统@autocode
W
wanganxp 已提交
924

W
wanganxp 已提交
925
`DB Schema`里有大量的信息,有了这些信息,前端将无需自己开发表单维护界面,uniCloud可以自动生成新增数据、修改数据的前端表单页面,以及admin端的列表、新增、修改、删除全套功能。
W
wanganxp 已提交
926

W
wanganxp 已提交
927
为强化表单的自定义性,`DB Schema`还扩展了label、component、group、order等属性,以控制表单项在界面上的渲染控件。
W
wanganxp 已提交
928 929 930 931 932 933 934 935 936 937

前端表单生成系统功能包括:
- 自动生成新增、修改表单的页面文件,分别是add.vue和edit.vue
- 自动生成前端表单校验规则

表单校验工作,在前端和后端都需要做。在过去,这造成重复投入。

现在,前后端的表单验证都被统一了。

开发者修改`DB Schema`并保存后,云端的校验规则直接生效。
d-u-a's avatar
d-u-a 已提交
938

W
wanganxp 已提交
939
然后开发者需要把这套校验规则导入到前端项目中。即利用本功能。
W
wanganxp 已提交
940

W
wanganxp 已提交
941
DCloud提供了`uni-forms`前端组件,该组件的表单校验规范完全符合`DB Schema`中的校验规则,实现云端统一。`uni-forms`组件地址:[https://ext.dcloud.net.cn/plugin?id=2773](https://ext.dcloud.net.cn/plugin?id=2773)
W
wanganxp 已提交
942 943 944 945 946 947 948 949 950 951 952 953 954 955 956 957 958 959 960 961 962 963 964 965 966 967 968 969 970 971 972 973 974 975 976 977 978 979 980 981 982 983 984 985 986 987 988 989 990 991


1. 在schema界面点击 “导出表单页面”

  ![](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/ba87a6b0-1519-11eb-81ea-f115fe74321c.png)

上图每个区域的解释如下:

- 区域A. 字段列表

这里需要选择在前端表单页面出现的字段,无需用户在表单页面提交的字段(如create_date)不应勾选。

选择字段后,右侧会变化,自动生成代码。

- 区域B. 导出文件清单

这里显示了完整的工程结构。点击右下角的“下载zip”可以把这个工程下载到本地。点击这里的每个文件,在右侧会出现文件相应的代码。

只有自动生成的文件会在右侧显示代码,components目录下的三方库不会在右侧显示代码。

- 区域C. 组件列表

根据`DB Schema`生成的表单页面,是基于`uni-forms`组件的,该组件地址:[https://ext.dcloud.net.cn/plugin?id=2773](https://ext.dcloud.net.cn/plugin?id=2773)

- 区域D. 扩展校验函数,每个函数是一个文件

- 区域E. 表单校验规则,和表名一致,每个表一个文件

在修改schema中的校验规则后,云端是直接生效的。前端部分则需要下载这个js文件到本地工程。

如果直接已经下载过,需要二次更新,也可以在右侧复制源码,增量添加到前端工程的校验规则中。

- 区域F. 新建和编辑页面

自动生成的表单页面,包括新建页面和编辑页面。这些页面均基于clientDB,可直接使用。

- 区域G. 文件预览 (仅支持预览 自动生成的页面和校验规则)

2. 然后点击“下载zip”按钮,将导出一个工程源码压缩包。解压导出的zip包,拷贝到已有工程

**注意:生成的代码,需HBuilderX2.9.5+方可正常运行。**


#### 生成页面控件的默认策略

`DB Schema`配置的字段,在生成页面时使用什么组件渲染?决定关系如下:

- 如果配置了字段的component属性,则严格按component的配置执行。
- 如果没有配置component属性,那么默认有如下策略:
	* 字段类型为bool时,默认使用switch组件
d-u-a's avatar
d-u-a 已提交
992 993
  * 字段类型为Array时,默认使用uni-data-checkbox组件
	* 其他字段类型,将生成uni-easyinput组件。如果是数字类型,会同时把input的键盘类型设为数字。
W
wanganxp 已提交
994 995 996 997 998
- 如果没有配label,则以title作为label,渲染在表单项前面
- description在渲染为input时会被设为placehold

<!-- 
如果是时间戳,则需要新做一个时间选择组件
d-u-a's avatar
d-u-a 已提交
999
如果有枚举,默认为picker
W
wanganxp 已提交
1000 1001 1002 1003 1004
如果是number且有大小范围,默认用步进器
 -->

#### label属性

hbcui1984's avatar
hbcui1984 已提交
1005
[uni-forms组件](https://ext.dcloud.net.cn/plugin?id=2773)中,每个表单项都被包裹在`uni-forms-item`中,该子组件可设置label,即,在表单项如输入框前面或上面放置一个说明性名词。
W
wanganxp 已提交
1006 1007 1008 1009 1010

`DB Schema`的label属性中设置值后,生成前端表单页面时即可自动给`uni-forms-item`的label属性赋值。

如果未设置label属性,但配置了title属性,生成前端表单页面时会取title作为前端的label。

d-u-a's avatar
d-u-a 已提交
1011
#### component属性@component
W
wanganxp 已提交
1012 1013

定义该字段在表单中使用什么样的组件进行渲染,可设置前端的组件名和初始属性。
W
wanganxp 已提交
1014 1015

这里的表单,指的是数据维护表单,比如新建记录或修改记录的表单。
d-u-a's avatar
d-u-a 已提交
1016

W
wanganxp 已提交
1017
生成的所有表单项,都在[uni-forms组件](https://ext.dcloud.net.cn/plugin?id=2773)下。
d-u-a's avatar
d-u-a 已提交
1018 1019 1020 1021 1022

|属性|类型|描述|
|:-|:-|:-|
|name|string|组件名称|
|props|Object|组件属性|
d-u-a's avatar
d-u-a 已提交
1023 1024 1025 1026 1027 1028 1029
|children|String|子组件|
|childrenData|Array|子组件数据|


注意事项
- `checkbox-group`, `radio-group`, 为uni内置组件,可以省略 `children` 属性
- `children` 属性, `{item}` 表示 `childrenData` 数组中的项
d-u-a's avatar
d-u-a 已提交
1030 1031


W
wanganxp 已提交
1032
示例
d-u-a's avatar
d-u-a 已提交
1033 1034 1035 1036

```json
{
  "bsonType": "object",
d-u-a's avatar
d-u-a 已提交
1037
  "required": ["name", "nickname"],
d-u-a's avatar
d-u-a 已提交
1038
  "permission": {
雪洛's avatar
雪洛 已提交
1039 1040 1041 1042
    "read": false,
    "create": false,
    "update": false,
    "delete": false
d-u-a's avatar
d-u-a 已提交
1043
  },
d-u-a's avatar
d-u-a 已提交
1044 1045
  "properties": {
    "_id": {
d-u-a's avatar
d-u-a 已提交
1046
      "description": "存储文档 ID(用户 ID),系统自动生成"
d-u-a's avatar
d-u-a 已提交
1047 1048 1049 1050 1051
    },
    "name": {
      "bsonType": "string",
      "label": "姓名",
      "minLength": 2,
d-u-a's avatar
d-u-a 已提交
1052
      "maxLength": 10,
d-u-a's avatar
d-u-a 已提交
1053
      "errorMessage": {
d-u-a's avatar
d-u-a 已提交
1054
        "required": "{label}必填",
雪洛's avatar
雪洛 已提交
1055
        "minLength": "{label}不能小于{minLength}个字符"
d-u-a's avatar
d-u-a 已提交
1056
      },
d-u-a's avatar
d-u-a 已提交
1057
      "permission": {
雪洛's avatar
雪洛 已提交
1058 1059
        "read": false,
        "write": false
d-u-a's avatar
d-u-a 已提交
1060
      },
d-u-a's avatar
d-u-a 已提交
1061
      "component": {
d-u-a's avatar
d-u-a 已提交
1062
        "name": "input",
d-u-a's avatar
d-u-a 已提交
1063
        "props": {
d-u-a's avatar
d-u-a 已提交
1064
          "placeholder": "请输入姓名"
d-u-a's avatar
d-u-a 已提交
1065 1066 1067
        }
      }
    },
d-u-a's avatar
d-u-a 已提交
1068 1069 1070 1071 1072
    "nickname": {
      "bsonType": "string",
      "description": "用户昵称",
      "label": "昵称",
      "errorMessage": "{label}无效",
d-u-a's avatar
d-u-a 已提交
1073
      "component": {
d-u-a's avatar
d-u-a 已提交
1074
        "name": "input",
d-u-a's avatar
d-u-a 已提交
1075
        "props": {
d-u-a's avatar
d-u-a 已提交
1076
          "placeholder": "请输入昵称"
d-u-a's avatar
d-u-a 已提交
1077 1078 1079
        }
      }
    },
d-u-a's avatar
d-u-a 已提交
1080 1081 1082 1083
    "hobby": {
      "bsonType": "array",
      "description": "爱好",
      "label": "爱好",
d-u-a's avatar
d-u-a 已提交
1084 1085 1086 1087 1088 1089 1090 1091 1092 1093 1094 1095 1096 1097 1098 1099 1100 1101
      "enum": [
        {
          "text": "游泳",
          "value": 1
        },
        {
          "text": "骑行",
          "value": 2
        },
        {
          "text": "音乐",
          "value": 3
        },
        {
          "text": "美术",
          "value": 4
        }
      ]
d-u-a's avatar
d-u-a 已提交
1102 1103
    },
    "gender": {
d-u-a's avatar
d-u-a 已提交
1104
      "bsonType": "int",
d-u-a's avatar
d-u-a 已提交
1105 1106
      "description": "用户性别:0 未知 1 男性 2 女性",
      "label": "性别",
d-u-a's avatar
d-u-a 已提交
1107 1108 1109 1110 1111 1112 1113 1114 1115 1116
      "enum": [{
        "text": "未知",
        "value": 0
      }, {
        "text": "男",
        "value": 1
      }, {
        "text": "女",
        "value": 2
      }],
d-u-a's avatar
d-u-a 已提交
1117
      "errorMessage": "{label}无效"
d-u-a's avatar
d-u-a 已提交
1118 1119 1120 1121
    },
    "email": {
      "bsonType": "string",
      "description": "邮箱地址",
hbcui1984's avatar
hbcui1984 已提交
1122
      "format": "email",
d-u-a's avatar
d-u-a 已提交
1123 1124 1125 1126 1127 1128
      "label": "邮箱",
      "errorMessage": "{label}无效"
    },
    "language": {
      "bsonType": "string",
      "label": "自定义children",
d-u-a's avatar
d-u-a 已提交
1129 1130
      "component": {
        "name": "select",
d-u-a's avatar
d-u-a 已提交
1131
        "children": "<option value=\"{item.value}\">{item.label}</option>",
d-u-a's avatar
d-u-a 已提交
1132
        "childrenData": [{"label": "中文简体", "value": "zh-cn"}]
d-u-a's avatar
d-u-a 已提交
1133 1134 1135 1136 1137 1138 1139
      }
    }
  }
}
```


W
wanganxp 已提交
1140
#### group属性
d-u-a's avatar
d-u-a 已提交
1141

W
wanganxp 已提交
1142
将多个表单项合并在一个分组里显示。前端渲染时,group相同的表单项会自动合并在一个uni-group组件中,不同分组的表单项之间有间隔。该组件详见:[https://ext.dcloud.net.cn/plugin?id=3281](https://ext.dcloud.net.cn/plugin?id=3281)
d-u-a's avatar
d-u-a 已提交
1143 1144

示例
W
wanganxp 已提交
1145

d-u-a's avatar
d-u-a 已提交
1146 1147 1148 1149 1150 1151 1152 1153
```json
{
  "bsonType": "object",
  "required": ["name"],
  "properties": {
    "name": {
      "bsonType": "string",
      "label": "姓名",
W
wanganxp 已提交
1154
      "group": "1",
d-u-a's avatar
d-u-a 已提交
1155 1156
      "minLength": 2,
      "maxLength": 8,
d-u-a's avatar
d-u-a 已提交
1157
      "errorMessage": {
d-u-a's avatar
d-u-a 已提交
1158 1159 1160 1161 1162 1163 1164 1165 1166 1167 1168 1169 1170 1171 1172 1173 1174 1175 1176
        "required": "{label}必填",
        "minLength": "{label}不能小于{{minLength}}个字符",
        "maxLength": "{label}不能大于{{maxLength}}个字符"
      },
      "component": {
        "name": "uni-field",
        "props": {
          "placeholder": "请输入姓名",
          "class": "input",
          "hidden": false,
          "readonly": false,
          "disabled": false,
          "value": null
        }
      }
    },
    "age": {
      "bsonType": "int",
      "label": "年龄",
W
wanganxp 已提交
1177
      "group": "1",
d-u-a's avatar
d-u-a 已提交
1178 1179
      "minimum": 0,
      "maximum": 150,
d-u-a's avatar
d-u-a 已提交
1180
      "errorMessage": "{label}应该大于 {minimum} 岁,小于 {maximum} 岁",
d-u-a's avatar
d-u-a 已提交
1181 1182 1183 1184 1185 1186 1187 1188 1189 1190 1191 1192 1193 1194 1195 1196
      "component": {
        "name": "uni-field",
        "props": {
          "placeholder": "请输入年龄",
          "value": null
        }
      }
    }
  }
}
```


生成带有group组件的表单代码

```
W
wanganxp 已提交
1197
<uni-forms>
W
wanganxp 已提交
1198
  <uni-group>
W
wanganxp 已提交
1199 1200
    <uni-forms-item label="姓名"><input placeholder="请输入姓名" class="input" :hidden="false" :readonly="false" :disabled="false" /></uni-forms-item>
    <uni-forms-item label="年龄"><input  placeholder="请输入年龄" /></uni-forms-item>
d-u-a's avatar
d-u-a 已提交
1201 1202
  </uni-group>
```
W
wanganxp 已提交
1203 1204 1205

**Bug&Tips**

W
wanganxp 已提交
1206 1207 1208
- schema2code是一个代码辅助生成工具,生成后的代码,经常会有二次开发需求。如果二次开发后又变动schema,建议使用Git等工具管理源码,进行差异比对。