【技术实现步骤摘要】
本申请涉及前端开发领域，尤其涉及低码平台中的可视化组件设计方法。
技术介绍
1、目前，低代码平台赋予了开发人员创建页面的能力。
2、通过将已编译的数据展示组件人为重复添加到页面区域中，然后再单独调整各个页面区域中的数据展示组件来完成交付。
3、但是，在创建页面时，需要开发人员做大量重复性的工作，重复的添加组件和设定组件属性等，显然，这会导致页面的搭建效率较低。
4、上述内容仅用于辅助理解本申请的技术方案，并不代表承认上述内容是现有技术。
技术实现思路
1、本申请的主要目的在于提供一种低码平台中的可视化组件设计方法，旨在解决前端页面的搭建效率较低的技术问题。
2、为实现上述目的，本申请提供一种低码平台中的可视化组件设计方法，所述低码平台中的可视化组件设计方法的步骤包括：
3、响应于第一操作，将原始页面划分并展示为单元格；
4、响应于第二操作，将选定组件加入到所述单元格中，得到模板单元格；
5、将所述模板单元格同步到其余单元格；
6、响应于第三操作，初始化所述模板单元格和所述其余单元格，得到并展示目标页面。
7、可选地，所述将所述模板单元格同步到其余单元格的步骤，包括：
8、调出所述模板单元格中所述选定组件的组件属性数据，并将所述组件属性数据写入到所述其余单元格中。
9、可选地，所述将所述模板单元格同步到其余单元格的步骤，包括：
10、比较所述
11、可选地，所述初始化所述模板单元格和所述其余单元格的步骤，包括：
12、获取数据源，其中，所述选定组件读取所述数据源的数据并填充到所述模板单元格和所述其余单元格中；
13、向所述模板单元格和所述其余单元格中的所述选定组件，添加所述选定组件对应的触发事件和对所述触发事件进行响应的响应动作，其中，所述选定组件通过所述响应动作响应所述触发事件。
14、可选地，所述选定组件的配置信息包括所述选定组件的组件属性数据、所述选定组件读取到的所述数据源中的所述数据、所述选定组件中的所述触发事件和所述响应动作。
15、可选地，所述初始化所述模板单元格和所述其余单元格步骤之后，包括：
16、根据所述配置信息渲染所述模板单元格和所述其余单元格，得到预览页面。
17、可选地，所述得到预览页面的步骤之后，包括：
18、响应于预览操作，将所述预览页面进行展示，其中，在所述预览页面上对所述选定组件进行修改；
19、响应于修改操作，根据修改后的所述选定组件的配置信息重新渲染所述模板单元格和所述其余单元格，得到新的预览页面。
20、可选地，所述展示目标页面步骤，包括：
21、根据页面展示设备的屏幕尺寸适应性展示所述目标页面。
22、可选地，所述将选定组件加入到所述单元格中，得到模板单元格步骤，包括：
23、确定模板单元格为加入预设个数的选定组件的所述单元格。
24、可选地，所述将选定组件加入到所述单元格中，得到模板单元格步骤，包括：
25、将选定组件加入到所述单元格中，展示提示信息，其中，所述提示信息为指示是否将加入所述选定组件的所述单元格作为模板单元格；
26、接收基于所述提示信息的反馈信息，在所述反馈信息为将加入所述选定组件的所述单元格作为模板单元格时，将加入所述选定组件的所述单元格作为模板单元格。
27、本申请一实施例提出的低码平台中的可视化组件设计方法的步骤包括：响应于第一操作，将原始页面划分并展示为单元格；响应于第二操作，将选定组件加入到所述单元格中，得到模板单元格；将所述模板单元格同步到其余单元格；响应于第三操作，初始化所述模板单元格和所述其余单元格，得到并展示目标页面。
28、与现有技术将选定组件人为的重复加入到页面中相比，本申请先将选定组件加入到划分的单元格中，得到模板单元格，再将模板单元格同步至划分得到的其余单元格中，以此，通过模板单元格将选定组件同步至其余单元格中；接着，再初始化模板单元格和其余单元格，以此，设定模板单元格和其余单元格中各组件的属性和状态；最终，得到并展示由初始化后的模板单元格和其余单元格所组成的目标页面。
29、从而，在创建页面时，无需开发人员做大量重复性的工作，重复的添加组件和设定组件属性等，在模板单元格中加入需要重复到其余单元格的组件的同时，模板单元格中所有组件的布局、样式等属性都会同步到其余所有的单元格中，仅需对各单元格仅需针对性的简单单独调整，有效的减少页面搭建时长，提高工作效率。
本文档来自技高网...【技术保护点】
1.一种低码平台中的可视化组件设计方法，其特征在于，所述低码平台中的可视化组件设计方法的步骤包括：
2.如权利要求1所述低码平台中的可视化组件设计方法，其特征在于，所述将所述模板单元格同步到其余单元格的步骤，包括：
3.如权利要求1所述低码平台中的可视化组件设计方法，其特征在于，所述将所述模板单元格同步到其余单元格的步骤，包括：
4.如权利要求1所述低码平台中的可视化组件设计方法，其特征在于，所述初始化所述模板单元格和所述其余单元格的步骤，包括：
5.如权利要求4所述低码平台中的可视化组件设计方法，其特征在于，所述选定组件的配置信息包括所述选定组件的组件属性数据、所述选定组件读取到的所述数据源中的所述数据、所述选定组件中的所述触发事件和所述响应动作。
6.如权利要求5所述低码平台中的可视化组件设计方法，其特征在于，所述初始化所述模板单元格和所述其余单元格步骤之后，包括：
7.如权利要求6所述低码平台中的可视化组件设计方法，其特征在于，所述得到预览页面的步骤之后，包括：
8.如权利要求1所述低码平台
9.如权利要求1所述低码平台中的可视化组件设计方法，其特征在于，所述将选定组件加入到所述单元格中，得到模板单元格的步骤，包括：
10.如权利要求1所述低码平台中的可视化组件设计方法，其特征在于，所述将选定组件加入到所述单元格中，得到模板单元格的步骤，包括：
...【技术特征摘要】
1.一种低码平台中的可视化组件设计方法，其特征在于，所述低码平台中的可视化组件设计方法的步骤包括：
2.如权利要求1所述低码平台中的可视化组件设计方法，其特征在于，所述将所述模板单元格同步到其余单元格的步骤，包括：
3.如权利要求1所述低码平台中的可视化组件设计方法，其特征在于，所述将所述模板单元格同步到其余单元格的步骤，包括：
4.如权利要求1所述低码平台中的可视化组件设计方法，其特征在于，所述初始化所述模板单元格和所述其余单元格的步骤，包括：
5.如权利要求4所述低码平台中的可视化组件设计方法，其特征在于，所述选定组件的配置信息包括所述选定组件的组件属性数据、所述选定组件读取到的所述数据源中的所述数据、所述选定组...
【专利技术属性】
技术研发人员：孔令伟，任万千，罗焕平，张华斯，廖生斌，张鸿伟，徐婷，胡嘉兆，
申请(专利权)人：深圳市名通科技股份有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。