BrApps企业级低代码开发平台基于拖拽式的开发方式,提供丰富的服务组件来满足企业数字化应用的设计、构建、集成、部署和管理,赋能各团队来帮助他们构建全场景的数字化应用。
本文会以一个应用创建实例为大家介绍使用BrApps开发应用的具体流程,将实际演示如何简单创建一个产品管理系统。
主要过程包括以下步骤:
创建应用服务
创建应用
1. 创建业务对象
2. 创建选项集
3. 创建应用页面
4.创建应用菜单
发布应用
该系统主要业务功能包括:产品管理,分类管理,子分类管理和标签管理,整个系统的逻辑图如图1所示。
全部详细的操作,可至微信/官网观看。
在开始应用设计前,需要先创建一个低代码应用服务以及对应的项目。
应用包含基础页面和页面内容(业务对象和选项集),在设计页面前,需要先补充页面所需要的数据内容,随后通过添加组件来组成页面框架,通过创建UIflow来完善逻辑。
点击某个业务对象下方的“+”按钮,添加属性,并对该属性进行设置,包括是否存储、必填、是否可搜索、组件,此处以业务对象标签为例进行说明。
点击业务对象标签下方的加号,添加属性,依次输入以下内容:
名称:名称
编码:NAME
组件选择“文本”,最大长度为60,并选择单行文本
点击创建按钮即可
点击业务对象“标签”上的编辑按钮,进入该业务对象详情设置界面
点击关联值列表上方的“创建关联值列表”按钮,创建名为“选择分类”的关联值列表
点击名称,进入关联值列表编辑界面,在页面设计中,从左侧“字段”工具栏中将“名称”和“创建时间”两个字段拖入列表中;在“关联值列表属性”中勾选可搜索>高级搜索;在高级搜索默认字段中拖入“名称”字段
在选项集页面,点击“创建选项集”按钮
创建产品选项集,添加选项“国内”和“国外”
进入业务对象页面,选择业务对象“产品”,点击添加属性“产地”
属性组件设置为“单选”,选项集选择“产品”
此处文字仅展示“标签管理”页面的创建,其他页面的创建详情请查看视频。
从菜单栏进入页面界面,点击“创建页面”按钮,依次输入以下信息:
名称:标签管理
编号:tag_manage
标题:标签管理
创建页面会同时创建一个默认section,点击导航栏的“默认section”,进入该section页面设计界面。(或者点击右侧页面导航栏标签管理页面名称后的“+”按钮,选择“添加section”)
点击页面上方的“数据源”,切换到默认section数据源界面,点击“+”按钮,选择添加数据源“标签”。
切换到默认section页面设计界面
用鼠标从左侧工作栏的组件列表中拖入“列表”组件,并为该组件添加数据源“标签”,此时导航栏“默认section”下会新建一个“表格组件”
点击导航中“默认section”下的“表格组件”,编辑该组件视图
在右侧工具栏设置组件的视图属性,分别选择
可搜索>可高级搜索
可编辑
可行内编辑
编辑组件中涉及的字段,可从右侧工具栏的字段列表中,直接拖动字段:
在搜索(高级搜索)下的默认字段中,拖入字段“名称(更新人)”
在列表字段中,“拖入名称(更新人)”、“创建时间(创建人)”
在列表按钮中通过勾选快速创建“添加”、“删除”、“保存”、“查询”四个按钮
在列表行内按钮中快速创建“删除”按钮
1. 点击右侧页面导航栏标签管理页面名称后的“+”按钮,选择“添加UIflow”,输入以下信息:
名称:创建新的标签
编码:create_new_tag
2. 点击UIflow名称进入流程设计界面
从左侧流程组件中,直接拖动“新增”组件至流程线上,点击该组件,在工具栏中设置属性
目标属性:名称-NAME
固定值为:test123
数据源为“标签
添加初始值:
节点说明为:创建新的标签
返回值(输出变量名称)为:tag
从左侧流程组件中拖动“提交”组件至流程线上(位于新增组件后方),在右侧工具栏进行属性设置
数据源为:标签
节点说明为:提交新建的标签
从左侧流程组件中拖动“搜索”组件至流程线上(位于提交组件后方),在右侧工具栏进行属性设置
数据源为:标签
节点说明为:重新查询数据
为按钮设置对应的页面流
进入表格组件设计页面,点击添加自定义列表按钮
按钮文字为:页面流创建标签
选择按钮图标
逻辑类型设置为:UIflow,并选择关联同页面下创建的UIflow“创建新的标签”
弹出确认选择“是”
提示信息输入:确定创建一个新的标签吗
确认按钮文字为:确定
取消按钮文字为:取消
从菜单栏进入菜单管理界面,点击“+”按钮,创建名为产品管理的应用菜单
点击页面右上方的检查按钮,检查应用设计流程逻辑等是否存在问题。
进入服务配置,点击“用户角色”,设置应用服务的用户,包括用户名、邮箱、密码、角色名称。
进入服务配置,点击“发布配置”,点击页面上方的“创建试用发布配置”按钮,即可创建一个部署应用所需的试用发布配置。
欢迎免费注册,体验试用低代码应用开发