schema.md 40.9 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),通过关联字段合成虚拟表,极大的简化了联表查询的复杂度|
W
wanganxp 已提交
52
|permission|Object|数据库权限,控制什么角色可以对什么数据进行读/写,可控制表和字段,可设置where条件。见下文[详述](uniCloud/schema?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

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

W
wanganxp 已提交
65 66 67 68 69 70 71
- string
- double
- int
- object (地理位置属于object)
- array
- bool
- timestamp
d-u-a's avatar
d-u-a 已提交
72

W
日更  
wanganxp 已提交
73 74
注:timestamp是一串数字的时间戳,不合适直接渲染到界面上。推荐的做法是在前端渲染时使用[`<uni-dateformat>`组件](https://ext.dcloud.net.cn/plugin?id=3279)

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

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

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

则schema按如下编写。

d-u-a's avatar
d-u-a 已提交
83 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
```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 已提交
124
uniCloud推出了`openDB`开源数据库规范,包括用户表、文章表、商品表等很多模板表,这些模板表均已经内置`DB Schema`,可学习参考。[详见](https://gitee.com/dcloud/opendb)
W
wanganxp 已提交
125 126

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

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

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

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

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

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

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

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

`$env`可取值如下:

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

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

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

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

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

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


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

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


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

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


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

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

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

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

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

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


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

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


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

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


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

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


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

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


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


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

扩展校验函数

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

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

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

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

雪洛's avatar
雪洛 已提交
338 339 340 341 342 343 344 345 346
  给函数起个名字,比如叫“checkabc”,然后写具体的js代码,如下

  ```js
  // 扩展校验函数示例
  exports = function (rule, value, data, callback) {
    // rule  当前规则
    // value 当前规则校验数据
    // data  全部校验数据
    // callback 可选,一般用于自定义 errorMessage,如果执行了callback return 值无效,callback 传入的 message 将替换 errorMessage
347 348 349
    // callback('message') 传入错误消息时校验不通过
    // callback() 无参时通过
    // 注意 callback 不支持异步调用,异步请使用 Promise/await/async
雪洛's avatar
雪洛 已提交
350 351
    return value.length < 10
  }
352 353 354 355 356 357 358 359 360 361 362 363 364 365 366 367 368 369 370 371 372 373 374 375 376 377 378 379

  // 异步校验 Promise
  export = function (rule, value, data) {
    return new Promise((resolve, reject) => {
      setTimeout(() => {
        if (value > 10) {
          // 校验通过
          resolve()
        } else {
          // 校验失败
          resolve('error') // 等于 reject(new Error('error'))
          // reject(new Error('error'))
        }
      }, 3000);
    })
  }

  // 异步校验 await/async
  export = async function (rule, value, data) {
    let result = await uni.request({...})
    if (result > 10) {
      // 校验通过
      return true
    } else {
      // 校验失败
      return 'error message'
    }
  }
雪洛's avatar
雪洛 已提交
380
  ```
d-u-a's avatar
d-u-a 已提交
381

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

雪洛's avatar
雪洛 已提交
384 385 386 387 388 389 390 391 392 393 394 395
  ```json
  {
    "bsonType": "object",
    "required": ["name"],
    "properties": {
      "name": {
        "bsonType": "string",
        "label": "姓名",
        "validateFunction": "checkabc",
        "errorMessage": {
          "required": "{label}不能为空"
        }
d-u-a's avatar
d-u-a 已提交
396 397 398
      }
    }
  }
雪洛's avatar
雪洛 已提交
399
  ```
d-u-a's avatar
d-u-a 已提交
400

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


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

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

W
wanganxp 已提交
408 409 410 411 412 413 414 415 416
errorMessage支持字符串,也支持json object。类型为object时,可定义多个校验提示。

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

|属性		|类型	|描述	|
|:-			|:-		|:-		|
|minLength	|string	|消息	|
|maxLength	|string	|消息	|
|...		|...	|...	|
d-u-a's avatar
d-u-a 已提交
417 418 419 420 421 422 423 424 425 426 427 428

示例

```json
{
  "required": ["name"],
  "properties": {
    "name": {
      "bsonType": "string",
      "label": "姓名",
      "minLength": 2,
      "maxLength": 8,
d-u-a's avatar
d-u-a 已提交
429
      "errorMessage": {
d-u-a's avatar
d-u-a 已提交
430
        "required": "{label}必填",
雪洛's avatar
雪洛 已提交
431 432
        "minLength": "{label}不能小于{minLength}个字符",
        "maxLength": "{label}不能大于{maxLength}个字符"
d-u-a's avatar
d-u-a 已提交
433 434 435 436 437 438 439 440
      },
      ...
    },
    "age": {
      "bsonType": "int",
      "label": "年龄",
      "minimum": 1,
      "maximum": 150,
d-u-a's avatar
d-u-a 已提交
441
      "errorMessage": "{label}应该大于 {minimum} 岁,小于 {maximum} 岁"
d-u-a's avatar
d-u-a 已提交
442 443 444 445 446
    }
  }
}
```

W
wanganxp 已提交
447 448 449 450 451
从示例可以看出,errorMessage支持配一条,也支持根据不同的错误类型配不同的errorMessage。

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

W
wanganxp 已提交
452 453 454 455 456 457
**其他注意事项**

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

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

W
wanganxp 已提交
458 459
### 数据权限系统permission@permission

W
wanganxp 已提交
460
#### 概述
W
wanganxp 已提交
461

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

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

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

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

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

W
wanganxp 已提交
472 473 474 475 476 477 478 479 480 481
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 已提交
482

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

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

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

W
wanganxp 已提交
489
#### 表级权限控制
W
wanganxp 已提交
490

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

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

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

W
wanganxp 已提交
497 498 499 500 501 502
```json
// user表的schema
{
  "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 509
  },
  "properties": {
    "_id":{},
510
    "name":{},
W
wanganxp 已提交
511 512 513
    "pwd": {}
  }
}
W
wanganxp 已提交
514 515
```

W
wanganxp 已提交
516 517 518 519 520 521 522 523 524
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 已提交
525 526

```json
W
wanganxp 已提交
527
// user表的schema
W
wanganxp 已提交
528 529 530 531
{
  "bsonType": "object",
  "required": [],
  "permission": {
雪洛's avatar
雪洛 已提交
532 533 534 535
    "read": true, // 任何用户都可以读
    "create": false, // 禁止新增数据记录(admin权限用户不受限)
    "update": false, // 禁止更新数据(admin权限用户不受限)
    "delete": false // 禁止删除数据(admin权限用户不受限)
W
wanganxp 已提交
536 537
  },
  "properties": {
W
wanganxp 已提交
538 539 540 541 542
    "_id":{
	},
	"name":{
	},
    "pwd": {
W
wanganxp 已提交
543
      "bsonType": "string",
W
wanganxp 已提交
544
      "title": "密码",
W
wanganxp 已提交
545
      "permission": {
雪洛's avatar
雪洛 已提交
546 547
        "read": false, // 禁止读取 pwd 字段的数据(admin权限用户不受限)
        "write": false // 禁止写入 pwd 字段的数据(admin权限用户不受限)
W
wanganxp 已提交
548 549 550 551 552 553
      }
    }
  }
}
```

W
wanganxp 已提交
554 555 556 557 558 559 560 561 562 563 564 565 566 567 568 569 570 571
按上述配置,前端查询数据时,如果不包含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
雪洛 已提交
572 573 574 575
    "read": "doc.status==true", // 任何用户都可以读status字段的值为true的记录,其他记录不可读
    "create": false, // 禁止新增数据记录(admin权限用户不受限)
    "update": false, // 禁止更新数据(admin权限用户不受限)
    "delete": false // 禁止删除数据(admin权限用户不受限)
W
wanganxp 已提交
576 577 578 579 580 581 582 583 584 585
  },
  "properties": {
    "_id":{
	},
	"name":{
	},
    "pwd": {
      "bsonType": "string",
      "title": "密码",
      "permission": {
雪洛's avatar
雪洛 已提交
586 587
        "read": false, // 禁止读取 pwd 字段的数据(admin权限用户不受限)
        "write": false // 禁止写入 pwd 字段的数据(admin权限用户不受限)
W
wanganxp 已提交
588 589 590 591 592 593 594 595 596 597 598 599 600 601 602 603 604 605 606 607 608 609 610 611
      }
    },
	"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 已提交
612
|doc			|数据库中的目标数据记录,用于匹配记录内容/查询条件(需要注意的是,规则内的doc对象并不是直接去校验存在于数据库的数据,而是校验客户端的查询条件)							|
W
wanganxp 已提交
613 614 615
|now			|当前服务器时间戳(单位:毫秒),时间戳可以进行额外运算,如doc.publish\_date > now - 60000表示publish\_date在最近一分钟											|
|action			|数据操作请求同时指定的uni-clientDB-action。用于指定前端的数据操作必须同时附带执行一个action云函数,如未触发该action则权限验证失败					|

雪洛's avatar
雪洛 已提交
616 617 618
**注意**

- `uni-id`的角色和权限,也即auth.role和auth.permission是不一样的概念。注意阅读[uni-id 角色权限](/uniCloud/uni-id?id=rbac)
雪洛's avatar
雪洛 已提交
619
- 如果想支持使用多个`action`的用法,可以通过`"'actionRequired' in action"`的形式配置权限,限制客户端使用的action内必须包含名为`actionRequired`的action
W
wanganxp 已提交
620 621 622 623 624 625

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

|运算符			|说明			|示例									|示例解释(集合查询)														|
|:-:			|:-:			|:-:									|:-:																	|
|==				|等于			|auth.uid == 'abc'						|用户id为abc															|
W
wanganxp 已提交
626
|!=				|不等于			|auth.uid != null						|用户要处于登录状态											|
W
wanganxp 已提交
627 628 629 630 631
|>				|大于			|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 已提交
632
|!				|非				|!(doc.status in ['a','b'])				|查询条件的 status 不是['a','b']中的任何一个,数组中所有元素类型需一致	|
W
wanganxp 已提交
633 634 635 636
|&&				|与				|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
雪洛 已提交
637
我们继续使用user表举例,目前需求如下,前端用户如果登录,那么该用户可以修改自己的name字段。此时需要在schema中配置name字段的permission为`"write":"(doc._id == auth.uid)"`
W
wanganxp 已提交
638 639 640 641 642 643 644

```json
// user表的schema
{
  "bsonType": "object",
  "required": [],
  "permission": {
雪洛's avatar
雪洛 已提交
645 646 647 648
    "read": "doc.status==true", // 任何用户都可以读status字段的值为true的记录,其他记录不可读
    "create": false, // 禁止新增数据记录(admin权限用户不受限)
    "update": false, // 禁止更新数据(admin权限用户不受限)
    "delete": false // 禁止删除数据(admin权限用户不受限)
W
wanganxp 已提交
649 650 651 652 653 654 655 656
  },
  "properties": {
    "_id":{
	},
	"name":{
		"bsonType": "string",
		"title": "名称",
		"permission": {
雪洛's avatar
雪洛 已提交
657
		  "read": true, 
雪洛's avatar
雪洛 已提交
658
		  "write": "doc._id == auth.uid" // 允许登录的用户修改自己的name字段
W
wanganxp 已提交
659 660 661 662 663 664
		}
	},
    "pwd": {
      "bsonType": "string",
      "title": "密码",
      "permission": {
雪洛's avatar
雪洛 已提交
665 666
        "read": false, // 禁止读取 pwd 字段的数据(admin权限用户不受限)
        "write": false // 禁止写入 pwd 字段的数据(admin权限用户不受限)
W
wanganxp 已提交
667 668 669 670 671 672 673 674 675 676 677 678 679
      }
    },
	"status": {
		"bsonType": "bool",
		"title": "用户状态",
		"description": "true代表用户正常。false代表用户被禁用"
	}
  }
}
```

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

W
wanganxp 已提交
680 681 682 683 684 685 686 687 688 689 690 691 692
**注意**

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

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

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

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


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

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

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

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

```json
// user表的schema
{
  "bsonType": "object",
  "required": [],
  "permission": {
雪洛's avatar
雪洛 已提交
706 707 708 709
    "read": "doc.status==true", // 任何用户都可以读status字段的值为true的记录,其他记录不可读
    "create": false, // 禁止新增数据记录(admin权限用户不受限)
    "update": false, // 禁止更新数据(admin权限用户不受限)
    "delete": false // 禁止删除数据(admin权限用户不受限)
W
wanganxp 已提交
710 711 712 713 714 715 716 717
  },
  "properties": {
    "_id":{
	},
	"name":{
		"bsonType": "string",
		"title": "名称",
		"permission": {
雪洛's avatar
雪洛 已提交
718 719
		  "read": true, 
		  "write": "(doc._id == auth.uid) && (action == 'changenamelog')" // 允许登录的用户修改自己的name字段,但必须同时触发执行action云函数changenamelog
W
wanganxp 已提交
720 721 722 723 724 725
		}
	},
    "pwd": {
      "bsonType": "string",
      "title": "密码",
      "permission": {
雪洛's avatar
雪洛 已提交
726 727
        "read": false, // 禁止读取 pwd 字段的数据(admin权限用户不受限)
        "write": false // 禁止写入 pwd 字段的数据(admin权限用户不受限)
W
wanganxp 已提交
728 729 730 731 732 733 734 735 736 737 738
      }
    },
	"status": {
		"bsonType": "bool",
		"title": "用户状态",
		"description": "true代表用户正常。false代表用户被禁用"
	}
  }
}
```

W
wanganxp 已提交
739 740 741 742 743 744 745
前端提交代码,必须带上action参数
```js
const db = uniCloud.database();
db.collection("user").action("changenamelog").doc("xxx").update({
	name:"newname"
})
```
W
wanganxp 已提交
746

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

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

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

W
wanganxp 已提交
753 754 755 756 757 758 759 760 761 762 763 764
但注意导出`db_init.json`时不会包含`action``action`属于云函数。导出`db_init.json`只会包含schema和validateFunction。


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

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

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

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

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

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

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

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

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

W
wanganxp 已提交
785 786 787 788
### 前端表单生成系统@autocode

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

W
wanganxp 已提交
789
为强化表单的自定义性,`DB Schema`还扩展了label、component、group、order等属性,以控制表单项在界面上的渲染控件。
W
wanganxp 已提交
790 791 792 793 794 795 796 797 798 799

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

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

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

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

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

W
wanganxp 已提交
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 834 835 836 837 838 839 840 841 842 843 844 845 846 847 848 849 850 851 852 853 854 855 856 857 858 859
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

<!-- 
如果是时间戳,则需要新做一个时间选择组件
860
如果有枚举,默认为 uni-data-checkbox
W
wanganxp 已提交
861 862 863 864 865
如果是number且有大小范围,默认用步进器
 -->

#### label属性

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

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

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

#### component属性

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

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

W
wanganxp 已提交
878
生成的所有表单项,都在[uni-forms组件](https://ext.dcloud.net.cn/plugin?id=2773)下。
d-u-a's avatar
d-u-a 已提交
879 880 881 882 883

|属性|类型|描述|
|:-|:-|:-|
|name|string|组件名称|
|props|Object|组件属性|
d-u-a's avatar
d-u-a 已提交
884 885 886 887 888 889 890
|children|String|子组件|
|childrenData|Array|子组件数据|


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


W
wanganxp 已提交
893
示例
d-u-a's avatar
d-u-a 已提交
894 895 896 897

```json
{
  "bsonType": "object",
d-u-a's avatar
d-u-a 已提交
898
  "required": ["name", "nickname"],
d-u-a's avatar
d-u-a 已提交
899
  "permission": {
雪洛's avatar
雪洛 已提交
900 901 902 903
    "read": false,
    "create": false,
    "update": false,
    "delete": false
d-u-a's avatar
d-u-a 已提交
904
  },
d-u-a's avatar
d-u-a 已提交
905 906
  "properties": {
    "_id": {
d-u-a's avatar
d-u-a 已提交
907
      "description": "存储文档 ID(用户 ID),系统自动生成"
d-u-a's avatar
d-u-a 已提交
908 909 910 911 912
    },
    "name": {
      "bsonType": "string",
      "label": "姓名",
      "minLength": 2,
d-u-a's avatar
d-u-a 已提交
913
      "maxLength": 10,
d-u-a's avatar
d-u-a 已提交
914
      "errorMessage": {
d-u-a's avatar
d-u-a 已提交
915
        "required": "{label}必填",
雪洛's avatar
雪洛 已提交
916
        "minLength": "{label}不能小于{minLength}个字符"
d-u-a's avatar
d-u-a 已提交
917
      },
d-u-a's avatar
d-u-a 已提交
918
      "permission": {
雪洛's avatar
雪洛 已提交
919 920
        "read": false,
        "write": false
d-u-a's avatar
d-u-a 已提交
921
      },
d-u-a's avatar
d-u-a 已提交
922
      "component": {
d-u-a's avatar
d-u-a 已提交
923
        "name": "input",
d-u-a's avatar
d-u-a 已提交
924
        "props": {
d-u-a's avatar
d-u-a 已提交
925
          "placeholder": "请输入姓名"
d-u-a's avatar
d-u-a 已提交
926 927 928
        }
      }
    },
d-u-a's avatar
d-u-a 已提交
929 930 931 932 933
    "nickname": {
      "bsonType": "string",
      "description": "用户昵称",
      "label": "昵称",
      "errorMessage": "{label}无效",
d-u-a's avatar
d-u-a 已提交
934
      "component": {
d-u-a's avatar
d-u-a 已提交
935
        "name": "input",
d-u-a's avatar
d-u-a 已提交
936
        "props": {
d-u-a's avatar
d-u-a 已提交
937
          "placeholder": "请输入昵称"
d-u-a's avatar
d-u-a 已提交
938 939 940
        }
      }
    },
d-u-a's avatar
d-u-a 已提交
941 942 943 944
    "hobby": {
      "bsonType": "array",
      "description": "爱好",
      "label": "爱好",
945 946 947 948 949 950 951 952 953 954 955 956 957 958 959 960 961 962
      "enum": [
        {
          "text": "游泳",
          "value": 1
        },
        {
          "text": "骑行",
          "value": 2
        },
        {
          "text": "音乐",
          "value": 3
        },
        {
          "text": "美术",
          "value": 4
        }
      ]
d-u-a's avatar
d-u-a 已提交
963 964
    },
    "gender": {
d-u-a's avatar
d-u-a 已提交
965
      "bsonType": "int",
d-u-a's avatar
d-u-a 已提交
966 967
      "description": "用户性别:0 未知 1 男性 2 女性",
      "label": "性别",
968 969 970 971 972 973 974 975 976 977 978 979
      "errorMessage": "{label}无效",
      "defaultValue": 0,
      "enum": [{
        "text": "未知",
        "value": 0
      }, {
        "text": "男",
        "value": 1
      }, {
        "text": "女",
        "value": 2
      }]
d-u-a's avatar
d-u-a 已提交
980 981 982 983
    },
    "email": {
      "bsonType": "string",
      "description": "邮箱地址",
hbcui1984's avatar
hbcui1984 已提交
984
      "format": "email",
d-u-a's avatar
d-u-a 已提交
985 986 987 988 989 990
      "label": "邮箱",
      "errorMessage": "{label}无效"
    },
    "language": {
      "bsonType": "string",
      "label": "自定义children",
d-u-a's avatar
d-u-a 已提交
991 992
      "component": {
        "name": "select",
993
        "children": "<option value='{item.value}'>{item.label}</option>",
d-u-a's avatar
d-u-a 已提交
994
        "childrenData": [{"label": "中文简体", "value": "zh-cn"}]
d-u-a's avatar
d-u-a 已提交
995 996 997 998 999 1000 1001
      }
    }
  }
}
```


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

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

示例
W
wanganxp 已提交
1007

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


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

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

**Bug&Tips**

- 表单验证是可商用的。而生成前端表单页面,只是一个代码辅助生成工具,生成后的代码,免不了二次开发调整。
- 已知生成代码功能在处理字段类型为时间、枚举时有问题,需要对生成的代码再修改调整