一种门户界面的布局方法及装置与流程

1.本技术涉及平面设计技术领域，尤其设计一种门户界面的布局方法及装置。


背景技术：

2.用户在使用系统时，往往不知道系统有哪些功能，或者不知道系统某些功能的入口，或者是想将自己经常使用的功能放在显眼的地方，便于自己的使用，因此门户应运而生。
3.而企业管理员在设计企业门户时，一般都是先规划门户展示的内容，但目标的系统仅支持固定布局，因此在设计的时候会受到一定的限制，从而使得管理员在配置完公共方案后，其他用户无法实现对门户界面的个性化修改。


技术实现要素：

4.本技术实施例提供了一种门户界面的布局方法及装置，用于提升对门户界面布局的便捷性。
5.本技术实施例第一方面提供了一种门户界面的布局方法，包括：
6.接收在门户界面上添加的至少一张卡片，所述卡片包括卡片头部和卡片内容区，所述卡片头部包括卡片标题区和卡片事件区；
7.接收对所述至少一张卡片的卡片头部和卡片内容区的编辑；
8.接收对所述至少一张卡片在所述门户界面中位置的设置；
9.将所述至少一张卡片的卡片头部和所述至少一张卡片在所述门户界面中的位置执行保存；
10.将所述至少一张卡片的卡片内容区中的编辑内容保存为div标签数据；
11.将所述至少一张卡片的div标签数据插入至文档对象模型dom中，使得浏览器根据所述div标签数据、所述卡片头部和所述至少一张卡片在所述门户界面中的位置对所述至少一张卡片进行渲染；
12.将所述至少一张卡片保存至门户界面的卡片库中。
13.优选的，所述接收对所述至少一张卡片在所述门户界面中位置的设置，，包括：
14.确定所述门户界面的参考点，以所述参考点为原点建立坐标系；
15.将所述门户界面在所述坐标系中的坐标轴均分为若干格；
16.接收对所述至少一张卡片参考点的设置，以通过所述至少一张卡片参考点的坐标和所述卡片在所述坐标轴中分别占用的格子数，设置所述至少一张卡片在所述门户界面中的位置。
17.优选的，所述卡片还包括拖拽区，以用于通过所述拖拽区改变所述卡片的大小。
18.优选的，所述方法还包括：将所述至少一张卡片所在的门户界面保存至数据库中。
19.优选的，在所述门口界面上设置监听事件，所述监听事件用于在监听到门户界面的刷新事件或卡片的渲染事件时，自动将渲染后的卡片或刷新后的门户界面执行保存。
20.优选的，所述方法还包括：
21.接收为所述门户界面设置的共享权限，使得用户可以通过所述共享权限共享所述门户界面。
22.优选的，所述方法还包括：
23.若对所述门户界面中的卡片执行修改操作，则对修改前后的门户界面分别执行保存操作。
24.本技术实施例第二方面提供了一种门户界面的布局装置，包括：
25.接收单元，接收在门户界面上添加的至少一张卡片，所述卡片包括卡片头部和卡片内容区，所述卡片头部包括卡片标题区和卡片事件区；
26.所述接收单元，还用于接收对所述至少一张卡片的卡片头部和卡片内容区的编辑；
27.所述接收单元，还用于接收对所述至少一张卡片在所述门户界面中位置的设置；
28.保存单元，用于将所述至少一张卡片的卡片头部和所述至少一张卡片在所述门户界面中的位置执行保存；
29.所述保存单元，还用于将所述至少一张卡片的卡片内容区中的编辑内容保存为div标签数据；
30.渲染单元，用于将所述至少一张卡片的div标签数据插入至文档对象模型dom中，使得浏览器根据所述div标签数据、所述卡片头部和所述至少一张卡片在所述门户界面中的位置对所述至少一张卡片进行渲染；
31.所述保存单元，还用于将所述至少一张卡片保存至门户界面的卡片库中。
32.优选的，所述接收单元具体用于：
33.确定所述门户界面的参考点，以所述参考点为原点建立坐标系；
34.将所述门户界面在所述坐标系中的坐标轴均分为若干格；
35.接收对所述至少一张卡片参考点的设置，以通过所述至少一张卡片参考点的坐标和所述卡片在所述坐标轴中分别占用的格子数，设置所述至少一张卡片在所述门户界面中的位置。
36.优选的，所述卡片还包括拖拽区，以用于通过所述拖拽区改变所述卡片的大小。
37.优选的，所述保存单元还用于：
38.将所述至少一张卡片所在的门户界面保存至数据库中。
39.优选的，所述接收单元还用于：
40.接收在所述门口界面上设置的监听事件，所述监听事件用于在监听到门户界面的刷新事件或卡片的渲染事件时，自动将渲染后的卡片或刷新后的门户界面执行保存。
41.优选的，所述接收单元还用于：
42.接收为所述门户界面设置的共享权限，使得用户可以通过所述共享权限共享所述门户界面。
43.优选的，所述保存单元还用于：
44.若对所述门户界面中的卡片执行修改操作，则对修改前后的门户界面分别执行保存操作。
45.一种计算机装置，包括处理器，该处理器在执行存储于存储器上的计算机程序时，
用于实现本技术实施例第一方面所述的门户界面的布局方法。
46.一种计算机可读存储介质，其上存储有计算机程序，该计算机程序被处理器执行时，用于实现本技术实施例第一方面所述的门户界面的布局方法。
47.一种计算机程序产品，所述计算机程序产品在计算机设备上运行时，使得所述计算机设备执行本技术实施例第一方面所述的门户界面的布局方法。
48.从以上技术方案可以看出，本技术实施例具有以下优点：
49.本技术实施例中，用户可以通过在门户界面添加不同的卡片，并对卡片的内容进行编辑，对卡片在门户界面中的位置进行设置，以实现对门户界面中卡片内容的个性化修改，从而提升了门户界面布局的便捷性。
附图说明
50.图1为本技术实施例中门户界面的布局方法的一个实施例示意图；
51.图2为本技术实施例中卡片的结构示意图；
52.图3为本技术实施例中门户界面的布局方法的另一个实施例示意图；
53.图4为本技术实施例中卡片位置坐标的示意图；
54.图5为本技术实施例中门户界面的布局方法的另一个实施例示意图；
55.图6为本技术实施例中门户界面的布局装置的一个实施例示意图。
具体实施方式
56.本技术实施例提供了一种门户界面的布局方法及装置，用于提升对门户界面布局的便捷性。
57.为了使本技术领域的人员更好地理解本技术方案，下面将结合本技术实施例中的附图，对本技术实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本技术一部分的实施例，而不是全部的实施例。基于本技术中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都应当属于本技术保护的范围。
58.本技术的说明书和权利要求书及上述附图中的术语“第一”、“第二”、“第三”、“第四”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的实施例能够以除了在这里图示或描述的内容以外的顺序实施。此外，术语“包括”和“具有”以及他们的任何变形，意图在于覆盖不排他的包含，例如，包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元，而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。
59.针对现有技术中，只能通过固定布局来设计门户界面，且在门户界面完成后，普通用户无法实现对门户界面个性化修改的问题，本技术实施例提出了一种门户界面的布局方法及装置。
60.为方便理解，下面进行详细说明，请参阅图1，图1为本技术实施例中门户界面布局方法的一个实施例示意图：
61.101、接收在门户界面上添加的至少一张卡片，所述卡片包括卡片头部和卡片内容
区，所述卡片头部包括卡片标题区和卡片事件区；
62.门户：企业信息资源统一入口，面向企业的内容管理、信息发布和集成展现平台。
63.为了实现对门户界面的个性化设计，本技术实施例可以接收用户在门户界面上添加的至少一张卡片，其中，卡片指的是门户界面上显示内容的载体，门户界面上所展示的内容，都是通过加载不同的卡片，并对卡片进行设置而实现的。
64.具体的，卡片包括卡片头部和卡片内容区，所述卡片头部包括卡片标题区和卡片事件区，进一步，本技术实施例中的卡片还包括拖拽区，以用于通过所述拖拽区改变所述卡片的大小。为方便理解，图2给出了卡片的示意图。
65.102、接收对所述至少一张卡片的卡片头部和卡片内容区的编辑；
66.用户在门户界面添加卡片后，对所述卡片的卡片头部和卡片内容区进编辑，其中，在卡片头部的标题区，主要用于显示卡片的名称，而卡片的事件区主要用于设置该卡片所支持的事件，如刷新事件、删除事件、添加事件等。而卡片内容区，则用于显示该卡片所展示的内容，如企业的发展历史、企业的历史绩效或发展现状等。
67.103、接收对所述至少一张卡片在所述门户界面中的位置的设置；
68.完成对卡片内容的编辑后，则进一步接收用户对卡片在门户界面中的位置进行设置，具体的，用户如何设置卡片在门户界面中的位置，则在下面的实施例中进行描述，此处不再赘述。
69.104、将所述至少一张卡片的卡片头部和所述至少一张卡片在所述门户界面中的位置执行保存；
70.用户编辑了卡片的卡片头部，并设置了卡片在门户界面中的位置执行保存以后，可以调用门户框架的数据接口直接对卡片头部和卡片在门户界面中的位置进行保存。
71.105、将所述至少一张卡片的卡片内容区中的编辑保存为div标签数据；
72.div标签数据，可定义文档中的分区或节(division/section)，可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具，并且不使用任何格式与其关联。
73.目前主流浏览器都支持div标签数据，它会使得浏览器对卡片内容按照预设要求进行渲染。
74.为了实现对卡片内容的个性化修改，本技术实施例在用户编辑了卡片内容以后，调用业务代码将至少一张卡片的卡片内容区中的编辑内容保存为div标签数据，使得浏览器可以根据div标签数据，对卡片进行渲染。
75.106、将所述至少一张卡片的div标签数据插入至文档对象模型dom中，使得浏览器根据所述div标签数据、所述卡片头部和所述至少一张卡片在门户界面中的位置对所述至少一张卡片进行渲染；
76.文档对象模块dom，是html和xml文档的编程接口，它允许脚本控制web页面、窗口和文档，以实现对当前页面的修改，在将至少一张卡片的div标签数据插入至文档对象模型dom中，浏览器即可根据div标签数据、卡片头部和卡片在门户界面中的位置对所述至少一张卡片进行渲染，以得到用户想要的设计结果。如将当前卡片设计为动态显示，在当前卡片中添加一个标签等。
77.107、将所述至少一张卡片保存至门户界面的卡片库中。
78.完成对卡片的渲染后，即可将渲染完成后的卡片保存至门户界面的卡片库中，使
得在下次使用时直接调用。
79.本技术实施例中，用户可以通过在门户界面添加不同的卡片，并对卡片的内容进行编辑，对卡片在门户界面中的位置进行设置，以实现对门户界面中卡片内容的个性化修改，也提升了门户界面布局的便捷性。
80.基于图1所述的实施例，下面对图1实施例中的步骤103做详细描述，请参阅图3，图3为步骤103的细化步骤：
81.301、确定所述门户界面的参考点，以所述参考点为原点建立坐标系；
82.为了确定卡片在门户界面中的位置，可以先在门户界面上设置坐标系，具体的是先确定门户界面的参考点，以该参考点为原点建立坐标系，如将门户界面的长设置为x轴，将门户界面的宽设置为y轴。
83.302、将所述门户界面在所述坐标系中的坐标轴均分为若干格；
84.为了方便设置卡片在门户界面中的位置，还可以将门户界面在坐标系中的坐标轴均分为若干格，这样在定义卡片在门户界面中的位置时，即可通过卡片参考点的位置坐标，以及卡片的长和宽所占用的格子数，来快捷的确定卡片在门户界面中的位置。
85.303、接收对所述至少一张卡片参考点的设置，以通过所述至少一张卡片参考点的坐标和所述卡片在所述坐标轴中分别占用的格子数，设置所述至少一张卡片在所述门户界面中的位置。
86.为了确定卡片在门户界面中的位置，可以在卡片上选取参考点，其中，该参考点可以是卡片的左上角，左下角或中心处等，此处不做具体限制。进一步，为了方便确定卡片在门户界面中的位置，还可以通过卡片在坐标轴中分别占用的格子数，来快捷确定卡片在门户界面中的位置，如卡片的长占x轴一个格数，卡片的宽占y轴2个格数，从而快捷的确定卡片在门户界面中的位置，且通过格子数来确定卡片位置的方式，使得在面对不同分辨率的显示屏时，门户界面还可以根据显示屏的分辨率对卡片的大小进行自调节，如根据显示屏分辨率的大小，自动对x轴和y轴上，每格所占用的像素数进行自调节。为方便理解，图4给出了多张卡片在门户界面中位置的示意图。
87.本技术实施例中，通过门户界面坐标轴的格数，实现了对卡片在门户界面中位置的快捷确定，且能自动适应不同显示屏的不同分辨率，在不同分辨率的显示屏中，实现对卡片大小的自调节。
88.基于图1所述的实施例，在将设计好的卡片保存至卡片库以后，还可以将设计完成后的门户界面也保存至数据库中，以方便后期对该门户界面的使用或修改。
89.进一步，为了保证在对门户界面执行修改操作时，门户界面中数据的完整性，还可以在对门户界面中的卡片执行修改操作时，对修改前后的门户界面分别执行保存，以保证门户界面中数据的完备性，以实现对门户界面中原始数据的追溯。
90.基于图1或图2所述的实施例，为了在修改门户界面时，实现对门户界面数据的自动备份，以及对门户界面方案的共享，还可以对门户界面执行以下操作，请参阅图5，图5为本技术实施例中门户界面布局方法的另一个实施例：
91.501、接收在所述门户界面上设置的监听事件，所述监听事件用于在监听到门户界面的刷新事件或卡片的渲染事件时，自动将渲染后的卡片或刷新后的门户界面执行保存；
92.为了在门户界面修改时，实现对门户界面数据的自动备份，还可以在门户界面上
设置监听事件，其中，该监听事件用于监听门户界面的刷新事件或卡片的渲染事件，并在监听到门户界面的刷新事件或卡片的渲染事件时，自动将渲染后的卡片或刷新后的门户界面执行保存，从而进一步实现了对门户界面部署的便捷性。
93.502、接收为所述门户界面设置的共享权限，使得用户可以通过所述共享权限共享所述门户界面。
94.为了让设计好的门户界面能被其他用户共享，还可以给该门户界面设置一定的共享权限，如用户名和密码，使得其他用户可以通过共享权限(用户名和密码)共享该门户界面。
95.本技术实施例中，通过监听事件，实现了对卡片或门户界面的自动保存，从而保证了卡片内容及门户界面内容的可追溯性，而进一步通过共享权限，使得门户界面可以被共享至其他用户，从而实现了该门户界面数据的个性化修改和用户共享。
96.上面对本技术实施例中的门户界面的布局方法做了描述，下面接着对本技术实施例中的门户界面的布局装置进行描述，请参阅图6，本技术实施例赵中门户界面布局装置的一个实施例，包括：
97.接收单元601，接收在门户界面上添加的至少一张卡片，所述卡片包括卡片头部和卡片内容区，所述卡片头部包括卡片标题区和卡片事件区；
98.所述接收单元601，还用于接收对所述至少一张卡片的卡片头部和卡片内容区的编辑；
99.所述接收单元601，还用于接收对所述至少一张卡片在所述门户界面中位置的设置；
100.保存单元602，用于将所述至少一张卡片的卡片头部和所述至少一张卡片在所述门户界面中的位置执行保存；
101.所述保存单元602，还用于将所述至少一张卡片的卡片内容区中的编辑内容保存为div标签数据；
102.渲染单元603，用于将所述至少一张卡片的div标签数据插入至文档对象模型dom中，使得浏览器根据所述div标签数据、所述卡片头部和所述至少一张卡片在所述门户界面中的位置对所述至少一张卡片进行渲染；
103.所述保存单元602，还用于将所述至少一张卡片保存至门户界面的卡片库中。
104.优选的，所述接收单元601具体用于：
105.确定所述门户界面的参考点，以所述参考点为原点建立坐标系；
106.将所述门户界面在所述坐标系中的坐标轴均分为若干格；
107.接收对所述至少一张卡片参考点的设置，以通过所述至少一张卡片参考点的坐标和所述卡片在所述坐标轴中分别占用的格子数，设置所述至少一张卡片在所述门户界面中的位置。
108.优选的，所述卡片还包括拖拽区，以用于通过所述拖拽区改变所述卡片的大小。
109.优选的，所述保存单元602还用于：
110.将所述至少一张卡片所在的门户界面保存至数据库中。
111.优选的，所述接收单元601还用于：
112.接收在所述门口界面上设置的监听事件，所述监听事件用于在监听到门户界面的
刷新事件或卡片的渲染事件时，自动将渲染后的卡片或刷新后的门户界面执行保存。
113.优选的，所述接收单元601还用于：
114.接收为所述门户界面设置的共享权限，使得用户可以通过所述共享权限共享所述门户界面。
115.优选的，所述保存单元602还用于：
116.若对所述门户界面中的卡片执行修改操作，则对修改前后的门户界面分别执行保存操作。
117.需要说明的是，本技术实施例中各单元的作用与图1至图5实施例中描述的类似，此处不再赘述。
118.本技术实施例中，通过接收单元601接收用户在门户界面添加不同的卡片，通过接收单元601，接收用户对卡片的内容进行编辑，对卡片在门户界面中的位置进行设置，以实现对门户界面中卡片内容的个性化修改，也提升了门户界面布局的便捷性。
119.上面从模块化功能实体的角度对本技术实施例中的门户界面的布局装置进行了描述，下面从硬件处理的角度对本技术实施例中的计算机装置进行描述：
120.该计算机装置用于实现门户界面的布局装置的功能，本技术实施例中计算机装置一个实施例包括：
121.处理器以及存储器；
122.存储器用于存储计算机程序，处理器用于执行存储器中存储的计算机程序时，可以实现如下步骤：
123.接收在门户界面上添加的至少一张卡片，所述卡片包括卡片头部和卡片内容区，所述卡片头部包括卡片标题区和卡片事件区；
124.接收对所述至少一张卡片的卡片头部和卡片内容区的编辑；
125.接收对所述至少一张卡片在所述门户界面中的位置的设置；
126.将所述至少一张卡片的卡片头部和所述至少一张卡片在所述门户界面中的位置进行保存；
127.将所述至少一张卡片的卡片内容区中的编辑内容保存为div标签数据；
128.将所述至少一张卡片的div标签数据插入至文档对象模型dom中，使得浏览器根据所述div标签数据、所述卡片头部和所述至少一张卡片在所述门户界面中的位置对所述至少一张卡片进行渲染；
129.将所述至少一张卡片保存至门户界面的卡片库中。
130.在本技术的一些实施例中，处理器，还可以用于实现如下步骤：
131.确定所述门户界面的参考点，以所述参考点为原点建立坐标系；
132.将所述门户界面在所述坐标系中的坐标轴均分为若干格；
133.接收对所述至少一张卡片参考点的设置，以通过所述至少一张卡片参考点的坐标和所述卡片在所述坐标轴中分别占用的格子数，设置所述至少一张卡片在所述门户界面中的位置。
134.优选的，所述卡片还包括拖拽区，以用于通过所述拖拽区改变所述卡片的大小。
135.在本技术的一些实施例中，处理器，还可以用于实现如下步骤：
136.将所述至少一张卡片所在的门户界面保存至数据库中。
137.在本技术的一些实施例中，处理器，还可以用于实现如下步骤：
138.接收在所述门口界面上设置的监听事件，所述监听事件用于在监听到门户界面的刷新事件或卡片的渲染事件时，自动将渲染后的卡片或刷新后的门户界面执行保存。
139.在本技术的一些实施例中，处理器，还可以用于实现如下步骤：
140.接收为所述门户界面设置的共享权限，使得用户可以通过所述共享权限共享所述门户界面。
141.在本技术的一些实施例中，处理器，还可以用于实现如下步骤：
142.若对所述门户界面中的卡片执行修改操作，则对修改前后的门户界面分别执行保存操作。
143.可以理解的是，上述说明的计算机装置中的处理器执行所述计算机程序时，也可以实现上述对应的各装置实施例中各单元的功能，此处不再赘述。示例性的，所述计算机程序可以被分割成一个或多个模块/单元，所述一个或者多个模块/单元被存储在所述存储器中，并由所述处理器执行，以完成本技术。所述一个或多个模块/单元可以是能够完成特定功能的一系列计算机程序指令段，该指令段用于描述所述计算机程序在所述门户界面的布局装置中的执行过程。例如，所述计算机程序可以被分割成上述门户界面的布局装置中的各单元，各单元可以实现如上述相应门户界面的布局装置说明的具体功能。
144.所述计算机装置可以是桌上型计算机、笔记本、掌上电脑及云端服务器等计算设备。所述计算机装置可包括但不仅限于处理器、存储器。本领域技术人员可以理解，处理器、存储器仅仅是计算机装置的示例，并不构成对计算机装置的限定，可以包括更多或更少的部件，或者组合某些部件，或者不同的部件，例如所述计算机装置还可以包括输入输出设备、网络接入设备、总线等。
145.所述处理器可以是中央处理单元(central processing unit，cpu)，还可以是其他通用处理器、数字信号处理器(digital signal processor，dsp)、专用集成电路(application specific integrated circuit，asic)、现成可编程门阵列(field-programmable gatearray，fpga)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件等。通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等，所述处理器是所述计算机装置的控制中心，利用各种接口和线路连接整个计算机装置的各个部分。
146.所述存储器可用于存储所述计算机程序和/或模块，所述处理器通过运行或执行存储在所述存储器内的计算机程序和/或模块，以及调用存储在存储器内的数据，实现所述计算机装置的各种功能。所述存储器可主要包括存储程序区和存储数据区，其中，存储程序区可存储操作系统、至少一个功能所需的应用程序等；存储数据区可存储根据终端的使用所创建的数据等。此外，存储器可以包括高速随机存取存储器，还可以包括非易失性存储器，例如硬盘、内存、插接式硬盘，智能存储卡(smart media card,smc)，安全数字(secure digital,sd)卡，闪存卡(flash card)、至少一个磁盘存储器件、闪存器件、或其他易失性固态存储器件。
147.本技术还提供了一种计算机可读存储介质，该计算机可读存储介质用于实现门户界面的布局装置的功能，其上存储有计算机程序，计算机程序被处理器执行时，处理器，可以用于执行如下步骤：
148.接收在门户界面上添加的至少一张卡片，所述卡片包括卡片头部和卡片内容区，所述卡片头部包括卡片标题区和卡片事件区；
149.接收对所述至少一张卡片的卡片头部和卡片内容区的编辑；
150.接收对所述至少一张卡片在所述门户界面中的位置的设置；
151.将所述至少一张卡片的卡片头部和所述至少一张卡片在所述门户界面中的位置进行保存；
152.将所述至少一张卡片的卡片内容区中的编辑内容保存为div标签数据；
153.将所述至少一张卡片的div标签数据插入至文档对象模型dom中，使得浏览器根据所述div标签数据、所述卡片头部和所述至少一张卡片在所述门户界面中的位置对所述至少一张卡片进行渲染；
154.将所述至少一张卡片保存至门户界面的卡片库中。
155.在本技术的一些实施例中，计算机可读存储介质存储的计算机程序被处理器执行时，处理器，可以具体用于执行如下步骤：
156.确定所述门户界面的参考点，以所述参考点为原点建立坐标系；
157.将所述门户界面在所述坐标系中的坐标轴均分为若干格；
158.接收对所述至少一张卡片参考点的设置，以通过所述至少一张卡片参考点的坐标和所述卡片在所述坐标轴中分别占用的格子数，确定所述至少一张卡片在所述门户界面中的位置。
159.优选的，所述卡片还包括拖拽区，以用于通过所述拖拽区改变所述卡片的大小。
160.在本技术的一些实施例中，计算机可读存储介质存储的计算机程序被处理器执行时，处理器，可以具体用于执行如下步骤：
161.将所述至少一张卡片所在的门户界面保存至数据库中。
162.在本技术的一些实施例中，计算机可读存储介质存储的计算机程序被处理器执行时，处理器，可以具体用于执行如下步骤：
163.接收在所述门口界面上设置的监听事件，所述监听事件用于在监听到门户界面的刷新事件或卡片的渲染事件时，自动将渲染后的卡片或刷新后的门户界面执行保存。
164.在本技术的一些实施例中，计算机可读存储介质存储的计算机程序被处理器执行时，处理器，可以具体用于执行如下步骤：
165.接收为所述门户界面设置的共享权限，使得用户可以通过所述共享权限共享所述门户界面。
166.在本技术的一些实施例中，计算机可读存储介质存储的计算机程序被处理器执行时，处理器，可以具体用于执行如下步骤：
167.若对所述门户界面中的卡片执行修改操作，则对修改前后的门户界面分别执行保存操作。
168.可以理解的是，所述集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在相应的一个计算机可读取存储介质中。基于这样的理解，本技术实现上述相应的实施例方法中的全部或部分流程，也可以通过计算机程序来指令相关的硬件来完成，所述的计算机程序可存储于一计算机可读存储介质中，该计算机程序在被处理器执行时，可实现上述各个方法实施例的步骤。其中，所述计算机程序包括计算机程序代
码，所述计算机程序代码可以为源代码形式、对象代码形式、可执行文件或某些中间形式等。所述计算机可读介质可以包括：能够携带所述计算机程序代码的任何实体或装置、记录介质、u盘、移动硬盘、磁碟、光盘、计算机存储器、只读存储器(rom，read-onlymemory)、随机存取存储器(ram，random access memory)、电载波信号、电信信号以及软件分发介质等。需要说明的是，所述计算机可读介质包含的内容可以根据司法管辖区内立法和专利实践的要求进行适当的增减，例如在某些司法管辖区，根据立法和专利实践，计算机可读介质不包括电载波信号和电信信号。
169.在本技术所提供的几个实施例中，应该理解到，所揭露的系统，装置和方法，可以通过其它的方式实现。例如，以上所描述的装置实施例仅仅是示意性的，例如，所述单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多个单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口，装置或单元的间接耦合或通信连接，可以是电性，机械或其它的形式。
170.所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。
171.另外，在本技术各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现，也可以采用软件功能单元的形式实现。
172.以上所述，以上实施例仅用以说明本技术的技术方案，而非对其限制；尽管参照前述实施例对本技术进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本技术各实施例技术方案的精神和范围。