6410bc8a75
* feat: nocobase build * chore: update build scripts * chore: update build scripts * chore(versions): 😊 publish v0.7.0-alpha.33 * chore: independent version * chore: nocobase build * chore(versions): 😊 publish v0.7.0-alpha.34 * feat: nocobase-cli * feat: nocobase-cli * chore: update dependencies * feat: improve code * refactor: create-nocobase-app * chore(versions): 😊 publish v0.7.0-alpha.35 * feat: @nocobase/devtools * chore(versions): 😊 publish v0.7.0-alpha.36 * chore: update dependencies * chore(versions): 😊 publish v0.7.0-alpha.37 * feat: improve code * chore(versions): 😊 publish v0.7.0-alpha.38 * feat: improve code * chore(versions): 😊 publish v0.7.0-alpha.39 * feat: update deps * chore(versions): 😊 publish v0.7.0-alpha.40 * chore: update devDependencies * chore(versions): 😊 publish v0.7.0-alpha.41 * fix: postinstall * chore(versions): 😊 publish v0.7.0-alpha.42 * chore: improve code * chore(versions): 😊 publish v0.7.0-alpha.43 * chore: execa * chore(versions): 😊 publish v0.7.0-alpha.44 * chore(cli): allow unknown option * chore(versions): 😊 publish v0.7.0-alpha.45 * fix: default envs * chore(versions): 😊 publish v0.7.0-alpha.45 * fix: package argument for build command * chore(versions): 😊 publish v0.7.0-alpha.46 * fix: improve code * chore(versions): 😊 publish v0.7.0-alpha.48 * feat: clean & doc * chore(versions): 😊 publish v0.7.0-alpha.49 * feat: compilation tips * feat: upgrade command * chore(versions): 😊 publish v0.7.0-alpha.50 * fix: unexpected token ] in JSON * chore(versions): 😊 publish v0.7.0-alpha.51 * fix: upgrade command * chore(versions): 😊 publish v0.7.0-alpha.52 * fix: remove export action from available action * fix: db sync after upgrade * chore(versions): 😊 publish v0.7.0-alpha.53 * feat: upgrade log * chore(versions): 😊 publish v0.7.0-alpha.54 * docs: updates * feat: updates * docs(cli): update usage description * feat: updates * docs: updates * docs: updates * docs: toc * feat: sdk * docs: updates * docs: updates * docs: updates * Update index.md * docs: updates * Update release-notes.md * Update roadmap.md * Update index.md * Update contributing.md * Update contributing.md * Update index.md * Update index.md * Update nocobase-cli.md * Update nocobase-cli.md * fix: user plugin initialization data * Update env.md * Update env.md * Update directory-structure.md * Update index.md * Update action-api.md * Update filter-operators.md * docs: update thanks.md * Update index.md * Update javascript-sdk.md * Update rest-api.md * Update installation.md * Update installation.md * Update upgrading.md * Update upgrading.md * Update upgrading.md * Update installation.md * Update installation.md * Create release-notes.md * Update release-notes.md * feat: updates * feat: update docs * feat: update release-notes.md * feat: switch language * feat: updates * Add files via upload * Add files via upload * Update important-features.md * Update thanks.md * feat: nocobase postinstall * Update index.md * Create why-different.md * Update why-different.md * Create who-is-for.md * Rename who-is-for.md to who.md * feat: update docs * Rename why-different.md to why.md * Update why.md * Update menus.ts * Update why-nocobase.md * Create who.md * Create why.md * feat: updates * chore(versions): 😊 publish v0.7.0-alpha.55 * feat: tips * Update who.md * Update who.md * feat: update docs * feat: update doc menus * fix: plugin client dist * docs: update contributing.md * docs: update readme.md * docs: update readme.md * docs: update readme.md * Update functional-zoning.md * fix: br Co-authored-by: Zhou <zhou.working@gmail.com>
63 lines
1.9 KiB
Markdown
63 lines
1.9 KiB
Markdown
# 区块
|
||
|
||
区块是用来展示和操作数据的视图。区块可以放在页面和弹窗里。一个完整的区块由三部分组成:
|
||
|
||
1. 内容区:区块的主体
|
||
2. 操作区:可以放置各种操作按钮,用于操作区块数据
|
||
3. 配置区:操作区块配置的按钮
|
||
|
||
![6.block.jpg](./blocks/6.block.jpg)
|
||
|
||
## 添加区块
|
||
|
||
进入界面配置模式,在页面和弹窗内点击 Add block 按钮即可添加区块。选项分为 4 步:
|
||
|
||
1. 选择区块类型:目前可用的区块类型包括表格、表单、详情、日历、看板、Markdown
|
||
2. 选择 Collection:此处会列出所有的 Collection
|
||
3. 选择创建方式:创建空白区块,或者从复制区块模板,或者引用区块模板
|
||
4. 选择模板:若第 3 步选择了从模板创建,则在第 4 步选择模板
|
||
|
||
![6.block-add.jpg](./blocks/6.block-add.jpg)
|
||
|
||
## 配置区块
|
||
|
||
配置区块包括三方面的内容:
|
||
|
||
- 配置区块内容
|
||
- 配置区块操作
|
||
- 配置区块属性
|
||
|
||
### 配置区块内容
|
||
|
||
以表格区块为例,区块内容是指表格中要显示的列。点击 Configure columns 即可配置要显示的列:
|
||
|
||
![6.block-content.gif](./blocks/6.block-content.gif)
|
||
|
||
### 配置区块操作
|
||
|
||
以表格区块为例,有筛选、添加、删除、查看、编辑、自定义等操作可选。点击 Configure actions 按钮可以配置操作。其中,每个操作按钮都可以单独配置属性:
|
||
|
||
![6.block-content.gif](./blocks/6.block-content%201.gif)
|
||
|
||
### 配置区块属性
|
||
|
||
将光标移到区块右上角,会看到区块配置按钮。以表格区块为例,可以配置的属性有:
|
||
|
||
- Drag & drop sorting
|
||
- Set the data scope
|
||
- Set default sorting rules
|
||
- Records per page
|
||
|
||
![6.collection-setting.gif](./blocks/6.collection-setting.gif)
|
||
|
||
## 区块类型
|
||
|
||
目前 NocoBase 支持以下几种区块:
|
||
|
||
- 表格
|
||
- 表单
|
||
- 详情
|
||
- 看板
|
||
- 日历
|
||
- 相关数据
|
||
- Markdown |