一种界面与数据剥离的设计方法与流程

1.本发明属于数据处理技术领域，具体属于一种界面与数据剥离的设计方法。


背景技术：

2.实现界面与数据之间的剥离，是ui软件设计中最重要的环节。很多的编译环境，包括android studio、wpf都提供了数据源与界面控件之间的数据绑定机制，这种机制对于界面与后台数据之间的值传递是相当方便的，但是当后台数据需要经常更新、前台界面要求多样化呈现时，这种绑定机制就无法满足这种需求了。另外，很多其他的编译平台，如winform、vb等，没有提供这种专门的机制来进行界面与后台数据的自动传输。
3.综上所述，现有技术中的界面控件与数据源之间存在灵活性差，数据绑定机制造成可拓展性差的问题。


技术实现要素：

4.为了解决现有技术中存在的问题，本发明提供一种界面与数据剥离的设计方法，能够将界面与后台数据剥离，使得程序可扩展性、灵活性更高。
5.为实现上述目的，本发明提供如下技术方案：
6.一种界面与数据剥离的设计方法，包括以下过程，
7.将界面的呈现方式作为后台数据的属性，存入数据库中；
8.从数据库中读取后台数据，将后台数据以键值对的方式进行存放；将后台数据在键值对中的位置信息存入界面控件的tag属性中；当将后台数据从键值对呈现到前台界面时，通过界面控件tag属性值找到界面控件，通过界面控件显示在前台界面上；当从前台界面将界面控件值更新到键值对时，通过界面控件tag属性值，找到界面控件值在键值对中的位置，进行后台数据的更新。
9.优选的，将键值对至界面显示具体过程包括以下步骤，
10.步骤1，读取数据库，获取后台数据，完成后执行步骤2；
11.步骤2，判断是否为初始状态，若为初始状态，执行步骤3；若不是初始状态，执行步骤6；
12.步骤3，根据键值对值对应属性，动态生成界面控件，并设置界面控件tag属性值，完成后执行步骤4；
13.步骤4，设置界面控件值，通过界面控件进行显示，完成后执行步骤5；
14.步骤5，判断当前是否为最后一个键值对，若不是，执行步骤3；若是，执行步骤9；
15.步骤6，获取界面控件tag属性值，完成后执行步骤7；
16.步骤7，设置界面控件值，通过界面控件进行显示，完成后执行步骤8；
17.步骤8，判断当前是否为最后一个界面控件，若不是，执行步骤6；若是，执行步骤9；
18.步骤9，结束更新。
19.进一步的，初始时，通过轮询键值对，设置界面控件tag属性值，并初始化界面控件
值。
20.进一步的，轮询界面控件值时，通过获取初始时设置的界面控件tag属性值，定位键值对位置，从而将后台数据更新到界面。
21.优选的，将界面至键值对更新具体过程包括以下步骤，
22.步骤1，从界面写入更新数据，完成后执行步骤2；
23.步骤2，获取界面控件tag值，完成后执行步骤3；
24.步骤3，设置键值对对应的值，进行后台数据更新。
25.优选的，所述后台数据包括数据类型、控件类型、数据范围。
26.优选的，界面的呈现方式包括文本框、下拉框或者相互的组合。
27.优选的，所述后台数据通过sqlite数据库进行动态导入。
28.与现有技术相比，本发明具有以下有益的技术效果：
29.本发明提供一种界面与数据剥离的设计方法，通过将界面的呈现方式作为后台数据的属性写入数据库，能够将后台数据与前台界面的呈现方式动态对应，通过采用键值对将数据呈现到前台界面，从而实现界面到后台数据的一对一。本发明可用于任何需要进行界面显示以及有很多数据信息的平台，实现界面和数据的剥离；不仅可以提高开发的效率，同时还能提高框架的可扩展性。
30.进一步的，通过后台数据的信息通过sqlite数据库动态导入，通过这种方式，能实现软件运行过程中，也能动态加载修改的数据；
附图说明
31.图1为本发明中键值对至界面显示流程示意图；
32.图2为本发明中界面至键值对更新示意图。
具体实施方式
33.下面结合具体的实施例对本发明做进一步的详细说明，所述是对本发明的解释而不是限定。
34.本发明提供了一种界面与数据剥离的设计方法，将界面与后台数据剥离，使得程序可扩展性、灵活性更高。
35.本发明的一种界面与数据剥离的设计方法，包括以下过程，将界面的呈现方式作为后台数据的属性，存入数据库中；
36.从数据库中读取后台数据，将后台数据以键值对的方式进行存放；将后台数据在键值对中的位置信息存入界面控件的tag属性中；当将后台数据从键值对呈现到前台界面时，通过界面控件tag属性值找到界面控件，通过界面控件显示在前台界面上；当从前台界面将界面控件值更新到键值对时，通过界面控件tag属性值，找到界面控件值在键值对中的位置，进行后台数据的更新。
37.本发明中后台数据的信息通过sqlite数据库动态导入，通过这种方式，能实现软件运行过程中，也能动态加载修改的数据；界面的呈现方式可能是多样化的，比如文本框、下拉框或者相互的组合，为了将后台数据与前台的呈现方式动态对应，可以将界面的呈现方式作为后台数据的属性写入数据库。注意：在确定此数据库表中的属性时，都是为了通过
这些属性项，尽可能地将界面与后台数据实现剥离，同时保证其一一对应性，另外就是尽可能地确保代码设计的可扩展性。
38.本发明中将后台数据与界面控件之间一一对应，从而实现数据从数据到界面、界面到数据的一一对应。要实现一一对应，两者之间的桥梁必须是都共同具备的且唯一的。通过以c#winform为例进行研究发现，所有的界面控件都有一个共同的属性tag，并且这tag的类型是object，object是所有类型的基类，c#中的所有类都是间接或直接从system.object类中继承。因此，对object类型的变量可以赋予任何类型的值。可以作为这个“桥梁”使用。
39.如图1所示，本发明中将键值对至界面显示具体过程包括以下步骤，
40.步骤1，读取数据库，获取后台数据，完成后执行步骤2；
41.步骤2，判断是否为初始状态，若为初始状态，执行步骤3；若不是初始状态，执行步骤6；
42.步骤3，根据键值对值对应属性，动态生成界面控件，并设置界面控件tag属性值，完成后执行步骤4；
43.步骤4，设置界面控件值，通过界面控件进行显示，完成后执行步骤5；
44.步骤5，判断当前是否为最后一个键值对，若不是，执行步骤3；若是，执行步骤9；
45.步骤6，获取界面控件tag属性值，完成后执行步骤7；
46.步骤7，设置界面控件值，通过界面控件进行显示，完成后执行步骤8；
47.步骤8，判断当前是否为最后一个界面控件，若不是，执行步骤6；若是，执行步骤9；
48.步骤9，结束更新。
49.步骤3至步骤5中，初始时，通过轮询键值对，设置界面控件tag属性值，并初始化界面控件值。
50.步骤6至步骤8中，轮询界面控件值时，通过获取初始时设置的界面控件tag属性值，定位键值对位置，从而将后台数据更新到界面。
51.本发明中，将界面的呈现方式：控件类型，作为后台数据信息中的其中一个属性，存入数据库；后台数据从数据库导入后，以健值对的方式存放；将后台数据在键值对中的位置信息存入界面控件的tag属性中；当将数据从键值对呈现到前台界面时，通过界面控件tag值，找到界面的控件；当从界面将值更新到键值对时，通过界面控件tag值，找到此控件值在键值对中的位置。从而实现界面到后台数据的一对一。
52.如图2所示，将界面至键值对更新具体过程包括以下步骤，
53.步骤1，从界面写入更新数据，完成后执行步骤2；
54.步骤2，获取界面控件tag值，完成后执行步骤3；
55.步骤3，设置键值对对应的值，进行后台数据更新。
56.本发明可用于任何需要进行界面显示以及有很多数据信息的平台，实现界面和数据的剥离。通过此思路，不仅可以提高开发的效率，同时还能提高框架的可扩展性。
57.需求分析，结合需要进行界面显示的数据特性，确定界面显示的方式(控件类型)，将数据的类型、控件类型、数据范围等，作为数据的属性项；
58.界面布局，如果是动态生成控件，可以动态的设置好控件的tag值；如果是设计器中布局，则需要手动进行tag值得修改。
59.程序中读取数据库中的后台数据信息，创建键值对。
60.轮询键值对，以及界面，通过界面控件的tag值，更新界面值。
61.当界面控件值更改时，通过控件的tag值，找到对应的键值对中的数据位置，进行更新即可。