一篇读懂捷得(Joget DX)低代码开发

一篇读懂捷得(Joget DX)低代码开发

原创低代码玩家人人开发

前言

如果您看过5分钟挑战：从零到上线1个企业应用程序！并且跟着动手做过1个应用，不知道您是否被这种高效的开发与部署效率惊艳到？我按文章在上试了一次，做一个简单的在线报名应用，用时3分30秒

小试牛刀之后，您一定想进一步深入了解Joget开发，本文正是为您全面了解Joget开发而准备

•建议读者以管理员身份登录Joget预置的应用，从前端利用快速编辑模式定位到相应的设计器比对理解

•有条件的用户可以下载安装本地版，在应用内录入一些数据后，连接Joget数据库比对理解（Windows本地安装数据库默认为mysql/mariadb，端口3307，root无密码）

•您可点击阅读原文获取知识库完整链接，在PC上仔细研读

如果您正在进行开发平台选型，您还可以阅读产品选型导读更加全面地评估捷

得低代码开发平台。

通过以下视频您可直观地了解捷得低代码平台开发应用的过程。

25分钟演示会议室预约系统开发

各设计器与Web应用的关系

从一个Web应用理解各设计器的作用与定位

设计器

功能定位说明

表单设计器

•表单是用户录入数据或查看单条业务数据详情的界面

•除了定义表单样式，同时相当于定义了应用的数据表结构

列表设计器

•列表是查询数据清单的界面

•列表上可以定义各种跳转

用户界面设计器

•定义用户界面的主题风格

•菜单的编排，权限的控制

•引用其他设计器的设计元素（表单/列表/流程等）

•除引用表单/列表/流程等，还可通过菜单元素提供更多丰富的功能

流程设计器

•流程不是必须的设计元素，表单与列表间的跳转即可实现各类非流程的功能需求（区别于BPM和工作流产品）

•流程在用户界面菜单中体现为两种形式：

- 启动流程

- 待办任务（任务箱）

其他扩展设计器

•DX 7提供了其他扩展设计器（通过插件安装扩展）

- API设计器：无代码方式定义API

- 报表设计器：可更便捷地定义报表页面布局

快速编辑模式

快速编辑模式

•Joget提供快速编辑模式（管理员右下角的控制按钮）•允许从最终用户界面快速定位到设计端

•设计端编辑保存，前端刷新即时生效

•可大幅提升系统维护效率（读懂别人的设计逻辑）

了解Joget URL

•每个应用有一个唯一的ID

•一个应用下可以有多个用户界面ID

•一个用户界面下有多个菜单ID（每个ID对应一个菜单）•每个菜单通过URL参数和参数值展示不同的记录值

如何设计应用

表单设计

布局与基本使用

•所见即所得，拖拽左侧表单元素至右侧完成配置•表单可分区（纵向），分区内可分列（横向）布局

•左侧表单元素可通过插件扩展

数据表关联

•表单默认绑定一个自定义的数据表（以 app_fd_ 为前缀）

•表单元素ID对应数据表字段名（以 c_ 为前缀）

•表单自定义的数据表有默认7个固定字段，id为主键

•通过部分表单元素中的外键/关联字段配置，可以实现一对多的表关联

属性配置与客户化

•标准绑定器支持SQL或Java客户化表单或分区字段的加载与存储（例如从外部系统加载/存储数据）

•权限可按表单级、分区级和字段级进行定义和控制

•表单通过配置工具可定义表单提交后的系统动作

•表单通过BeanShell插件可执行Java程序

•表单通过客户化HTML元素可执行CSS/JS/jQuery/AJAX等前端客户化脚本

高级工具（应用设计工具）

•权限控制：可叠加多个权限控制规则，可控制到字段只读/隐藏

•国际化：自动抽取页面标签，按需翻译不同语言，实现应用的国际化（多语言）

•应用帮助：可定义提示信息作为用户帮助，同样支持国际化（多语言）

应用生成器

基于设计好的表单，可一键生成应用（节省手工配置时间）默认有4个模板插件

生成表单相关的列表

•生成增删改查功能

•生成通用审批流程（详情可查看流程图）

•生成通用任务分配流程（详情可查看流程图）

列表设计

列表设计的基本步骤

定义数据源

•表单绑定器/高级表单绑定器 - 无代码配置获取数据

•JDBC绑定器 - 通过SQL获取数据

•Joget实体类- 无代码配置获取Joget平台数据表(组织用户应用设计等数据) •外部组织名录 - 当使用LDAP时获取组织用户数据

拖拽元素到数据展示区和查询条件区

按需定义数据格式化和跳转逻辑

高级工具（应用设计工具）

•权限设置：与表单类似，可控制按不同角色查看不同的数据列•国际化：与表单类似，可实现应用多语言

数据列格式化定义

数据列可通过格式化作二次处理，标准插件如下：

•BeanShell - Java脚本客户化

•Javascript - JS脚本客户化

•日期 - 将原日期格式转化为指定格式

•默认 - 定义字体、颜色等，也可以将外键列转化成关联表的字段值•子列表 - 点击后显示另外一个列表

•选项值 - 将原有的值根据映射关系显示为另外一个值

•流程状态 - 基于流程ID显示流程状态（图形方式）

格式化示例见下图

•选项值格式化 - 不同的值对应不同的颜色

•子列表格式化 - 点击后展开相关明细（需要将父列表的值传参给子列表）

数据列/按钮跳转（动作）定义

数据列和按钮均可定义动作，标准插件支持以下动作：

•超链接 - 携带当前行记录指定列的值，传参跳转到目标链接（见右图）•JDBC - 执行SQL语句，当前行数据可注入SQL

•Bean Shell - Java脚本，当前行数据可注入Java脚本

•删除 - 删除绑定表单对应的数据表记录（需指定ID列）

关于URL（适用所有Joget开发配置）