1. Oinone社区首页
  2. Oinone 7天入门到精通

图表

史, 昂 • • Oinone 7天入门到精通 • 阅读 1265

1. 业务场景

进入数据可视化后，默认处于图表列表页面，点击报表/数据大屏图标则可切换至对应列表；支持从模型获取数据后，过滤数据后创建可视化图表，维护的图表信息可以被报表、数据大屏、以及业务系统引用。

2. 操作流程

1）进入数据可视化，进入图表tab，维护分组信息；

2）在二级分组名称后点击“+”【添加图表】，对图表进行编辑设计；

3）创建完成后可以【编辑】图表；

4）图表完善后，可以点击【发布】图表，则图表此时可以被引用；

5）如果图表有更新，则可以点击【更新发布】，使业务系统引用对图表变为最新的图表信息；

6）如果图表数据不再可以公开使用，则需要通过【隐藏】功能将图表的引用权限收起，此时报表、数据大屏、前端业务系统均不可再引用该图表，但不影响已被引用的图表；

7）隐藏后可以【取消隐藏】，图表恢复隐藏前的状态和功能，可以被引用。

3. 操作流程图解

3.1 创建分组

1）操作流程：创建分组

2）操作路径：数据可视化-图表-创建分组

3）点击搜索框后的「+」创建一级分组，输入一级分组名称后，点击一级分组后的「+」创建二级分组，输入二级分组名称后，此时分组创建完成，可以在二级分组下创建图表

image.png

3.2 编辑分组名称

1）操作流程：选择分组-编辑分组名称

2）操作路径：数据可视化-图表-编辑分组名称

3）鼠标移动至需要修改的分组上，点击出现的「编辑图标」，可以修改分组名称，修改后分组名称实时更新

image.png

3.3 删除分组

1）操作流程：选择分组-删除分组

2）操作路径：数据可视化-图表-删除分组

3）鼠标移动至需要删除的分组上，当分组下无图表时出现「删除图标」，可以点击图标后删除分组，删除一级分组时对应所有的二级分组也会被删除，删除后消失，只有分组下没有图表的分组才能直接删除成功

image.png

3.4 创建图表

1）操作流程：选择二级分组-创建图表

2）操作路径：数据可视化-图表-二级分组-创建图表

3）鼠标移动至需要创建图表的二级分组上，出现「+」，点击图标后弹出“创建图表”弹窗，需要填写图表标题、模型、方法；

a图表标题：最大支持20个字，支持汉字、数字、大小写字母、-；同个一级分组下不允许重复；

b模型：需要选择来源数据对应的模型；

c方法：选择模型后需要选择方法，方法是用来提取模型数据的逻辑；

4）选择成功后进入图表设计页面

image.png

3.5 编辑图表

1）操作流程：选择图表-编辑图表

2）操作路径：数据可视化-图表-二级分组-图表-编辑图表

3）只能编辑未发布或者已发布但没有被隐藏的图表，且存在三种编辑情况

a第一种：点击图表标题后的编辑图标，仅能编辑图表标题；

b第二种：点击图表中的图表标题、图表副标题、图表描述后的编辑图标，可以直接编辑图表标题、图表副标题、图表描述；

c第三种：点击【编辑】按钮，进入图表设计页面，带出已有的数据字段、样式、图表内容，编辑时的规则与创建时一致，编辑后可以点击保存进行更新，如果未保存直接返回，则编辑无效；

4）编辑后实时生效，图表信息保持展示最新效果

3.6 删除图表

1）操作流程：选择图表-删除图表

2）操作路径：数据可视化-图表-二级分组-图表-删除图表

3）未发布或者已发布但没有被隐藏的图表，并且没被前端或者报表引用，才展示图表菜单名称后的删除图标

4）删除后图表消失

3.7 复制

1）操作流程：选择图表-复制图表

2）操作路径：数据可视化-图表-二级分组-图表-复制图表

3）点击【复制】按钮，复制成功，名称为copy of 原图表标题，展示在原图表分组的最后一个

image.png

3.8 发布

1）操作流程：选择图表-发布图表

2）操作路径：数据可视化-图表-二级分组-图表-发布

3）选择单个未发布且没有被隐藏的图表，点击【发布】按钮，图表发布后可以被前端引用，图表状态变为已发布，展示最近发布时间；

4）如果图表发布后有更新内容，会展示的更新类型：更新图表信息/更新图表内容

3.9 查看最近一次发布的版本

1）操作流程：选择图表-查看最近一次发布的版本

2）操作路径：数据可视化-图表-二级分组-图表-查看最近一次发布的版本

3）当图表发布后有更新，在最近发布时间左侧展示【查看】，在最近发布时间下展示更新的类型，点击查看可以查看最近发布的版本image.png

3.10 更新发布

1）操作流程：选择图表-更新发布图表

2）操作路径：数据可视化-图表-二级分组-图表-更新发布图表

3）选择单个已发布且没有被隐藏的图表，并且该图表在上次发布后有所更新，可以点击【更新发布】按钮，将最新的图表内容发布至业务系统，业务系统引用的图表为最新内容；

4）如果更新了内容，但未点击更新发布，则前端业务系统查看的图表仍为最近发布的图表

3.11 隐藏

1）操作流程：选择图表-隐藏图表

2）操作路径：数据可视化-图表-二级分组-图表-隐藏图表

3）图表默认不隐藏，点击图表左侧的是否隐藏可以切换，切换是否隐藏=是

a未发布的图表，较隐藏前，不可以操作【发布】，可以【取消隐藏】；

b已发布的图表，较隐藏前，只能操作【导出图片、导出excel、取消隐藏】；

4）隐藏后的图表不可以被引用，但不影响已经被引用的数据

3.12 取消隐藏

1）操作流程：选择图表-取消隐藏图表

2）操作路径：数据可视化-图表-二级分组-图表-取消隐藏图表

3）隐藏后的图表可以取消隐藏，切换是否隐藏=否，取消隐藏后，图表恢复隐藏前的状态和功能，可以被引用

3.13 查看引用

1）流程：选择图表-查看被哪些报表/数据大屏/页面引用

2）操作路径：数据可视化-图表-二级分组-图表-更多-查看引用

3）选择具体的图表，查看当前图表被引用的所有信息

image.png

3.14 不允许别人编辑

1）流程：选择图表-不允许别人编辑

2）操作路径：数据可视化-图表-二级分组-图表-更多-不允许别人编辑

3）选择自己创建的图表，对图表是否允许其他人编辑进行设置；如果设置为不允许，则其他人无法编辑图表

image.png

3.15 不允许别人引用

1）流程：选择图表-更多-不允许别人引用

2）操作路径：数据可视化-图表-二级分组-图表-更多-不允许别人引用

3）选择自己创建的图表，对图表是否允许他人引用进行设置；如果设置为不允许，则其他人无法在报表、数据大屏、界面设计器引用到该图表

image.png

3.16 导出图片

1）操作流程：选择图表-导出图片

2）操作路径：数据可视化-图表-二级分组-图表-图表导出图片

3）选择图表后，点击【导出图片】按钮可以将当前图表导出为图片

3.17 导出EXCEL

1）操作流程：选择图表-导出EXCEL

2）操作路径：数据可视化-图表-二级分组-图表-图表导出EXCEL

3）选择图表后，点击【导出EXCEL】按钮可以将当前图表导出为EXCEL

4. 图表设计页面

4.1 修改模型、方法

1）操作流程：创建图表-进入图表设计页面

2）操作路径：数据可视化-图表-二级分组-图表-创建图表

3）在“创建图表”弹窗中选择了模型和方法后，可以在进入图表设计页面修改

4）图表设计页面，点击模型后的设置图标后，右侧弹出弹窗，可以修改模型和获取模型数据的方法，需要注意的是：修改模型后，图表信息会清空

image.png

4.2 维度

1）操作流程：创建图表-进入图表设计页面

2）操作路径：数据可视化-图表-二级分组-图表-创建图表

3）维度字段：布尔、文本、枚举、日期时间、年份、日期、时间、用户ID、手机号、邮箱

4.2.1 维度的添加

1）图表设计页面，点击维度后的「+」，右侧弹出弹窗，展示所有的维度字段，可以选择对应的字段进行分析

a拖动字段进入维度列表

b点击字段，则字段进入维度列表

2）不同的图表支持的维度个数不同，当维度字段个数已达上限后不可再添加；此时拖动新字段到旧字段上后，新字段会代替旧字段进行数据分析，且会保留相同的样式

image.png

4.2.2 维度的删除

1）维度选择后，鼠标放到维度字段上，显示「删除图标」

2）点击则字段删除成功，维度字段的效果消失

image.png

4.2.3 修改维度展示名称

1）维度选择后，鼠标放到维度字段上，显示「设置图标」

2）点击后下方弹出「修改展示名称」的设置选项，点击后右侧出现修改展示名称的弹窗，可以进行修改，在输入框下方可以查看原字段名称

image.png

4.3 数值

1）操作流程：创建图表-进入图表设计页面

2）操作路径：数据可视化-图表-二级分组-图表-创建图表

3）数值字段：整数、浮点数、金额、（连续的日期时间、年份、日期、时间）

4.3.1 数值的添加

1）图表设计页面，点击数值后的「+」，右侧弹出弹窗，展示所有的数值字段，可以选择对应的字段进行分析

a拖动字段进入数值列表

b点击字段，则字段进入数值列表

2）不同的图表支持的数值个数不同，当数值字段个数已达上限后不可再添加；此时拖动新字段到旧字段上后，新字段会代替旧字段进行数据分析，且会保留相同的样式

3）拖入的数值字段中，可以同时拖入整数、浮点数、金额；但是拖入字段类型=年份/日期时间/日期/时间后，不可以拖入其他字段类型的数值字段

4）饼图、漏斗图不可以在数值列表中拖入字段类型=年份/日期时间/日期/时间的字段

4.3.2 数值的删除

1）数值选择后，鼠标放到数值字段上，显示「删除图标」

2）点击则字段删除成功，数值字段的效果消失

4.3.3 修改数值展示名称

1）维度选择后，鼠标放到数值字段上，显示「设置图标」

2）点击后下方弹出可以设置的选项，点击「修改展示名称」选项，点击后右侧出现修改展示名称的弹窗，可以进行修改，在输入框下方可以查看原字段名称

4.3.4 修改数值聚合方式

1）维度选择后，鼠标放到数值字段上，显示「设置图标」

2）点击后下方弹出可以设置的选项，点击「聚合方式」选项，点击后右侧出现修改展示名称的弹窗，可以进行修改

3）默认是求和，可以修改为「无处理、最小值、最大值、平均值、计数」

a求和：将维度值对应的所有数值进行加和

b无处理：取维度值对应数值中的最近一条不为空的值

c最小值：取维度值对应数值中的最小值

d最大值：取维度值对应数值中的最大值

e平均值：取维度值对应数值的平均值

f计数：计算维度值对应的数值个数

4）修改后实时更新图表信息，会影响辅助线取数值字段时的值

image.png

4.3.5 修改数值数据格式

1）维度选择后，鼠标放到数值字段上，显示「设置图标」

2）点击后下方弹出可以设置的选项，点击「数据格式」选项，点击后右侧出现修改数据格式的弹窗，可以进行修改

3）可以设置字段的数据类型、单位；

a数据类型：默认为「默认」，可修改为「数值、货币、百分比」

ⅰ类型=默认：与原数据保持一致

ⅱ类型=数值：选择数值保留的小数精度，默认是两位小数，最大支持6位

ⅲ类型=货币：需要选择一种货币，也可以设置需要展示的精度；选择后货币会展示在图表的数值字段后，也会展示在数值上

ⅳ类型=百分比：选择数值保留的小数精度，可以选择处以100，选择后数值会展示为处以100后的百分比

b单位：设置数值字段对应的单位名称，设置后会展示在图表的数值字段后

4）修改后实时更新图表信息

image.png

4.4 筛选

1）操作流程：创建图表-进入图表设计页面

2）操作路径：数据可视化-图表-二级分组-图表-创建图表

4.4.1 筛选的添加

1）图表设计页面，点击筛选后的「+」，右侧弹出弹窗，展示所有的维度、数值字段，可以选择对应的字段进行筛选，支持筛选多个字段

a拖动字段进入筛选列表

b点击字段，则字段进入筛选列表

2）选择字段后，可以设置具体的筛选条件

image.png

4.4.2筛选的删除

1）筛选字段选择后，鼠标放到筛选字段上，显示「删除图标」

2）点击则字段删除成功，筛选字段的效果消失

4.4.3 维度字段设置筛选条件

1）鼠标放到筛选字段上，显示「设置图标」，点击后针对当前字段值进行筛选

2）筛选字段的字段类型=维度时，需要选择进入图表的数据，此时如果勾选了排除，则是未勾选的数据进入图表

4.4.4 数值字段设置筛选条件

1）鼠标放到筛选字段上，显示「设置图标」，点击后针对当前字段值进行筛选

2）筛选字段的字段类型=数值时，需要选择条件、填写条件对应的数值

a条件：默认为「大于」，可修改为「大于等于、小于、小于等于、等于、不等于、区间」；修改为区间时，必须填写区间的起始值和终点值

3）填写完成后点击【确认】，筛选过滤成功，图表上展示的数据仅为筛选后的内容

4.5 排序

1）操作流程：创建图表-进入图表设计页面

2）操作路径：数据可视化-图表-二级分组-图表-创建图表

4.5.1 排序的添加

1）图表设计页面，点击排序后的「+」，右侧弹出弹窗，展示所有的维度、数值字段，可以选择对应的字段进行排序，最多按一个字段进行排序

a拖动字段进入排序列表

b点击字段，则字段进入排序列表

2）选择字段后，默认为按排序字段的值升序排列，可以设置其他顺序，维度值会按照指定的顺序从上到下/从左到右进行排列

3）字段值的默认排序：数字>大写字母>小写字母>汉字>符号>null

4.5.2 排序的删除

1）排序字段选择后，鼠标放到排序字段上，显示「删除图标」

2）点击则字段删除成功，排序字段的效果消失，字段恢复原始排序

4.5.3 维度字段设置排序

1）鼠标放到排序字段上，显示「设置图标」，可以设置维度字段的自定义排序，以及对应的升序/降序

a自定义排序

b升序/降序：默认为升序排序，此时展示降序，点击降序则变为降序排序

2）排序字段的字段类型=维度时，需要选择进入图表的数据，此时如果勾选了排除，则是未勾选的数据进入图表

4.5.4 数值字段设置排序

1）鼠标放到排序字段上，显示「设置图标」，可以设置数值字段的聚合方式，以及对应的升序/降序

a聚合方式：默认为求和，可以修改为「无处理、最小值、最大值、平均值、计数」

b升序/降序：默认为按当前聚合方式升序排序，此时展示降序，点击降序则变为按数据聚合方式从大到小排序

2）修改完成后点击【确认】，设置排序成功，图表上展示的维度值顺序按照设置的顺序进行排列，数值一致时，按照默认的维度字段值顺序排序

image.png

4.6 图内筛选项

1）操作流程：创建图表-进入图表设计页面

2）操作路径：数据可视化-图表-二级分组-图表-创建图表

3）将常用的筛选字段通过拖入/点击的方式进入图内筛选项列表，最多拖入6个维度字段，不可以拖入数值字段

4）拖入后可以根据字段进行筛选，筛选后图表展示的数据重新计算

4.7 切换为标准样式

1）操作流程：图表设计页面-进切换为标准样式

2）操作路径：数据可视化-图表-编辑/创建图表进入图表设计页面

3）切换为标准样式后可以恢复字体的默认大小和颜色

4.8 图表样式

进入图表设计页面，默认为单条柱状图，可以进行切换；本期支持的图表有：单条柱状图、多条柱状图、单条形图、多条形图、单条折线图、多条折线图、双Y轴折线图、基础面积图、饼图、环形图、基础漏斗图、表格、地图、仪表盘图、散点图、气泡图、动态气泡图、指标统计图

1）图表标题：需要设置标题/副标题/描述的是否展示、位置、字号大小、字体颜色；默认标题、副标题、描述均展示

2）坐标轴：需要设置是否展示x轴刻度线、y轴刻度线，以及坐标轴上字段的字号大小、字体颜色

3）标签：需要设置是否展示标签，展示的标签内容（一般是维度字段的值、

4）数值字段名称、数值字段的值，饼图、漏斗图除外）和标签的字号大小、字体颜色

5）图例：需要设置是否展示图例（一般是展示维度字段对应的值，漏斗图除外），展示的位置和图例的字号大小、字体颜色

6）辅助线：支持添加多条辅助线，可以输入数值，也可以根据图表上的数值字段的平均值/最小值/最大值

7）基本格式（表格）：针对表格图表，设置表头/表体的对齐方式、行高、字号大小、字体颜色、背景颜色

8）小计（表格）：针对表格图表，设置是否展示小计，以及展示的小计对齐方式、行高、字号大小、字体颜色、背景颜色

image.png

4.8.1 单条形图

1）操作流程：创建图表-进入图表设计页面

2）操作路径：数据可视化-图表-二级分组-图表-创建图表

3）切换图表为基础条形图，此时可以选择一个维度字段和一个数值字段生成图表

4）图表生成后可以配置样式：图表标题、坐标轴、标签、辅助线、显示设置、下钻

5）样式效果配置后即时生效

image.png

4.8.2 多条形图

1）操作流程：创建图表-进入图表设计页面

2）操作路径：数据可视化-图表-二级分组-图表-创建图表

3）切换图表为多条形图，此时可以选择一个维度字段和多个数值字段生成图表

4）图表生成后可以配置样式：图表标题、坐标轴、标签、辅助线、显示设置、下钻

5）样式效果配置后即时生效

image.png

4.8.3 单条柱状图

1）操作流程：创建图表-进入图表设计页面

2）操作路径：数据可视化-图表-二级分组-图表-创建图表

3）默认为单条柱状图，此时可以选择一个维度字段和一个数值字段生成图表

4）图表生成后可以配置样式：图表标题、坐标轴、标签、图例、辅助线

5）样式效果配置后即时生效

4.8.4 多条柱状图

1）操作流程：创建图表-进入图表设计页面

2）操作路径：数据可视化-图表-二级分组-图表-创建图表

3）切换图表为多条柱状图，此时可以选择一个维度字段和多个数值字段生成图表

4）图表生成后可以配置样式：图表标题、坐标轴、标签、图例、辅助线、显示设置、下钻

5）样式效果配置后即时生效

image.png

4.8.5 单条折线图

1）操作流程：创建图表-进入图表设计页面

2）操作路径：数据可视化-图表-二级分组-图表-创建图表

3）切换图表为单条折线图，此时可以选择一个维度字段和一个数值字段生成图表

4）图表生成后可以配置样式：图表标题、坐标轴、标签、图例、辅助线、显示设置、下钻

5）样式效果配置后即时生效

image.png

4.8.6 多条折线图

1）操作流程：创建图表-进入图表设计页面

2）操作路径：数据可视化-图表-二级分组-图表-创建图表

3）切换图表为多条折线图，此时可以选择一个维度字段和多个数值字段生成图表

4）图表生成后可以配置样式：图表标题、坐标轴、标签、图例、辅助线、显示设置、下钻

5）样式效果配置后即时生效

image.png

4.8.7 双y轴折线图

1）操作流程：创建图表-进入图表设计页面

2）操作路径：数据可视化-图表-二级分组-图表-创建图表

3）切换图表为双Y轴折线图，此时可以选择一个维度字段和多个数值字段生成图表

4）图表生成后可以配置样式：图表标题、坐标轴、标签、图例、辅助线、显示设置、下钻

5）样式效果配置后即时生效

image.png

4.8.8 面积图

1）操作流程：创建图表-进入图表设计页面

2）操作路径：数据可视化-图表-二级分组-图表-创建图表

3）切换图表为面积图，此时可以选择一个维度字段和一个数值字段生成图表

4）图表生成后可以配置样式：图表标题、标签（还可以选择展示百分比）、图例

5）样式效果配置后即时生效

image.png

4.8.9 饼图

1）操作流程：创建图表-进入图表设计页面

2）操作路径：数据可视化-图表-二级分组-图表-创建图表

3）切换图表为饼图，此时可以选择一个维度字段和一个数值字段生成图表

4）图表生成后可以配置样式：图表标题、标签（还可以选择展示百分比）、图例、下钻

5）样式效果配置后即时生效

image.png

4.8.10 环形图

1）操作流程：创建图表-进入图表设计页面

2）操作路径：数据可视化-图表-二级分组-图表-创建图表

3）切换图表为环形图，此时可以选择一个维度字段和一个数值字段生成图表

4）图表生成后可以配置样式：图表标题、标签、图例、下钻

5）样式效果配置后即时生效

image.png

4.8.11 漏斗图

1）操作流程：创建图表-进入图表设计页面

2）操作路径：数据可视化-图表-二级分组-图表-创建图表

3）切换图表为漏斗图，此时可以选择一个维度字段和一个数值字段、或者0个维度字段和多个数值字段生成图表

4）图表生成后可以配置样式：图表标题、标签、图例、下钻

a标签：一个维度字段和一个数值字段的标签是维度字段的值、数值字段名称、数值字段的值；0个维度字段和多个数值字段的标签是数值字段名称、数值字段的值；

b图例：一个维度字段和一个数值字段的标签是维度字段的值；0个维度字段和多个数值字段的标签是数值字段名称；

5）样式效果配置后即时生效

image.png

4.8.12 表格

1）操作流程：创建图表-进入图表设计页面

2）操作路径：数据可视化-图表-二级分组-图表-创建图表

3）切换图表为表格，此时可以选择多个维度字段和多个数值字段生成图表

4）图表生成后可以配置样式：图表标题、基本格式、小计、显示设置、下钻

5）样式效果配置后即时生效

image.png

4.8.13 地图

1）操作流程：创建图表-进入图表设计页面

2）操作路径：数据可视化-图表-二级分组-图表-创建图表

3）切换图表为地图，此时可以选择一个维度字段和一个数值字段生成图表

4）图表生成后可以配置样式：图表标题、标签、图例、显示设置、下钻

5）样式效果配置后即时生效

image.png

4.8.14 仪表盘图

1）操作流程：创建图表-进入图表设计页面

2）操作路径：数据可视化-图表-二级分组-图表-创建图表

3）切换图表为仪表盘，此时可以选择一个当前数值字段字段和一个目标数值字段生成图表

4）图表生成后可以配置样式：图表标题、标签、颜色设置、角度设置

5）样式效果配置后即时生效

image.png

4.8.15 散点图

1）操作流程：创建图表-进入图表设计页面

2）操作路径：数据可视化-图表-二级分组-图表-创建图表

3）切换图表为散点图，此时可以选择一个维度字段和一个数值X轴、一个数值Y轴字段生成图表

4）图表生成后可以配置样式：图表标题、坐标轴、辅助线、下钻

5）样式效果配置后即时生效

image.png

4.8.16 气泡图

1）操作流程：创建图表-进入图表设计页面

2）操作路径：数据可视化-图表-二级分组-图表-创建图表

3）切换图表为气泡图，此时可以选择一个维度字段和一个数值X轴、一个数值Y轴、一个气泡大小字段生成图表

4）图表生成后可以配置样式：图表标题、坐标轴、图例、

5）样式效果配置后即时生效

image.png

4.8.17 动态气泡图

1）操作流程：创建图表-进入图表设计页面

2）操作路径：数据可视化-图表-二级分组-图表-创建图表

3）切换图表为动态气泡图，此时可以选择一个维度字段和一个数值X轴、一个数值Y轴、一个气泡大小、一个动态值字段生成图表

4）图表生成后可以配置样式：图表标题、坐标轴、图例、下钻、动画设置

5）样式效果配置后即时生效

image.png

4.8.18 指标统计图

1）操作流程：创建图表-进入图表设计页面

2）操作路径：数据可视化-图表-二级分组-图表-创建图表

3）切换图表为指标统计图，此时可以选择多个数值字段生成图表

4）图表生成后可以配置样式：图表标题、显示设置

5）样式效果配置后即时生效

image.png

Oinone社区 作者：史, 昂原创文章，如若转载，请注明出处：https://doc.oinone.top/oio4/9422.html

访问Oinone官网:https://www.oinone.top获取数式Oinone低代码应用平台体验

赞 (0)
史, 昂的头像史, 昂数式管理员
0 0
上一篇 2024年6月20日 am9:49
下一篇 2024年6月20日 am9:49

相关推荐

  • 4.5.1 研发辅助之插件-结构性代码 Oinone 7天入门到精通

    4.5.1 研发辅助之插件-结构性代码

    研发辅助意在 消灭研发过程中的重复性工作提升研发效率，如结构性代码 提供生产示例性代码，如果根据模型生成导入导出、view自定义配置等经常性开发 一、插件安装 根据自身Idea版本下载插件并安装： 版本 插件 2023.1 pamirs-source-maker-1.0.0-2023.1.zip(2.4 MB) 2021.1 pamirs-source-maker-1.0.0-2021.1.zip(2.4 MB) 2021.2 pamirs-source-maker-1.0.0-2021.2.zip(2.4 MB) 2021.3 pamirs-source-maker-1.0.0-2021.3.zip(2.4 MB) 2022.1 pamirs-source-maker-1.0.0-2022.1.zip(2.4 MB) pamirs-source-maker-1.0.0-223-EAP-SNAPSHOT(2.4 MB) 表4-5-1-1 插件列表 二、研发辅助之配置式结构性代码生成器 我们在开发过程中为了日后代码易于维护和修改，往往会做工程性的职责划分。 除去模型外会有 代理模型和代理模型Action来负责前端交互 以面向接口的形式来定义函数，就会有api和实现类之分 如果项目有多端，那么如代理模型和代理模型Action又要为每一个端构建一份 在大型项目的初始阶段，我们需要手工重复做很多事情，特别麻烦。现在用oinone的研发辅助插件的结构性代码生成器，就可以避免前面的重复工作 插件执行的配置文件 <?xml version="1.0" encoding="utf-8" ?> <oinone> <makers> <!– 根据模型生成代理类、代理类的Action、Service、ServiceImpl –> <maker> <!– 选择模型所在位置 –> <modelPath>/Users/oinone/Documents/oinone/demo/pamirs-second/pamirs-second-api/src/main/java/pro/shushi/pamirs/second/api/model</modelPath> <!– 代理模型、代理模型Action生成相关配置信息 –> <proxyModules> <module> <!– 代理模型和代理模型Action的生成位置信息 –> <generatePath>/Users/oinone/Documents/oinone/demo/pamirs-second/pamirs-second-api/src/main/java/pro/shushi/pamirs/second/api</generatePath> <!– 代理模型和代理模型Action的模块前缀 –> <modulePrefix>second</modulePrefix> <!– 代理模型和代理模型Action的模块名，代理模型和代理模型Action类名为moduleName+模型名+"Proxy"+"Action" –> <moduleName>second</moduleName> <!– 代理模型和代理模型Action的包名,实际包名为 packageName+".proxy"或packageName+".action"–> <packageName>pro.shushi.pamirs.second.api</packageName> </module> </proxyModules> <!– 根据模型生成api，包括service（写方法）和queryService（读方法） –> <apiModule> <!– service和queryService的生成位置信息 –> <generatePath>/Users/oinone/Documents/oinone/demo/pamirs-second/pamirs-second-api/src/main/java/pro/shushi/pamirs/second/api</generatePath> <!– service和queryService的模块前缀 –> <modulePrefix>second</modulePrefix> <!– service和queryService的模块名 –> <moduleName>second</moduleName> <!– service和queryService的包名,实际包名为 packageName+".service" –> <packageName>pro.shushi.pamirs.second.api</packageName> </apiModule> <!– 根据模型生成api实现类，包括serviceImpl（写方法）和queryServiceImpl（读方法） –> <coreModule> <!– serviceImpl和queryServiceImpl的生成位置信息 –> <generatePath>/Users/oinone/Documents/oinone/demo/pamirs-second/pamirs-second-core/src/main/java/pro/shushi/pamirs/second/core</generatePath> <!– serviceImpl和queryServiceImpl的模块前缀 –> <modulePrefix>second</modulePrefix> <!– serviceImpl和queryServiceImpl的模块名 –> <moduleName>second</moduleName> <!– serviceImpl和queryServiceImpl的包名,实际包名为 packageName+".service" –> <packageName>pro.shushi.pamirs.second.core</packageName> </coreModule> </maker> </makers> </oinone> 图4-5-1-1 插件执行的配置文件 三、研发辅助之多模型结构性代码生成器 是配置式结构性代码生成器的补充，应对开发后期维护中新增模型的场景。它的不同点在于只要选择模型文件就可以，不需要专门编写xml文件。生成的文件默认就在模型所在路径下 Step1 菜单栏上找到oinone，并点击子菜单【多模型结构性代码生成器】 图4-5-1-2 多模型结构性代码生成操作步骤一 Step2 设置必要的信息 模型前缀 模型的所属模块 代理模型的模块 这三个信息分别用于构建 代理模型的MODEL_MODEL = 模型前缀.代理模型的模块.代理模型类名 服务的FUN_NAMESPACE = 模型前缀.代理模型的模块.服务类名 图4-5-1-3 多模型结构性代码生成操作步骤二 Step3 选择为哪些模型生成对应的结构性代码 图4-5-1-4 多模型结构性代码生成操作步骤三 Step4 代码在模型所在目录 生成的文件默认就在模型所在路径下，您可以手动拖动到对应的包路径当中去 图4-5-1-5 多模型结构性代码生成操作步骤四

    史, 昂的头像 史, 昂
    2024年5月23日
    1.1K00
  • 4.1.23 框架之信息传递 Oinone 7天入门到精通

    4.1.23 框架之信息传递

    在4.1.13【Action之校验】、3.4.1【构建第一个Function】等文章中，都用到PamirsSession.getMessageHub()来设置返回消息，基本上都是在传递后端逻辑判断的异常信息，而且在系统报错时也会通过它来返回错误信息，前端接收到错误信息则会以提示框的方式进行错误提示。其实后端除了可以返回错误信息以外，还可以返回调试、告警、成功、信息等级别的信息给前端。但是默认情况下前端只提示错误信息，可以通过前端的统一配置放开提示级别，有点类似后端的日志级别。 一、不同信息类型的举例 Step1 新建PetTypeAction 借用PetType模型的表格页做为信息传递的测试入口，为PetType模型新增一个ServerAction，在代码中对信息的所有类型进行模拟 package pro.shushi.pamirs.demo.core.action; import org.springframework.stereotype.Component; import pro.shushi.pamirs.demo.api.model.PetCatItem; import pro.shushi.pamirs.demo.api.model.PetType; import pro.shushi.pamirs.meta.annotation.Action; import pro.shushi.pamirs.meta.annotation.Model; import pro.shushi.pamirs.meta.api.dto.common.Message; import pro.shushi.pamirs.meta.api.session.PamirsSession; import pro.shushi.pamirs.meta.enmu.ActionContextTypeEnum; import pro.shushi.pamirs.meta.enmu.InformationLevelEnum; import pro.shushi.pamirs.meta.enmu.ViewTypeEnum; @Model.model(PetType.MODEL_MODEL) @Component public class PetTypeAction { @Action(displayName = "消息",bindingType = ViewTypeEnum.TABLE,contextType = ActionContextTypeEnum.CONTEXT_FREE) public PetType message(PetType data){ PamirsSession.getMessageHub().info("info1"); PamirsSession.getMessageHub().info("info2"); PamirsSession.getMessageHub().error("error1"); PamirsSession.getMessageHub().error("error2"); PamirsSession.getMessageHub().msg(new Message().msg("success1").setLevel(InformationLevelEnum.SUCCESS)); PamirsSession.getMessageHub().msg(new Message().msg("success2").setLevel(InformationLevelEnum.SUCCESS)); PamirsSession.getMessageHub().msg(new Message().msg("debug1").setLevel(InformationLevelEnum.DEBUG)); PamirsSession.getMessageHub().msg(new Message().msg("debug2").setLevel(InformationLevelEnum.DEBUG)); PamirsSession.getMessageHub().msg(new Message().msg("warn1").setLevel(InformationLevelEnum.WARN)); PamirsSession.getMessageHub().msg(new Message().msg("warn2").setLevel(InformationLevelEnum.WARN)); return data; } } 图4-1-23-1 为PetType模型新增一个ServerAction Step2 （前端）修改提示级别 在项目初始化时使用CLI构建初始化前端工程，在src/middleware有拦截器的默认实现，修改信息提示的默认级别为【ILevel.SUCCESS】 图4-1-23-2（前端）修改提示级别 const DEFAULT_MESSAGE_LEVEL = ILevel.SUCCESS; 图4-1-23-3（前端）修改提示级别 Step3 重启系统看效果 从页面效果中看到已经不在是只提示错误信息。从协议端看错误级别的信息是在errors下，其他级别的信息是在extensions下。 图4-1-23-4 示例效果 图4-1-23-5 系统提示的返回结果 二、MessageHub的其他说明 是实现上看MessageHub是基于GQL协议，前后端都有配套实现。同时前端还提供了订阅MessageHub的信息功能，以满足前端更多交互要求，前端MessageHub提供的订阅能力使用教程详见4.2.2前端高级特性之【框架之MessageHub】一文。

    史, 昂的头像 史, 昂
    2024年5月23日
    95300
  • 接口日志 Oinone 7天入门到精通

    接口日志

    记录每个PAPI接口执行日志，接口的响应结果、执行时间、执行时长等信息，可查看接口详情。 接口详情

    史, 昂的头像 史, 昂
    2023年5月23日
    1.2K00
  • 用户中心 Oinone 7天入门到精通

    用户中心

    1. 创建用户 进入用户中心应用，在用户列表中点击创建。 填写表单中的必填信息。 若未设置昵称，则右上角头像右侧展示名称。若设置了昵称，则右上角头像右侧展示昵称。 是否激活账号选择是，选择否时用户登录会显示“未找到首页”。 角色分组中，选择创建的用户的角色，默认选择了超级管理员（包含所有权限）。 点击确定，用户创建完成。 用户登录时可用登录账号/邮箱/手机号登录。 2. 用户相关操作 表格页中包含常规的搜索、批量删除功能。 冻结：当将“是否有效”状态为“是”时展示，将用户“是否有效”修改为“否”。 解冻：当将“是否有效”状态为“否”时展示，将用户“是否有效”修改为“是”。 修改：进入用户信息修改页面，“编码、登录账号、注册时间”只读。 重置密码：点击后在弹窗“账号确认”中输入账号，点击重置密码后，展示新密码。

    史, 昂的头像 史, 昂
    2024年6月20日
    2.0K00
  • 2.4.1 Oinone独特性之单体与分布式的灵活切换 Oinone 7天入门到精通

    2.4.1 Oinone独特性之单体与分布式的灵活切换

    企业数字化转型需要处理分布式带来的复杂性和成本问题。尽管这些问题令人望而却步，但分布式架构对于大部分企业仍然是必须的选择。如果一个低代码平台缺乏分布式能力，那么它的性能就无法满足客户的要求。相比之下，Oinone平台通过对部署的创新（如图2-6所示），成功实现了分布式架构的支持，而且能够按照客户的业务发展需求，灵活选择不同的部署模式，同时节约企业成本，提升创新效率。这一创新是Oinone平台与其他低代码平台的重要区别，能够满足客户预期发展并兼顾成本效益。 图2-6 传统部署方式VS Oinone部署方式 实现原理 要实现灵活部署的特性，必须满足两个基本要求： 开发过程中不需要过多关注分布式技术，就像开发单体应用一样简单。代码在运行时应该能够根据模块是否在运行容器中，来决定路由走本地还是远程。这样可以大大减少研发人员的工作量和技术复杂度。 研发与部署要分离，即"开发单体应用一样开发分布式应用，而部署形式由后期决定"。为此，我们的工程结构支持多种启动模式，并逐一介绍了针对不同场景的工程结构类型（如下图2-7所示）。这样可以让客户在后期根据业务发展情况和需求，选择最适合的部署模式，从而达到灵活部署的目的。 图2-7 Oinone工程结构梳理 在整个工程结构上，我们秉承了Spring Boot的规范，不会改变大家的工程习惯。而Oinone的部署能力则可以让我们更灵活地应对各种情况。现在，我们来逐一介绍几种常规的工程结构以及它们适用的场景： 单模块工程结构（常规操作） a. 这是非常标准的Spring Boot工程，适用于简单的应用场景开发以及入门学习。 多模块工程结构（常规操作） a. 这是非常标准的多Spring Boot工程，可以实现分布式独立启动，适用于常规的分布式应用场景开发。 多模块工程结构-独立boot工程模式 a. 这种工程结构在多模块工程的基础上，通过独立的boot工程来支撑多部署方式。适用于中大型分布式应用场景开发。 b. 然而，随着工程越来越多，我们也会面临一些问题： ⅰ研发：环境准备非常困难，每个模块都要单独启动，研发调试跟踪困难。 ⅱ部署：分布式的高可靠性保证需要每个模块至少有两个部署节点，但在模块较多的情况下，起步成本非常高。同时，企业初期业务不稳定且规模较小，使用多模块工程的第二种模式会增加问题排查难度和成本。 c. 此时，Oinone的多模块工程下的独立boot工程模式部署就可以发挥其灵活性，让研发和业务起步阶段可以选择all-in-one模式，等到业务发展到一定规模的时候，只需要把线上部署模式切换成模块独立部署，而研发还可以保留all-in-one模式的优势。 d. 值得注意的是，分分合合的部署模式在传统互联网架构和低代码或无代码平台上都是有代价的，但是Oinone却可以灵活适配，只需要在boot工程的yml文件中写入需要加载的模块就可以解决。此处我们仅介绍多模块加载配置，选择性忽略其他无关配置，具体配置（如下图2-8所示）。 pamirs: boot: init: true sync: true modules: – base – resource – sequence – user – auth – web tenants: – pamirs 图2-8 Oinone yml配置图大型多场景工程结构-独立boot工程模式： a. 在多模块工程结构基础上的加强版，增加CDM层设计，让不同场景即保持数据统一，又保持逻辑独立。这种工程结构特别适用于大型企业软件开发，其中涉及到多个场景的情况，例如B端和C端的应用，或者跨不同业务线的应用，能够保证数据的一致性，同时也能够保持逻辑独立，避免不同场景间的代码冲突。 b. 这种工程结构是我们Oinone支撑“企业级软件生态”的核心，我们可以把场景A当作我们官方应用，场景B当作其他第三方伙伴应用。在这个工程结构下，我们的客户可以定制化开发自己的应用，同时我们也可以通过这种模式来支持我们的伙伴们进行开发，实现多方共赢。 c. 基于独立boot工程模式，我们同样对应多种部署模式应对不同情况，并统一管理所有伙伴应用。这种工程结构的优点是扩展性好，可以支持不同规模的应用，并且可以根据需要进行快速扩展或缩小规模，具有很高的灵活性。 基于标准产品的二开工程结构，是指基于标准产品进行二次开发，满足客户特定需求的工程结构。这种模式下，Oinone提供标准产品，客户可以根据自己的需求进行二次开发，实现定制化需求，同时可以利用我们的模块化开发特性，将每一个需求作为一个模块进行开发和管理。这种工程结构的优点是能够快速满足客户特定需求，同时也具有很好的可维护性和可扩展性，因为每个需求都是一个独立的模块，可以方便地进行维护和扩展。在下一篇“Oinone独特性之每一个需求都是一个模块”文章中有详细介绍。

    史, 昂的头像 史, 昂
    2024年5月23日
    1.4K00

Leave a Reply

登录后才能评论