schema.md 39.8 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 25 26
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 已提交
27

W
wanganxp 已提交
28
`DB Schema`在保存后是实时生效的,请注意对现网商用项目的影响。
d-u-a's avatar
d-u-a 已提交
29

W
wanganxp 已提交
30
### Schema字段@segment
d-u-a's avatar
d-u-a 已提交
31 32 33

|属性|类型|描述|
|:-|:-|:-|
W
wanganxp 已提交
34 35 36 37
|bsonType|any|字段类型,如json object、字符串、数字、bool值,具体见下表bsonType可用类型|
|title|string|标题,开发者维护时自用。如果不填label属性,将在生成前端表单代码时,默认用于表单项前面的label|
|description|string|描述,开发者维护时自用。在生成前端表单代码时,如果字段未设置component,且字段被渲染为input,那么input的placehold将默认为本描述|
|required|array|是否必填。支持填写必填的下级字段名称。required可以在表级的描述出现,约定该表有哪些字段必填。也可以在某个字段中出现,如果该字段是一个json,可以对这个json中的哪些字段必填进行描述。详见下方示例|
W
wanganxp 已提交
38 39
|enum|Array|字段值枚举范围,数组中至少要有一个元素,且数组内的每一个元素都是唯一的。|
|maximum|number|如果bsonType为数字时,可接受的最大值|
d-u-a's avatar
d-u-a 已提交
40
|exclusiveMaximum|boolean|是否排除 maximum|
W
wanganxp 已提交
41
|minimum|number|如果bsonType为数字时,可接受的最小值|
d-u-a's avatar
d-u-a 已提交
42
|exclusiveMinimum|boolean|是否排除 minimum|
W
wanganxp 已提交
43 44
|minLength|number|最小长度|
|maxLength|number|最大长度|
W
wanganxp 已提交
45 46
|format|'url'|'email'|数据格式,不符合格式的数据无法入库。目前只支持'url'和'email',未来会扩展其他格式|
|pattern|String|正则表达式,如设置为手机号的正则表达式后,不符合该正则表达式则校验失败,无法入库|
d-u-a's avatar
d-u-a 已提交
47
|validateFunction|string|扩展校验函数名|
W
wanganxp 已提交
48
|errorMessage|string|Object |当数据写入或更新时,校验数据合法性失败后,返回的错误提示|
d-u-a's avatar
d-u-a 已提交
49
|defaultValue|string|Object|默认值|
W
wanganxp 已提交
50
|forceDefaultValue|string|Object|强制默认值,不可通过clientDB的代码修改,常用于存放用户id、时间、客户端ip等固定值。具体参考下表的defaultValue|
W
wanganxp 已提交
51
|foreignKey|String|关联字段。表示该字段的原始定义指向另一个表的某个字段,值的格式为`表名.字段名`,比如订单表的下单用户uid字段指向uni-id-users表的_id字段,那么值为`uni-id-users._id`。关联字段定义后可用于[联表查询](https://uniapp.dcloud.net.cn/uniCloud/database?id=lookup),通过关联字段合成虚拟表,极大的简化了联表查询的复杂度|
d-u-a's avatar
d-u-a 已提交
52
|permission|Object|数据库权限,控制什么角色可以对什么数据进行读/写,可控制表和字段,可设置where条件。见下文[详述](https://uniapp.dcloud.net.cn/uniCloud/database?id=permission)|
W
wanganxp 已提交
53 54 55 56
|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 已提交
57

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

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

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

W
wanganxp 已提交
66 67 68 69 70 71 72 73 74
|名称		|
|:-			|
|string		|
|double		|
|int		|
|object		|
|array		|
|bool		|
|timestamp	|
d-u-a's avatar
d-u-a 已提交
75

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

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

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

则schema按如下编写。

d-u-a's avatar
d-u-a 已提交
84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124
```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 已提交
125
uniCloud推出了`openDB`开源数据库规范,包括用户表、文章表、商品表等很多模板表,这些模板表均已经内置`DB Schema`,可学习参考。[详见](https://gitee.com/dcloud/opendb)
W
wanganxp 已提交
126 127

### 默认值defaultValue/forceDefaultValue
W
wanganxp 已提交
128 129 130 131

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

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

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

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

雪洛's avatar
雪洛 已提交
138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154

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

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

`$env`可取值如下:

|变量			|说明																								|
|:-:			|:-:																								|
|now			|当前时间戳																					|
|clientIP	|当前客户端IP																				|
|uid			|当前用户Id,如果当前用户未登录或登录状态无效会报错	|

W
wanganxp 已提交
155 156 157 158 159 160
示例:

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

W
wanganxp 已提交
161
// 指定强制默认值为当前服务器时间戳
W
wanganxp 已提交
162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177
"forceDefaultValue": {
  "$env": "now"
}

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

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


W
wanganxp 已提交
178
默认值 `"defaultValue": ...`,指定默认值为当前时间戳。新增记录时,若前端不传该字段,则默认为当前时间。若前端传一个指定的值,则以传的值为准。
W
wanganxp 已提交
179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196

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


W
wanganxp 已提交
197
强制默认值,覆盖默认值 `"forceDefaultValue": ...`,指定默认值为当前时间戳。此时前端传任何值均无效,新增记录时一定会变成当前时间。
W
wanganxp 已提交
198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215

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


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

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

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

W
wanganxp 已提交
225
#### 各种校验属性配置
W
wanganxp 已提交
226

W
wanganxp 已提交
227
- 必填字段,`"required": ["name"]`
W
wanganxp 已提交
228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243

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


雪洛's avatar
雪洛 已提交
244
`required`包含`name`时,要求必须传入`name``required`不包含`name`时,如果传入的数据包含`name`会对name进行校验,否则忽略name的校验规则。以下面的代码为例,如果不传name能通过校验,如果传了name则要求name最小长度为2.
W
wanganxp 已提交
245 246 247 248 249 250 251 252 253 254 255 256 257 258 259 260 261 262 263 264

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


W
wanganxp 已提交
265
- 类型 `"bsonType": "string"`
W
wanganxp 已提交
266 267 268 269 270 271 272 273 274

```json
{
  "bsonType": "object",
  "required": ["name"],
  "properties": {
    "name": {
      "bsonType": "string",
      "label": "姓名",
d-u-a's avatar
d-u-a 已提交
275
      "errorMessage": "{label}类型无效"
W
wanganxp 已提交
276 277 278 279 280 281
    }
  }
}
```


W
wanganxp 已提交
282
- 格式 `"format": "email"`
W
wanganxp 已提交
283 284 285 286 287 288 289 290 291 292 293 294 295 296 297 298 299 300 301 302

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


W
wanganxp 已提交
303
- 正则 `"pattern": ""`
W
wanganxp 已提交
304

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


W
wanganxp 已提交
308 309 310 311 312 313 314 315 316 317 318 319 320 321 322 323 324 325 326
```json
{
  "bsonType": "object",
  "required": ["name"],
  "properties": {
    "name": {
      "bsonType": "string",
      "label": "姓名",
      "pattern": "",
      "errorMessage": {
        "required": "{label}不能为空",
        "pattern": "{label}格式无效"
      }
    }
  }
}
```


W
wanganxp 已提交
327
#### validateFunction扩展校验函数@validateFunction
d-u-a's avatar
d-u-a 已提交
328 329 330

扩展校验函数

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

d-u-a's avatar
d-u-a 已提交
333 334 335 336 337 338
如何使用

1. uniCloud 控制台,选择服务空间,切换到数据表

2. 底部 “扩展校验函数” 点击 “+” 增加校验函数 ![](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/2f4d0230-12a2-11eb-b244-a9f5e5565f30.png)

W
wanganxp 已提交
339
给函数起个名字,比如叫“checkabc”,然后写具体的js代码,如下
d-u-a's avatar
d-u-a 已提交
340 341 342

```
// 扩展校验函数示例
d-u-a's avatar
d-u-a 已提交
343
exports = function (rule, value, data, callback) {
d-u-a's avatar
d-u-a 已提交
344 345 346
  // rule  当前规则
  // value 当前规则校验数据
  // data  全部校验数据
d-u-a's avatar
d-u-a 已提交
347 348 349
  // callback 可选,一般用于自定义 errorMessage,如果执行了callback return 值无效,callback 传入的 message 将替换 errorMessage
  // callback(new Error('message')) 传入 Error 类型时校验不通过
  // callback('message') 传入 String 类型时通过
d-u-a's avatar
d-u-a 已提交
350 351 352 353
  return value.length < 10
}
```

hbcui1984's avatar
hbcui1984 已提交
354
3. 在表结构 schema 编辑页面中的`validateFunction`属性中配置上面编写的 扩展校验函数 的名称,保存生效
d-u-a's avatar
d-u-a 已提交
355 356 357 358 359 360 361 362 363

```json
{
  "bsonType": "object",
  "required": ["name"],
  "properties": {
    "name": {
      "bsonType": "string",
      "label": "姓名",
W
wanganxp 已提交
364
      "validateFunction": "checkabc",
d-u-a's avatar
d-u-a 已提交
365
      "errorMessage": {
hbcui1984's avatar
hbcui1984 已提交
366
        "required": "{label}不能为空"
d-u-a's avatar
d-u-a 已提交
367 368 369 370 371 372
      }
    }
  }
}
```

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


W
wanganxp 已提交
376
#### errorMessage自定义错误提示
d-u-a's avatar
d-u-a 已提交
377

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

W
wanganxp 已提交
380 381 382 383 384 385 386 387 388
errorMessage支持字符串,也支持json object。类型为object时,可定义多个校验提示。

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

|属性		|类型	|描述	|
|:-			|:-		|:-		|
|minLength	|string	|消息	|
|maxLength	|string	|消息	|
|...		|...	|...	|
d-u-a's avatar
d-u-a 已提交
389 390 391 392 393 394 395 396 397 398 399 400

示例

```json
{
  "required": ["name"],
  "properties": {
    "name": {
      "bsonType": "string",
      "label": "姓名",
      "minLength": 2,
      "maxLength": 8,
d-u-a's avatar
d-u-a 已提交
401
      "errorMessage": {
d-u-a's avatar
d-u-a 已提交
402
        "required": "{label}必填",
雪洛's avatar
雪洛 已提交
403 404
        "minLength": "{label}不能小于{minLength}个字符",
        "maxLength": "{label}不能大于{maxLength}个字符"
d-u-a's avatar
d-u-a 已提交
405 406 407 408 409 410 411 412
      },
      ...
    },
    "age": {
      "bsonType": "int",
      "label": "年龄",
      "minimum": 1,
      "maximum": 150,
d-u-a's avatar
d-u-a 已提交
413
      "errorMessage": "{label}应该大于 {minimum} 岁,小于 {maximum} 岁"
d-u-a's avatar
d-u-a 已提交
414 415 416 417 418
    }
  }
}
```

W
wanganxp 已提交
419 420 421 422 423
从示例可以看出,errorMessage支持配一条,也支持根据不同的错误类型配不同的errorMessage。

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

W
wanganxp 已提交
424 425 426 427 428 429
**其他注意事项**

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

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

W
wanganxp 已提交
430 431
### 数据权限系统permission@permission

W
wanganxp 已提交
432
#### 概述
W
wanganxp 已提交
433

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

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

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

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

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

W
wanganxp 已提交
444 445 446 447 448 449 450 451 452 453
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 已提交
454

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

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


W
wanganxp 已提交
460
#### 表级权限控制
W
wanganxp 已提交
461

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

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

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

W
wanganxp 已提交
468 469 470 471 472 473
```json
// user表的schema
{
  "bsonType": "object",
  "required": [],
  "permission": {
雪洛's avatar
雪洛 已提交
474 475 476 477
    "read": true, // 任何用户都可以读
    "create": false, // 禁止新增数据记录(admin权限用户不受限)
    "update": false, // 禁止更新数据(admin权限用户不受限)
    "delete": false // 禁止删除数据(admin权限用户不受限)
W
wanganxp 已提交
478 479 480 481 482 483 484
  },
  "properties": {
    "_id":{},
	"name":{},
    "pwd": {}
  }
}
W
wanganxp 已提交
485 486
```

W
wanganxp 已提交
487 488 489 490 491 492 493 494 495
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 已提交
496 497

```json
W
wanganxp 已提交
498
// user表的schema
W
wanganxp 已提交
499 500 501 502
{
  "bsonType": "object",
  "required": [],
  "permission": {
雪洛's avatar
雪洛 已提交
503 504 505 506
    "read": true, // 任何用户都可以读
    "create": false, // 禁止新增数据记录(admin权限用户不受限)
    "update": false, // 禁止更新数据(admin权限用户不受限)
    "delete": false // 禁止删除数据(admin权限用户不受限)
W
wanganxp 已提交
507 508
  },
  "properties": {
W
wanganxp 已提交
509 510 511 512 513
    "_id":{
	},
	"name":{
	},
    "pwd": {
W
wanganxp 已提交
514
      "bsonType": "string",
W
wanganxp 已提交
515
      "title": "密码",
W
wanganxp 已提交
516
      "permission": {
雪洛's avatar
雪洛 已提交
517 518
        "read": false, // 禁止读取 pwd 字段的数据(admin权限用户不受限)
        "write": false // 禁止写入 pwd 字段的数据(admin权限用户不受限)
W
wanganxp 已提交
519 520 521 522 523 524
      }
    }
  }
}
```

W
wanganxp 已提交
525 526 527 528 529 530 531 532 533 534 535 536 537 538 539 540 541 542
按上述配置,前端查询数据时,如果不包含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
雪洛 已提交
543 544 545 546
    "read": "doc.status==true", // 任何用户都可以读status字段的值为true的记录,其他记录不可读
    "create": false, // 禁止新增数据记录(admin权限用户不受限)
    "update": false, // 禁止更新数据(admin权限用户不受限)
    "delete": false // 禁止删除数据(admin权限用户不受限)
W
wanganxp 已提交
547 548 549 550 551 552 553 554 555 556
  },
  "properties": {
    "_id":{
	},
	"name":{
	},
    "pwd": {
      "bsonType": "string",
      "title": "密码",
      "permission": {
雪洛's avatar
雪洛 已提交
557 558
        "read": false, // 禁止读取 pwd 字段的数据(admin权限用户不受限)
        "write": false // 禁止写入 pwd 字段的数据(admin权限用户不受限)
W
wanganxp 已提交
559 560 561 562 563 564 565 566 567 568 569 570 571 572 573 574 575 576 577 578 579 580 581 582
      }
    },
	"status": {
		"bsonType": "bool",
		"title": "用户状态",
		"description": "true代表用户正常。false代表用户被禁用"
	}
  }
}
```

根据这个配置,如前端查询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 已提交
583
|doc			|数据库中的目标数据记录,用于匹配记录内容/查询条件(需要注意的是,规则内的doc对象并不是直接去校验存在于数据库的数据,而是校验客户端的查询条件)							|
W
wanganxp 已提交
584 585 586 587 588 589 590 591 592 593
|now			|当前服务器时间戳(单位:毫秒),时间戳可以进行额外运算,如doc.publish\_date > now - 60000表示publish\_date在最近一分钟											|
|action			|数据操作请求同时指定的uni-clientDB-action。用于指定前端的数据操作必须同时附带执行一个action云函数,如未触发该action则权限验证失败					|

注意`uni-id`的角色和权限,也即auth.role和auth.permission是不一样的概念。注意阅读[uni-id 角色权限](/uniCloud/uni-id?id=rbac)

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

|运算符			|说明			|示例									|示例解释(集合查询)														|
|:-:			|:-:			|:-:									|:-:																	|
|==				|等于			|auth.uid == 'abc'						|用户id为abc															|
W
wanganxp 已提交
594
|!=				|不等于			|auth.uid != null						|用户要处于登录状态											|
W
wanganxp 已提交
595 596 597 598 599
|>				|大于			|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 已提交
600
|!				|非				|!(doc.status in ['a','b'])				|查询条件的 status 不是['a','b']中的任何一个,数组中所有元素类型需一致	|
W
wanganxp 已提交
601 602 603 604
|&&				|与				|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
雪洛 已提交
605
我们继续使用user表举例,目前需求如下,前端用户如果登录,那么该用户可以修改自己的name字段。此时需要在schema中配置name字段的permission为`"write":"(doc._id == auth.uid)"`
W
wanganxp 已提交
606 607 608 609 610 611 612

```json
// user表的schema
{
  "bsonType": "object",
  "required": [],
  "permission": {
雪洛's avatar
雪洛 已提交
613 614 615 616
    "read": "doc.status==true", // 任何用户都可以读status字段的值为true的记录,其他记录不可读
    "create": false, // 禁止新增数据记录(admin权限用户不受限)
    "update": false, // 禁止更新数据(admin权限用户不受限)
    "delete": false // 禁止删除数据(admin权限用户不受限)
W
wanganxp 已提交
617 618 619 620 621 622 623 624
  },
  "properties": {
    "_id":{
	},
	"name":{
		"bsonType": "string",
		"title": "名称",
		"permission": {
雪洛's avatar
雪洛 已提交
625 626
		  "read": true, 
		  "write": "(doc._id == auth.uid)" // 允许登录的用户修改自己的name字段
W
wanganxp 已提交
627 628 629 630 631 632
		}
	},
    "pwd": {
      "bsonType": "string",
      "title": "密码",
      "permission": {
雪洛's avatar
雪洛 已提交
633 634
        "read": false, // 禁止读取 pwd 字段的数据(admin权限用户不受限)
        "write": false // 禁止写入 pwd 字段的数据(admin权限用户不受限)
W
wanganxp 已提交
635 636 637 638 639 640 641 642 643 644 645 646 647
      }
    },
	"status": {
		"bsonType": "bool",
		"title": "用户状态",
		"description": "true代表用户正常。false代表用户被禁用"
	}
  }
}
```

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

W
wanganxp 已提交
648 649 650 651 652 653 654 655 656 657 658 659 660
**注意**

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

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

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

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


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

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

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

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

```json
// user表的schema
{
  "bsonType": "object",
  "required": [],
  "permission": {
雪洛's avatar
雪洛 已提交
674 675 676 677
    "read": "doc.status==true", // 任何用户都可以读status字段的值为true的记录,其他记录不可读
    "create": false, // 禁止新增数据记录(admin权限用户不受限)
    "update": false, // 禁止更新数据(admin权限用户不受限)
    "delete": false // 禁止删除数据(admin权限用户不受限)
W
wanganxp 已提交
678 679 680 681 682 683 684 685
  },
  "properties": {
    "_id":{
	},
	"name":{
		"bsonType": "string",
		"title": "名称",
		"permission": {
雪洛's avatar
雪洛 已提交
686 687
		  "read": true, 
		  "write": "(doc._id == auth.uid) && (action == 'changenamelog')" // 允许登录的用户修改自己的name字段,但必须同时触发执行action云函数changenamelog
W
wanganxp 已提交
688 689 690 691 692 693
		}
	},
    "pwd": {
      "bsonType": "string",
      "title": "密码",
      "permission": {
雪洛's avatar
雪洛 已提交
694 695
        "read": false, // 禁止读取 pwd 字段的数据(admin权限用户不受限)
        "write": false // 禁止写入 pwd 字段的数据(admin权限用户不受限)
W
wanganxp 已提交
696 697 698 699 700 701 702 703 704 705 706
      }
    },
	"status": {
		"bsonType": "bool",
		"title": "用户状态",
		"description": "true代表用户正常。false代表用户被禁用"
	}
  }
}
```

W
wanganxp 已提交
707 708 709 710 711 712 713
前端提交代码,必须带上action参数
```js
const db = uniCloud.database();
db.collection("user").action("changenamelog").doc("xxx").update({
	name:"newname"
})
```
W
wanganxp 已提交
714

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

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

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

W
wanganxp 已提交
721 722 723 724 725 726 727 728 729 730 731 732
但注意导出`db_init.json`时不会包含`action``action`属于云函数。导出`db_init.json`只会包含schema和validateFunction。


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

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

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

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

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

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

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

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

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

W
wanganxp 已提交
753 754 755 756 757 758 759 760 761 762 763 764 765 766 767
### 前端表单生成系统@autocode

`DB Schema`里有大量的信息,有了这些信息,前端将无需自己开发表单维护界面,uniCloud可以自动生成新增数据、修改数据的表单页面。

为强化表单的自定义性,`DB Schema`还扩展了label、component、group、order等属性。

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

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

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

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

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

W
wanganxp 已提交
771 772 773 774 775 776 777 778 779 780 781 782 783 784 785 786 787 788 789 790 791 792 793 794 795 796 797 798 799 800 801 802 803 804 805 806 807 808 809 810 811 812 813 814 815 816 817 818 819 820 821 822 823 824 825 826 827 828 829 830 831 832 833
DCloud提供了`uni-forms`前端组件,该组件的校验规范完全符合`DB Schema`中的校验规则,实现云端统一。`uni-forms`组件地址:[https://ext.dcloud.net.cn/plugin?id=2773](https://ext.dcloud.net.cn/plugin?id=2773)


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组件
	* 其他字段类型,将生成input组件。如果是数字类型,会同时把input的键盘类型设为数字。
- 如果没有配label,则以title作为label,渲染在表单项前面
- description在渲染为input时会被设为placehold

<!-- 
如果是时间戳,则需要新做一个时间选择组件
如果有枚举,默认为picker
如果是number且有大小范围,默认用步进器
 -->

#### label属性

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

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

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

#### component属性

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

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

W
wanganxp 已提交
846
生成的所有表单项,都在[uni-forms组件](https://ext.dcloud.net.cn/plugin?id=2773)下。
d-u-a's avatar
d-u-a 已提交
847 848 849 850 851

|属性|类型|描述|
|:-|:-|:-|
|name|string|组件名称|
|props|Object|组件属性|
d-u-a's avatar
d-u-a 已提交
852 853 854 855 856 857 858
|children|String|子组件|
|childrenData|Array|子组件数据|


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


W
wanganxp 已提交
861
示例
d-u-a's avatar
d-u-a 已提交
862 863 864 865

```json
{
  "bsonType": "object",
d-u-a's avatar
d-u-a 已提交
866
  "required": ["name", "nickname"],
d-u-a's avatar
d-u-a 已提交
867
  "permission": {
雪洛's avatar
雪洛 已提交
868 869 870 871
    "read": false,
    "create": false,
    "update": false,
    "delete": false
d-u-a's avatar
d-u-a 已提交
872
  },
d-u-a's avatar
d-u-a 已提交
873 874
  "properties": {
    "_id": {
d-u-a's avatar
d-u-a 已提交
875
      "description": "存储文档 ID(用户 ID),系统自动生成"
d-u-a's avatar
d-u-a 已提交
876 877 878 879 880
    },
    "name": {
      "bsonType": "string",
      "label": "姓名",
      "minLength": 2,
d-u-a's avatar
d-u-a 已提交
881
      "maxLength": 10,
d-u-a's avatar
d-u-a 已提交
882
      "errorMessage": {
d-u-a's avatar
d-u-a 已提交
883
        "required": "{label}必填",
雪洛's avatar
雪洛 已提交
884
        "minLength": "{label}不能小于{minLength}个字符"
d-u-a's avatar
d-u-a 已提交
885
      },
d-u-a's avatar
d-u-a 已提交
886
      "permission": {
雪洛's avatar
雪洛 已提交
887 888
        "read": false,
        "write": false
d-u-a's avatar
d-u-a 已提交
889
      },
d-u-a's avatar
d-u-a 已提交
890
      "component": {
d-u-a's avatar
d-u-a 已提交
891
        "name": "input",
d-u-a's avatar
d-u-a 已提交
892
        "props": {
d-u-a's avatar
d-u-a 已提交
893
          "placeholder": "请输入姓名"
d-u-a's avatar
d-u-a 已提交
894 895 896
        }
      }
    },
d-u-a's avatar
d-u-a 已提交
897 898 899 900 901
    "nickname": {
      "bsonType": "string",
      "description": "用户昵称",
      "label": "昵称",
      "errorMessage": "{label}无效",
d-u-a's avatar
d-u-a 已提交
902
      "component": {
d-u-a's avatar
d-u-a 已提交
903
        "name": "input",
d-u-a's avatar
d-u-a 已提交
904
        "props": {
d-u-a's avatar
d-u-a 已提交
905
          "placeholder": "请输入昵称"
d-u-a's avatar
d-u-a 已提交
906 907 908
        }
      }
    },
d-u-a's avatar
d-u-a 已提交
909 910 911 912 913 914 915 916 917 918 919 920 921 922 923 924 925 926 927 928 929 930 931 932 933 934
    "hobby": {
      "bsonType": "array",
      "description": "爱好",
      "label": "爱好",
      "component": {
        "name": "checkbox-group",
        "childrenData": [{
            "label": "游泳",
            "value": 1
          },
          {
            "label": "骑行",
            "value": 2
          },
          {
            "label": "音乐",
            "value": 3
          },
          {
            "label": "美术",
            "value": 4
          }
        ]
      }
    },
    "gender": {
d-u-a's avatar
d-u-a 已提交
935
      "bsonType": "int",
d-u-a's avatar
d-u-a 已提交
936 937 938 939 940 941 942 943 944 945 946 947 948 949 950 951 952 953 954 955
      "enum": [0, 1, 2],
      "description": "用户性别:0 未知 1 男性 2 女性",
      "label": "性别",
      "component": {
        "name": "radio-group",
        "childrenData": [{
            "label": "男",
            "value": 1
          },
          {
            "label": "女",
            "value": 2
          }
        ]
      },
      "errorMessage": "{label}无效"
    },
    "email": {
      "bsonType": "string",
      "description": "邮箱地址",
hbcui1984's avatar
hbcui1984 已提交
956
      "format": "email",
d-u-a's avatar
d-u-a 已提交
957 958 959 960 961 962
      "label": "邮箱",
      "errorMessage": "{label}无效"
    },
    "language": {
      "bsonType": "string",
      "label": "自定义children",
d-u-a's avatar
d-u-a 已提交
963 964
      "component": {
        "name": "select",
d-u-a's avatar
d-u-a 已提交
965 966
        "children": "<option value="{item.value}">{item.label}</option>",
        "childrenData": [{"label": "中文简体", "value": "zh-cn"}]
d-u-a's avatar
d-u-a 已提交
967 968 969 970 971 972 973
      }
    }
  }
}
```


d-u-a's avatar
d-u-a 已提交
974 975 976 977 978 979 980 981 982 983 984 985 986 987 988 989 990 991 992 993 994 995 996 997 998 999 1000 1001 1002
component 类型为数组

```json
{
  "bsonType": "object",
  "required": [],
  "properties": {
    "mobile": {
      "bsonType": "string",
      "label": "多个组件",
      "component": [
        {
          "name": "input",
          "props": {
            "placeholder": "电话1"
          }
        },
        {
          "name": "input",
          "props": {
            "placeholder": "电话2"
          }
        }
      ]
    }
  }
}
```

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

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

W
wanganxp 已提交
1006
将多个表单项合并在一个分组里显示。前端渲染时,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 已提交
1007 1008

示例
W
wanganxp 已提交
1009

d-u-a's avatar
d-u-a 已提交
1010 1011 1012 1013 1014 1015 1016 1017
```json
{
  "bsonType": "object",
  "required": ["name"],
  "properties": {
    "name": {
      "bsonType": "string",
      "label": "姓名",
W
wanganxp 已提交
1018
      "group": "1",
d-u-a's avatar
d-u-a 已提交
1019 1020
      "minLength": 2,
      "maxLength": 8,
d-u-a's avatar
d-u-a 已提交
1021
      "errorMessage": {
d-u-a's avatar
d-u-a 已提交
1022 1023 1024 1025 1026 1027 1028 1029 1030 1031 1032 1033 1034 1035 1036 1037 1038 1039 1040
        "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 已提交
1041
      "group": "1",
d-u-a's avatar
d-u-a 已提交
1042 1043
      "minimum": 0,
      "maximum": 150,
d-u-a's avatar
d-u-a 已提交
1044
      "errorMessage": "{label}应该大于 {minimum} 岁,小于 {maximum} 岁",
d-u-a's avatar
d-u-a 已提交
1045 1046 1047 1048 1049 1050 1051 1052 1053 1054 1055 1056 1057 1058 1059 1060
      "component": {
        "name": "uni-field",
        "props": {
          "placeholder": "请输入年龄",
          "value": null
        }
      }
    }
  }
}
```


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

```
W
wanganxp 已提交
1061
<uni-forms>
W
wanganxp 已提交
1062
  <uni-group>
W
wanganxp 已提交
1063 1064
    <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 已提交
1065 1066
  </uni-group>
```