看板生成方法、装置、设备和存储介质与流程

1.本技术涉及软件开发领域，尤其涉及发明名称一种看板生成方法、装置、设备和存储介质。


背景技术：

2.现代企业之间的竞争越来越激烈，为了提高市场竞争地位，如何提高生产效率已成为企业的一大关注焦点。随着计算机技术的发展，目前诸多软件应用系统在制造业生产中得到了广泛的应用。看板生产理论是日本人于20世纪70年代归纳整理并运用的，并且直到现在仍然在很多企业中应用，通过摆设数字看板于人群聚集的公共场所，以达成有效传达产品信息给大众的功效。数字看板是一种用来将欲传达给观众的信息。在目前市场中，需要开发的看板越来越多，但是每次制作看板都需要重新编写代码，导致代码的复用率较低，开发效率低，无法满足开发需求。


技术实现要素：

3.本发明实例中提出一种看板生成方法，通过建立基础模板，让用户可以通过拖拉拽的方式，快速完成看板的搭建。
4.第一方面，一种看板生成方法，其特征在于，所述方法包括：
5.在接收到用户触发的创建请求时，根据所述创建请求确定基础模板；
6.获取用户的组件信息；
7.将所述用户的组件信息以及预设的基础组件设置在所述基础模板中，得到目标模板；
8.获取预设的数据地址；
9.将所述预设的数据地址对应的数据源加载入所述目标模板，得到看板。
10.在一些可能的设计中，所述创建请求包括：看板标识id以及看板描述中的至少一项，所述在接收到用户触发的创建请求时，根据所述创建请求确定基础模板，包括：
11.获取所述创建请求；
12.获取预设的至少一个看板模板；
13.通过所述看板id查询所述多个看板模板，得到待描述的基础模板；
14.将所述待描述的基础模板中的预设位置加载所述看板描述，得到基础模板。提高了用户基础模板的搭建效率。
15.在一些可能的设计中，所述根据所述预设的数据地址，将数据源加载入所述目标模板，得到看板，包括：
16.获取所述预设的数据地址对应的数据源；
17.读取所述数据源中的数据，所述数据包括属性以及属性值中的至少一项；
18.获取所述目标模板的至少一个组件，所述组件至少包括字段以及值；
19.将所述属性作为字段，所述属性值作为值输入至所述组件，得到目标组件，所述目
标组件用于通过数据源的地址读取对应的属性以及属性值；
20.渲染所述目标组件，得到看板。通过上述方法完成了属性和字段的绑定，属性值和组件值得绑定，设备可以通过绑定关系快速更新数据。
21.在一些可能的设计中，所述将所述预设的数据地址对应的数据源加载入所述目标模板，得到看板之前，所述方法还包括：
22.若接收到用户输入的数据更新频率，则按照所述用户输入的数据更新频率更新所述数据源；
23.若没接收到用户输入的数据更新频率，则按照预设频率更新所述数据源。用户可以指定数据的更新频率。
24.在一些可能的设计中，所述将所述预设的数据地址对应的数据源加载入所述目标模板，得到看板之后，所述方法还包括：
25.将所述看板保存至数据库中，得到看板生成数据；
26.根据所述看板生成数据生成看板图像；
27.将所述看板图像部署至终端设备。使得看板可以在其他设备上运行。
28.在一些可能的设计中，所述在接收到用户触发的创建请求之后，所述方法还包括：
29.获取看板生成日期；
30.通过所述属性以及所述看板生成日期所述看板图像生成一个文件id。通过上述方法为每个看板生成独一无二的文件名称。
31.在一些可能的设计中，所述根据所述看板生成数据生成看板图像之后，所述方法还包括：
32.在得到看板图像后，生成一个32位的2进制数的标志信息并将所述标志信息返回用户；
33.若第i位是1，则确定第i 1个的所述组件生成正常，所述i是大于等于0且小于32的整数；
34.若第i位是0，则确定第i 1个所述组件生成异常。通过上述方法完成了组件异常的快速判定。
35.第二方面，本技术提供一种看板生成装置，具有实现对应于上述第一方面提供的看板生成平台的方法的功能。所述功能可以通过硬件实现，也可以通过硬件执行相应的软件实现。硬件或软件包括一个或多个与上述功能相对应的模块，所述模块可以是软件和/或硬件。
36.所述看板生成装置包括：
37.处理模块，用于在接收到用户触发的创建请求时，根据所述创建请求确定基础模板；
38.输入输出模块，用于获取用户的组件信息
39.处理模块，还用于将所述用户的组件信息以及预设的基础组件设置在所述基础模板中，得到目标模板；
40.输入输出模块，还用于获取预设的数据地址；
41.处理模块，还用于将所述预设的数据地址对应的数据源加载入所述目标模板，得到看板。
42.在一些可能的设计中，所述处理模块还用于：
43.获取所述创建请求；
44.获取预设的至少一个看板模板；
45.通过所述看板id查询所述多个看板模板，得到待描述的基础模板；
46.将所述待描述的基础模板中的预设位置加载所述看板描述，得到基础模板。
47.在一些可能的设计中，所述处理模块还用于：
48.获取所述预设的数据地址对应的数据源；
49.读取所述数据源中的数据，所述数据包括属性以及属性值中的至少一项；
50.获取所述目标模板的至少一个组件，所述组件至少包括字段以及值；
51.将所述属性作为字段，所述属性值作为值输入至所述组件，得到目标组件，所述目标组件用于通过数据源的地址读取对应的属性以及属性值；
52.渲染所述目标组件，得到看板。
53.在一些可能的设计中，所述处理模块还用于：
54.若接收到用户输入的数据更新频率，则按照所述用户输入的数据更新频率更新所述数据源；
55.若没接收到用户输入的数据更新频率，则按照预设频率更新所述数据源。
56.在一些可能的设计中，所述处理模块还用于：
57.将所述看板保存至数据库中，得到看板生成数据；
58.根据所述看板生成数据生成看板图像；
59.将所述看板图像部署至终端设备。
60.在一些可能的设计中，所述处理模块还用于：
61.获取看板生成日期；
62.通过所述属性以及所述看板生成日期所述看板图像生成一个文件id。
63.在一些可能的设计中，所述处理模块还用于：
64.在得到看板图像后，生成一个32位的2进制数的标志信息并将所述标志信息返回用户；
65.若第i位是1，则确定第i 1个的所述组件生成正常，所述i是大于等于0且小于32的整数；
66.若第i位是0，则确定第i 1个所述组件生成异常。
67.本技术又一方面提供了一种看板生成设备，其包括至少一个连接的处理器、存储器、输入输出单元，其中，所述存储器用于存储程序代码，所述处理器用于调用所述存储器中的程序代码来执行上述各方面所述的方法。
68.本技术又一方面提供了一种计算机存储介质，其包括指令，当其在计算机上运行时，使得计算机执行上述各方面所述的方法。
69.相较于现有技术，本技术中以通过将看板常用功能封装成对应的组件，并开发出多个常用基础模板，将对应的组件镶嵌进基础模板，使得看板的搭建用户可以通过拖拉拽的形式快速完成，进而提高了代码的复用率。
附图说明
70.图1-1为本技术实施例中看板生成方法的流程示意图；
71.图1-2为本技术实施例中看板生成方法的控件编辑示意图；
72.图1-3为本技术实施例中看板生成方法的数据源设置示意图；
73.图1-4为本技术实施例中看板生成方法的数据源字段编辑示意图；
74.图2为本技术实施例中看板生成装置的结构示意图；
75.图3为本技术实施例中看板生成设备的结构示意图。
76.本技术目的的实现、功能特点及优点将结合实施例，参照附图做进一步说明。
具体实施方式
77.应当理解，此处所描述的具体实施例仅用以解释本技术，并不用于限定本技术。本技术的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的实施例能够以除了在这里图示或描述的内容以外的顺序实施。此外，术语“包括”和“具有”以及他们的任何变形，意图在于覆盖不排他的包含，例如，包含了一系列步骤或模块的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或模块，而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或模块，本技术中所出现的模块的划分，仅仅是一种逻辑上的划分，实际应用中实现时可以有另外的划分方式，例如多个模块可以结合成或集成在另一个系统中，或一些特征可以忽略，或不执行。
78.请参照图1，以下对本技术提供一种看板生成方法进行举例说明，所述方法包括：
79.101、在接收到用户触发的创建请求时，根据所述创建请求确定基础模板。
80.本实施例中，创建请求包括创建新看板和编辑看板，当为编辑看板时在主页可选择编辑现有作品，或新建看板(新建work对象，含有id、title、desc、width、height等属性)，填写作品标题(项目名称)和描述后跳转到看板编辑器。
81.102、获取用户的组件信息。
82.本实施例中，组件信息包括：图表信息，按键以及文本框。如图1-2所示，新建一个组件，绑定组件该有id、变量、属性和方法，同时存储在该编辑页的组件(vuex状态管理模式)中。
83.而编辑画布会将所有的组件，根据各默认值渲染出来，并放入shape系统控件(可移动位置、拉伸形状)中，并绑定鼠标右键事件，键盘删除事件，方位点选中事件，组件点击事件等。当组件被点击，便会修改组件。修改的组件为所点击的组件。系统监听到组件被更改，且所点击组件非背景(即编辑画布)，则将右侧tab切换为属性板。属性板会根据被编辑的徐建的所有属性，通过form形式排列展示出来，并绑定事件：改变表单值，同步更新至编辑的组件的属性中，编辑画布也会实时更新渲染编辑组件，这就能实现实时配置(更改颜色、字体大小等)及调试效果。
84.103、将所述用户的组件信息以及预设的基础组件设置在所述基础模板中，得到目标模板。
85.本实施例中，如图1-3所示，目标模板＝编辑好的组件 空白模板(或者以前的模
板)，将编辑好的组件设置在创建的基础模板中，得到对应的目标模板。
86.104、获取预设的数据地址。
87.本实施例中，如图1-3所示，切换右侧面板为数据地址时，会读取数据地址对应的当前数据，若不存在，则读取默认数据，并将所有字段列出，用户可根据项目需求，自行修改字段，系统将自动保存字段映射表，同事更新至代码器编辑中。代码编辑器存放当前数据，用户可导入接口数据，亦可直接编辑输入数据，编辑画布中的组件数据会随之变动，渲染最新的数据。接口地址和频率会与组件绑定，在预览或发布状态下，会根据频率定时请求接口地址，更新最新的数据；若未设置频率，则只请求一次接口；若未设置接口地址和频率，则显示最后设置的当前数据。
88.105、将所述预设的数据地址对应的数据源加载入所述目标模板，得到看板。
89.本实施例中，取消选中组件后，触发按钮显示加载中，同时将每页画布编辑网格样式去除，缩放至100％显示，通过插件截取当前作品各页图为封面图集。最终请求接口，提交作品(work)至后端，保存于数据库中，恢复按钮状态为可点击状态。
90.相较于现有技术，本技术中以通过将看板常用功能封装成对应的组件，并开发出多个常用基础模板，将对应的组件镶嵌进基础模板，使得看板的搭建用户可以通过拖拉拽的形式快速完成，进而提高了代码的复用率。
91.一些实施方式中，所述创建请求包括：看板标识id以及看板描述中的至少一项，所述在接收到用户触发的创建请求时，根据所述创建请求确定基础模板，包括：
92.获取所述创建请求；
93.获取预设的至少一个看板模板；
94.通过所述看板id查询所述多个看板模板，得到待描述的基础模板；
95.将所述待描述的基础模板中的预设位置加载所述看板描述，得到基础模板。
96.上述实施方式中，预设的看板模板提前设置保存在数据库，当用户要使用时随时调用。创建请求中有选中的看板模板，看板id以及看板描述，通过提供设置的多个看板模板，用户选择对应的模板，当收到用户选择的对应模板，服务器得到了看板id，根据看板id完成模板的创建。然后将用户请求中的备注信息加载到对应的模板。通过上述方法快速完成了基础模板的创建，
97.一些实施方式中，所述根据所述预设的数据地址，将数据源加载入所述目标模板，得到看板，包括：
98.获取所述预设的数据地址对应的数据源；
99.读取所述数据源中的数据，所述数据包括属性以及属性值中的至少一项；
100.获取所述目标模板的至少一个组件，所述组件至少包括字段以及值；
101.将所述属性作为字段，所述属性值作为值输入至所述组件，得到目标组件，所述目标组件用于通过数据源的地址读取对应的属性以及属性值；
102.渲染所述目标组件，得到看板。
103.上述实施方式中，完成了组件和数据源的绑定。将数据源的属性映射到组件的字段，将属性值映射到组件的值。
104.一些实施方式中，所述将所述预设的数据地址对应的数据源加载入所述目标模板，得到看板之前，所述方法还包括：
105.若接收到用户输入的数据更新频率，则按照所述用户输入的数据更新频率更新所述数据源；
106.若没接收到用户输入的数据更新频率，则按照预设频率更新所述数据源。
107.上述实施方式中，接口名是接口与组件绑定的标识，用于打包后检索出需要修改对应的接口配置(接口地址/频率)。本技术采取组件与接口一对一的方式开发，在现有技术中，是一个页面共用一个接口，这样不利于多组件设置不同时长定时器的需求，且前后端开发工程师需反复确认核对在代码中限制好的字段，后期维护也会消耗大量时间。而换成一对一的方式后，前端只需固定好每个组件的格式，用户根据格式，自定义字段名称，设置频率，后期有需求变更，可直接在数据库进行修改，无需再使用过去繁琐的流程：在前端修改代码，重新打包部署。这样有效地提高对接效率，增强了组件的复用性和通用性。
108.一些实施方式中，所述将所述预设的数据地址对应的数据源加载入所述目标模板，得到看板之后，所述方法还包括：
109.将所述看板保存至数据库中，得到看板生成数据；
110.根据所述看板生成数据生成看板图像；
111.将所述看板图像部署至终端设备。
112.上述实施方式中，本技术中，需要将完成好的看板打包成一份文件夹给到用户，用户可将文件夹通过服务器iis发布，这就可以在其他设备(电视机、电子广告牌、中控室拼接屏幕等)上访问看板，查看各生产设备的实时生产情况等。因此，需将某个项目的工作文档从整个看板管理系统中抽离出来。点击打包，前端会将工作文档提交至后台，后台使用node.js的fs文件系统，创建文件夹，从系统中复制出所需的css、js和html文件，即在预览功能时使用到的文件，并将最后抽离出来的文件夹放置系统public下的project文件夹中，这样就能在服务器运行看板管理系统时，通过/public/project/workid访问打包好的页面。为了便于直接在完成看板编辑后取到打包文件，本技术还将打包的文件使用jszip插件对文件夹进行压缩，并返回压缩包地址以供用户下载。
113.一些实施方式中，所述所述在接收到用户触发的创建请求之后，所述方法还包括：
114.获取看板生成日期；
115.通过所述属性以及所述看板生成日期所述看板图像生成一个文件id。
116.上述实施方式中，当用户选中模板进行编辑时，后台会将该模板复制到作品区，新建一个id返回前端。
117.一些实施方式中，所述根据所述看板生成数据生成看板图像之后，所述方法还包括：
118.在得到看板图像后，生成一个32位的2进制数的标志信息并将所述标志信息返回用户；
119.若第i位是1，则确定第i 1个的所述组件生成正常，所述i是大于等于0且小于32的整数；
120.若第i位是0，则确定第i 1个所述组件生成异常。
121.上述实施方式中，通过标志位指示组件是否生成成功。
122.如图2所示的一种看板生成装置20的结构示意图，其可应用于看板生成。本技术实施例中的看板生成装置能够实现对应于上述图1所对应的实施例中所执行的看板生成方法
的步骤。看板生成装置20实现的功能可以通过硬件实现，也可以通过硬件执行相应的软件实现。硬件或软件包括一个或多个与上述功能相对应的模块，所述模块可以是软件和/或硬件。所述看板生成装置可包括输入输出模块201和处理模块202，所述处理模块202和输入输出模块201的功能实现可参考图1所对应的实施例中所执行的操作，此处不作赘述。输入输出模块201可用于控制所述输入输出模块201的输入、输出以及获取操作。
123.一些实施方式中，所述处理模块202可用于在接收到用户触发的创建请求时，根据所述创建请求确定基础模板；
124.所述输入输出模块201可用于获取用户的组件信息；
125.所述处理模块202还用于将所述用户的组件信息以及预设的基础组件设置在所述基础模板中，得到目标模板；
126.所述输入输出模块201还用于获取预设的数据地址；
127.所述处理模块202还用于将所述预设的数据地址对应的数据源加载入所述目标模板，得到看板。
128.一些实施方式中，所述处理模块202还用于：
129.获取所述创建请求；
130.获取预设的至少一个看板模板；
131.通过所述看板id查询所述多个看板模板，得到待描述的基础模板；
132.将所述待描述的基础模板中的预设位置加载所述看板描述，得到基础模板。
133.一些实施方式中，所述处理模块202还用于：
134.获取所述预设的数据地址对应的数据源；
135.读取所述数据源中的数据，所述数据包括属性以及属性值中的至少一项；
136.获取所述目标模板的至少一个组件，所述组件至少包括字段以及值；
137.将所述属性作为字段，所述属性值作为值输入至所述组件，得到目标组件，所述目标组件用于通过数据源的地址读取对应的属性以及属性值；
138.渲染所述目标组件，得到看板。
139.一些实施方式中，所述处理模块202还用于：
140.若接收到用户输入的数据更新频率，则按照所述用户输入的数据更新频率更新所述数据源；
141.若没接收到用户输入的数据更新频率，则按照预设频率更新所述数据源。
142.一些实施方式中，所述处理模块202还用于：
143.将所述看板保存至数据库中，得到看板生成数据；
144.根据所述看板生成数据生成看板图像；
145.将所述看板图像部署至终端设备。
146.一些实施方式中，所述处理模块202还用于：
147.获取看板生成日期；
148.通过所述属性以及所述看板生成日期所述看板图像生成一个文件id。
149.一些实施方式中，所述处理模块202还用于：
150.在得到看板图像后，生成一个32位的2进制数的标志信息并将所述标志信息返回用户；
151.若第i位是1，则确定第i 1个的所述组件生成正常，所述i是大于等于0且小于32的整数；
152.若第i位是0，则确定第i 1个所述组件生成异常。
153.上面从模块化功能实体的角度分别介绍了本技术实施例中的创建装置，以下从硬件角度介绍一种看板生成设备，如图3所示，其包括：处理器、存储器、输入输出单元(也可以是收发器，图3中未标识出)以及存储在所述存储器中并可在所述处理器上运行的计算机程序。例如，该计算机程序可以为图1所对应的实施例中看板生成方法对应的程序。例如，当看板生成设备实现如图2所示的看板生成装置20的功能时，所述处理器执行所述计算机程序时实现上述图2所对应的实施例中由看板生成装置20执行的看板生成方法中的各步骤。或者，所述处理器执行所述计算机程序时实现上述图2所对应的实施例的看板生成装置20中各模块的功能。又例如，该计算机程序可以为图1所对应的实施例中看板生成方法对应的程序。
154.所称处理器可以是中央处理单元(central processing unit，cpu)，还可以是其他通用处理器、数字信号处理器(digital signal processor，dsp)、专用集成电路(application specific integrated circuit，asic)、现成可编程门阵列(field-programmable gate array，fpga)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件等。通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等，所述处理器是所述计算机装置的控制中心，利用各种接口和线路连接整个计算机装置的各个部分。
155.所述存储器可用于存储所述计算机程序和/或模块，所述处理器通过运行或执行存储在所述存储器内的计算机程序和/或模块，以及调用存储在存储器内的数据，实现所述计算机装置的各种功能。所述存储器可主要包括存储程序区和存储数据区，其中，存储程序区可存储操作系统、至少一个功能所需的应用程序(比如声音播放功能、图像播放功能等)等；存储数据区可存储根据手机的使用所创建的数据(比如音频数据、视频数据等)等。此外，存储器可以包括高速随机存取存储器，还可以包括非易失性存储器，例如硬盘、内存、插接式硬盘，智能存储卡(smart media card,smc)，安全数字(secure digital,sd)卡，闪存卡(flash card)、至少一个磁盘存储器件、闪存器件、或其他易失性固态存储器件。
156.所述输入输出单元也可以用接收器和发送器代替，可以为相同或者不同的物理实体。为相同的物理实体时，可以统称为输入输出单元。该输入输出可以为收发器。
157.所述存储器可以集成在所述处理器中，也可以与所述处理器分开设置。
158.通过以上的实施方式的描述，本领域的技术人员可以清楚地了解到上述实施例方法可借助软件加必需的通用硬件平台的方式来实现，当然也可以通过硬件，但很多情况下前者是更佳的实施方式。基于这样的理解，本技术的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质(如rom/ram)中，包括若干指令用以使得一台终端(可以是手机，计算机，服务器或者网络设备等)执行本技术各个实施例所述的方法。
159.上面结合附图对本技术的实施例进行了描述，但是本技术并不局限于上述的具体实施方式，上述的具体实施方式仅仅是示意性的，而不是限制性的，本领域的普通技术人员在本技术的启示下，在不脱离本技术宗旨和权利要求所保护的范围情况下，还可做出很多
形式，凡是利用本技术说明书及附图内容所作的等效结构或等效流程变换，或直接或间接运用在其他相关的技术领域，这些均属于本技术的保护之内。