• 快速创建一个Web应用

    本教程会以一个应用创建实例为大家介绍使用BrApps开发web应用的具体流程,将实际演示如何简单创建一个产品管理系统。

    主要过程包括以下步骤:

    该系统主要业务功能包括:产品管理,分类管理,子分类管理和标签管理,整个系统的逻辑图如图1所示。

    image

    视频指南

    以下为文字流程,详细步骤请观看视频。

    创建一个应用服务

    在开始应用设计前,需要先创建一个低代码应用服务以及对应的项目。

    初次试用低代码开发功能必须创建新的项目,不可使用系统内默认创建项目“公司内销平台”。

    image

    创建应用

    应用包含基础页面和页面内容(业务对象和选项集),在设计页面前,需要先补充页面所需要的数据内容,随后通过添加组件来组成页面框架,通过创建UIflow来完善逻辑。

    01 创建业务对象

    第一步:创建单个业务对象

    image

    第二步:添加业务对象属性

    点击某个业务对象下方的“+”按钮,添加属性,并对该属性进行设置,包括是否存储、必填、是否可搜索、组件,此处以业务对象标签为例进行说明。

    image

    依次添加产品、分类、子分类、标签、产品标签5个业务对象的属性,具体需要添加的属性参照图1所示。_

    第三步 创建关联值列表

    点击业务对象“标签”上的编辑按钮,进入该业务对象详情设置界面

    image

    其他业务对象的关联值列表创建详情请参照视频。

    02 创建选项集

    第一步 创建选项集

    image

    第二步 将选项集与业务对象关联

    image

    03 创建应用页面

    此处文字仅展示“标签管理”页面的创建,其他页面的创建详情请查看视频。

    第一步 创建页面

    从菜单栏进入页面界面,点击“创建页面”按钮,依次输入以下信息:

    第二步 添加Section

    创建页面会同时创建一个默认section,点击导航栏的“默认section”,进入该section页面设计界面。(或者点击右侧页面导航栏标签管理页面名称后的“+”按钮,选择“添加section”)

    第三步 添加数据源

    点击页面上方的“数据源”,切换到默认section数据源界面,点击“+”按钮,选择添加数据源“标签”。

    image

    第四步 添加页面组件

    切换到默认section页面设计界面

    image

    第五步 编辑组件视图

    点击导航中“默认section”下的“表格组件”,编辑该组件视图 * 在右侧工具栏设置组件的视图属性,分别选择

    *   可搜索>可高级搜索
    *   可编辑
    *   可行内编辑
    

    image

    第六步 添加UIflow

    1. 点击右侧页面导航栏标签管理页面名称后的“+”按钮,选择“添加UIflow”,输入以下信息:

    2. 点击UIflow名称进入流程设计界面

    image

    第七步 页面流关联按钮

    为按钮设置对应的页面流

    04 创建应用菜单

    从菜单栏进入菜单管理界面,点击“+”按钮,创建名为产品管理的应用菜单

    image

    应用发布

    第一步 应用检查

    点击页面右上方的检查按钮,检查应用设计流程逻辑等是否存在问题。

    第二步 设置用户角色

    进入服务配置,点击“用户角色”,设置应用服务的用户,包括用户名、邮箱、密码、角色名称。

    第三步 创建发布配置

    进入服务配置,点击“发布配置”,点击页面上方的“创建试用发布配置”按钮,即可创建一个部署应用所需的试用发布配置。

    每个注册的组织仅可创建一个试用发布配置。

    第四步 应用发布

    1. 点击页面右上方的“发布”按钮,在预定义配置中选择创建的试用发布配置,点击发布,服务将进入到发布状态(发布过程大概1分钟)。
    2. 应用发布成功后,发布状态处会显示相应的地址,点击进入后使用设置的用户角色登录,即可浏览所创建的应用状态。

    image