跳到主要内容

应用搭建

应用搭建流程​

alt text

应用基础编辑​

开发者登录之后系统会自动跳转到主页面，在主页面用户可查看当前已创建的应用列表，可执行创建新应用、应用信息编辑、删除应用等操作。

  • 应用创建： 点击页面内“创建应用”按钮，会弹出应用创建表单，填写应用名称（英文）、应用标题并选择应用类型后点击“提交”按钮即可创建应用，应用的可选类型有：后端应用(NestJS)、前端应用(Ant Design Pro)。创建完应用，在应用列表中会列出已创建的应用，应用列表项中右侧含有“详情”、“编辑”、“删除”等操作按钮；
  • 应用信息编辑： 点击“编辑”会弹出应用信息编辑表单，可修改应用名称、应用标题等应用信息；
  • 应用删除： 点击“删除”按钮可删除该应用。

应用搭建​

在主页面应用列表项右侧点击“详情”按钮，会跳转至应用编排搭建页面，应用搭建分为后端应用搭建和前端应用搭建。进入应用搭建页面后，用户也可以在应用搭建页面应用模块/应用菜单栏右上方点击应用切换按钮进行当前搭建应用的切换。

后端应用搭建​

如果当前搭建应用的应用类型是“后端应用(NestJS)”，页面左栏是应用模块树形结构，右栏是对应模块的字段列表以及模块相关的操作功能。

  1. 后端应用模块编辑 在应用左侧应用模块树形结构中，每一行应用模块项右侧下拉菜单可对应用模块进行新建、编辑、删除等操作。

  2. 后端模块字段编辑 在应用左栏应用模块树形结构中点选模块之后，对应模块的字段会在右栏列出。

    • 点击“添加一行数据”按钮可添加字段，编辑完字段信息点击“保存”可将字段信息存入数据库中；
    • 点击“编辑”按钮可修改字段信息，点击“删除”按钮可删除字段；
    • 点击“高级”按钮会弹出字段高级配置界面；
    • 点击列表上方的“表参数设置”按钮，可配置表名、字段联合唯一等配置项。

  3. 后端应用模块代码生成、预览

    • 点击页面上方的“生成代码”按钮，系统会根据当前应用配置生成对应的后端模块代码，并弹出一个代码预览界面显示显示代码内容。
    • 点击弹窗界面右下角“拷贝代码”按钮，即可拷贝当前弹窗显示的代码内容。

alt text

前端应用搭建​

如果当前搭建应用的应用类型是“前端应用(Ant Design Pro)”，页面左栏是应用菜单树形结构，右栏是页面组件结构大纲及组件编排搭建界面。

  1. 前端应用菜单编辑。 在应用左侧应用菜单树形结构中，每一行应用菜单项右侧下拉菜单可对应用模块进行新建、编辑、删除等操作。

  2. 前端应用页面搭建。 在左栏应用菜单中点选菜单之后，对应前端页面的组件大纲及组件配置会在右栏显示。

    • 点击组件大纲组件项右侧下拉菜单，选择“添加子组件”，会弹出物料组件列表，选择对应的物料组件后点击“确定”便可在当前页面中添加子组件，然后根据需求对组件属性进行配置即可。

  3. 前端页面代码生成、预览。

    • 点击页面上方的“生成代码”按钮，系统会根据当前应用配置生成对应的前端页面代码，并弹出一个代码预览界面显示显示代码内容。
    • 点击弹窗界面右下角“拷贝代码”按钮，即可拷贝当前弹窗显示的代码内容。

alt text