接前文:UBML 入门指南:用 inBuilder 低代码平台快速搭建你的第一个应用(一)-CSDN博客
UBML 入门指南:用 inBuilder 低代码平台快速搭建你的第一个应用(二)-CSDN博客
4.第一个应用的搭建
在登陆平台以后(如果是使用admin登录的就是管理员身份进行搭建,若想以普通用户或是下级管理员的身份搭建,需要在管理员账号的用户模块下进行添加账号)需要配置用户空间,方法如下:
点击红框处的设计器,第一次点击需要创建工作环境,创建工作空间并启用工作创建后,会将指定的目录作为设置为工作空间,用于存放在开发过程中的生成物以及依赖物,默认新建工作空间为根目录下的worksapce(需要先手动新建文件夹及赋权)。
创建完工作环境后,页面如下:
这四个都是预先打好的基本模板,这里以行政人员为例,点击行政人员进入如下界面:
搭建只需要用到上面的常用任务即可,新建业务实体对应前面讲到的后端开发,新建页面对应前面讲到的前端开发,新建帮助则是inBuilder中特有的智能帮助,用于在页面上填写数据时辅助录入数据。
4.1业务实体建模
先新建一个业务实体,然后在弹出的“新建元数据”界面,维护实体编号、名称,点击确定,如下:
注意:因为社区版安装盘中已预制此业务实体进行示例,此外还需要注意将安装盘中的Demo元数据移到工作空间下,如果您自己动手开发,请避免与Demo中相关的功能重名。
默认选择手动创建,点击下一步,由于简单开发用不上数据流,故无需启动数据流,点击完成即可:
点击完成后,即可生成一个业务实体元数据,大致如下:
在这一步及后面搭建前端的步骤中需要注意先把node_modules配置好来,否则后续发布可能会出错,具体方法是点击左下角的设置按钮,点击Npm包管理,取消勾选离线模式,确定即可。
生成业务实体后,默认只有两个字段,一个ID,一个version,还需要添加业务上使用的字段,添加字段直接点击“添加”按钮手动添加,也可直接点击“导入cdm字段”的方式快速导入自己设计的数据库字段,本文中使用导入cdm字段的方式进行字段的添加,如下图所示(图中使用的cdm字段可通过百度网盘 请输入提取码获取):
选择【行政人员】表,点击完成
之后是添加子表,以添加两个子表为例,一个是工作信息,一个是教育信息,首先新增“工作信息”子对象,鼠标移到行政人员节点,会出现”+”号图标,点击新增子级对象,如下:
然后在弹出的子级对象信息窗口中维护编号、名称,如下:
同样通过“导入CDM字段”的方式添加工作信息子表字段,如下:
点击完成导入工作信息表字段如下:
然后新增“教育信息”子级对象的步骤同理:
完成所有主子对象设置后,点击保存,然后点击发布,行政人员业务实体就初步创建好了,实体建模的过程也完成了:
如果需要继续进一步配置字段的属性,比如枚举、关联、业务字段、必填等,可参考我在第一篇给出的inBuilder社区版文档网址。
4.2前端页面建模
由于前端显示的部分数据由后端提供,所以在页面建模过程中我们会使用实体建模的产物“行政人员业务实体”,并结合界面模板快速完成行政人员页面的建模,并且可直接调试看到运行效果。
点击新建页面后,在弹出的新建元数据界面中,自定义编号、名称,如下:
本例中是要开发一个行政人员维护界面,所以选择内置卡片界面(其他的也行,主要是取决于你想要怎样展示页面),选择后点击下一步:
在“本地元数据”分类下选择“行政人员”业务实体,也就是在实体建模过程中创建的业务实体,选择后点击确定,然后点击下一步,如下:
选择BE字段,默认全选,直接点击下一步:
选择主表展示字段,勾选需要展示在页面上的字段,编号、名称、备注、状态、组织、性别、所属国家或地区、常驻地、职级、人员类别、手机电话号码、邮箱,注意也要同时勾选子表需要展示的字段,勾选完后点击下一步,如下:
选择表单特性,本例中的行政人员界面可暂时不启用下面的这些表单特性,直接点击完成即可:
之后直接保存发布即可完成。
4.3功能菜单发布
页面开发完成之后,我们需要把它发布成功能菜单,这样用户可直接从菜单中打开使用此功能。
回到登陆平台后的页面,点击左上角到我的应用,找到业务配置中的功能操作:
在业务对象导航下,选择对应的业务对象,然后点击“新增操作分组”新增操作分组,输入分组“编号”和“名称”,新增“行政人员”功能操作分组,注意操作功能分组即是对应控制菜单权限的,功能操作是控制功能按钮操作权限的,本文只涉及到菜单权限,所以只需创建对应的操作分组即可:
若此处已提前预置行政人员操作分组及操作,可跳过此步骤。
之后回到设计器,打开行政人员维护表单,点击“发布菜单”按钮:
维护发布菜单数据,按照如下步骤和提示,完善菜单信息。如果缺失菜单分组,可手动添加菜单分组即可。填写完成后点击【确定】完成菜单发布。注:第一次发布菜单时,需要填写关联应用名称和编号,之后不用再填写。另外菜单编号和名称不要和demo里面的菜单编号和名称重复,需要自己自定义菜单编号和名称:
需要填写时,可按下图所示填写
之后需要分配权限,需要管理员账号,登陆管理员账号后点击我的应用后找到系统管理下的功能组菜单:
选择要分配权限的功能组,点击“功能权限”:
选中“行政人员”功能操作分组,点击【保存】完成权限分配:
检查功能组对应的岗位是否关联了开发者用户:
在对应的组织导航下找到想要查找的岗位,点击编辑,进入岗位信息界面进行信息的修改,在岗位信息中可查看、设置对应的功能组合用户:
完成分配后被授权的使用者账户就能看到已发布的菜单(登录使用者账户):
这样一个可以用于管理的应用就搭建完成了,关于如何创建新用户可以参照inBuilder。
附:如何在UBML开发社区中做出贡献?
首先需要了解Farris Vue,在上一篇讲解的文章中网址的readme文件中有介绍。
可以通过代码、文档、问题反馈等多种方式参与开源项目协作。
1. 基础准备
访问 [Gitee 官网](https://gitee.com) 完成注册;设置头像、简介,方便项目维护者联系;掌握 `clone`、`fork`、`commit`、`pull request` 等基本操作(可参考 [Git 官方文档](https://git-scm.com/book/zh/v2))。
2. 贡献方式
(1) 代码贡献(适合)
1. Fork 项目到个人仓库
进入项目主页 → 点击右上角“Fork”。
2.克隆到本地开发
-git clone https://gitee.com/你的用户名/项目名.git
-cd 项目名
-git checkout -b fix-bug-xxx # 创建新分支
3.修改代码并提交
修复 Bug 或添加新功能,提交到你的仓库:
-git add .
-git commit -m "fix: 解决XX问题"
-git push origin fix-bug-xxx
4.发起 Pull Request (PR)
进入你的 Fork 仓库 → “Pull Request”→ 选择原项目的目标分支(如 `main`),填写标题和说明,关联相关 Issue(如有)。
注意事项:
1.提前阅读项目的 `CONTRIBUTING.md`,了解代码风格和流程要求。
2.小型 PR(如修复错别字)更易被合并,避免一次性提交大量改动。
(2) 文档改进
修正错误:修改 README中的错别字或过时内容。
补充示例:为复杂功能添加使用示例(如 `docs/examples` 目录)。
翻译优化:将中文文档翻译为英文(或反之),帮助国际化。
(3) 问题反馈与讨论
1. 提交 Issue:
进入项目 → “Issues” → “新建 Issue”。
清晰描述问题(附错误日志、复现步骤、环境信息)。
示例标题:[Bug] 在XX页面点击提交按钮时出现500错误
2. 参与讨论:在 Issues 或 Pull Requests 中提出建议或解决方案。
(3) 其他贡献
测试与反馈:下载项目的测试版,验证新功能并报告问题。
推广项目:撰写技术博客、录制教程视频,分享项目使用经验。
(4) 贡献后的跟进
维护者可能会在 PR 或 Issue 中提出修改意见,及时响应,若 PR 被合并,通常会在项目 “Contributors” 列表中显示你的名字。