一种模板预览方法、装置、设备和存储介质与流程

1.本技术涉及计算机技术领域，特别是涉及一种模板预览方法、装置、设备和存储介质。


背景技术：

2.一些应用程序(application，app)或者网站可以提供模板库，模板库中包括多个模板，以便于用户基于模板库中的模板来创建文件。用户可以首先预览模板的内容，从而确定是否使用该模板。
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.替换单元，用于响应于所述用户针对所述第二区域显示的第二模板标识触发的预览操作，将所述第一区域内显示的内容由所述第一模板的内容替换为第二模板的内容，所述第二模板标识用于标识所述第二模板。
30.可选的，所述第一区域包括模板信息区域和模板内容区域，所述模板信息区域用于显示所述第一模板的摘要信息和/或使用记录信息，所述模板内容区域用于显示所述第一模板的内容。
31.可选的，还包括：
32.第二显示单元，用于响应于对所述第一区域的第一控件的触发操作，在所述第一页面的全部区域中显示所述第一区域的内容。
33.可选的，所述装置还包括：
34.第三显示单元，用于响应于所述用户触发的退出全屏预览模式的操作，在所述第一区域显示所述第一模板的内容。
35.可选的，所述第二显示单元，用于：
36.在所述第二区域显示所述模板内容区域的内容，在所述第一区域显示所述模板信息区域的内容。
37.可选的，所述在所述第一区域显示所述模板信息区域的内容包括：
38.保持所述模板信息区域在所述第一区域的位置不变，在所述第一区域的模板内容区域中显示针对所述第一模板的评论信息。
39.可选的，所述第一区域包括第二控件，所述第二控件用于触发结束预览操作，所述
装置还包括：
40.第四显示单元，用于响应于所述用户通过所述第二控件触发的结束预览操作，在所述第一页面显示所述多个模板标识，并且，所述第一页面不再包括所述第一模板的内容。
41.可选的，所述第一模板标识包括：
42.包括所述第一模板的模板名称和模板缩略图的模板卡片。
43.可选的，所述第一模板包括以下任意一项：
44.文档模板、表格模板、思维导图模板、流程图模板、白板模板或者网页模板。
45.第三方面，本技术实施例提供了一种设备，所述设备包括处理器和存储器；
46.所述处理器用于执行所述存储器中存储的指令，以使得所述设备执行如以上第一方面中任一项所述的方法。
47.第四方面，本技术实施例提供了一种计算机可读存储介质，包括指令，所述指令指示设备执行如以上第一方面中任一项所述的方法。
48.第五方面，本技术实施例提供了一种计算机程序产品，当所述计算机程序产品在计算机上运行时，使得计算机执行以上第一方面任一项所述的方法。
49.与现有技术相比，本技术实施例具有以下优点：
50.本技术实施例提供了一种模板预览方法，该方法可以由客户端执行。在一个示例中，第一页面中可以包括多个模板标识，所述多个模板标识包括用于标识第一模板的第一模板标识。当用户希望预览第一模板时，可以针对第一页面中的第一模板标识触发预览操作。所述客户端接收用户针对第一页面中的第一模板标识触发的预览操作之后，可以响应于所述用户针对所述第一模板标识触发的预览操作，在所述第一页面的第一区域显示所述第一模板的内容，并在所述第一页面的第二区域显示所述多个模板标识中的至少一个模板标识。由此可见，利用本方案，用户即可在查看所述第一模板的内容的同时，查看所述至少一个模板标识，无需用户先退出第一模板的预览页面，才能查看其它模板标识，从而简化了用户操作，提升了用户体验。
附图说明
51.为了更清楚地说明本技术实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本技术中记载的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
52.图1为本技术实施例提供的一种模板预览方法的流程示意图；
53.图2a为本技术实施例提供的一种第一页面的示意图；
54.图2b为本技术实施例提供的又一种第一页面的示意图；
55.图2c为本技术实施例提供的一种全屏预览页面的示意图；
56.图2d为本技术实施例提供的一种全屏预览页面的示意图；
57.图3为本技术实施例提供的一种模板预览装置的结构示意图。
具体实施方式
58.为了使本技术领域的人员更好地理解本技术方案，下面将结合本技术实施例中的
附图，对本技术实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅是本技术一部分实施例，而不是全部的实施例。基于本技术中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本技术保护的范围。
59.本技术的发明人经过研究发现，目前，模板推荐页面上可以包括多个模板标识，其中，模板标识用于标识模板。用户可以针对模板标识触发对模板的预览操作。当用户针对某一模板标识触发预览操作之后，客户端可以在另一个页面上显示所述用户预览的模板的内容。
60.在一些场景中，用户在预览某一模板的同时，可能希望同时查看其它模板标识，例如，用户希望确定当前预览的模板是第几个模板。当前的模板预览方式，用户需要首先退出显示用户当前预览的模板的内容的页面(即：模板预览页面)，从而重新查看前述模板推荐页面，用户操作复杂。
61.为了解决上述问题，本技术实施例提供了一种模板预览方法、装置设备及存储介质。
62.下面结合附图，详细说明本技术的各种非限制性实施方式。
63.示例性方法
64.参见图1，该图为本技术实施例提供的一种模板预览方法的流程示意图。
65.图1所示的模板预览方法，可以由客户端执行，所述方法例如可以包括以下步骤：s101-s102。
66.s101：接收用户针对第一页面中的第一模板标识触发的预览操作，所述第一页面中包括多个模板标识，所述多个模板标识包括所述第一模板标识，所述第一模板标识用于标识第一模板。
67.在一个示例中，所述第一页面为模板推荐页面。在本技术实施例中，客户端可以在用户触发查看模板库的操作时，展示模板推荐页面，客户端也可以在用户触发文件创建操作时，展示模板推荐页面。
68.在本技术实施例中，所述第一页面中可以包括多个模板标识，所述多个模板标识包括标识第一模板的第一模板标识。本技术实施例不具体限定模板标识，以第一模板标识为例，所述第一模板标识可以包括图像和/或文字。
69.在一个示例中，为了使得用户根据第一模板标识获得第一模板的相关信息，从而使得用户基于该相关信息确定是否要预览第一模板，所述第一模板标识可以是包括所述第一模板的模板名称和模板缩略图的模板卡片。其中，所谓模板卡片指的是其展示形态与“卡片”类似。
70.关于所述第一模板，需要说明的是，本技术实施例不具体限定所述第一模板的类型，在一个示例中，所述第一模板可以是文档模板，所述第一模板也可以是表格模板，所述第一模板还可以是思维导图模板，所述第一模板还可以是流程图模板、白板模板或者网页模板，当然，所述第一模板还可以是其它任意有可能存在的模板，此处不一一列举说明。
71.关于所述用户针对所述第一模板标识触发预览操作，需要说明的是，在一个示例中：所述用户可以将光标移动至所述第一模板的模板卡片所在的区域，当光标移动至第一模板的模板卡片所在的区域之后，所述第一模板的模板卡片上会展示用于触发预览操作的控件，用户可以通过所述控件(例如点击所述控件)来触发预览所述第一模板的操作。在又
一个示例中，在触屏场景中，所述用户可以点击第一模板的模板卡片，当用户点击第一模板的模板卡片之后，所述第一模板的模板卡片上会展示用于触发预览操作的控件，用户可以通过所述控件来触发预览所述第一模板的操作。
72.s102：响应于所述用户针对所述第一模板标识触发的预览操作，在所述第一页面的第一区域显示所述第一模板的内容，并在所述第一页面的第二区域显示所述多个模板标识中的至少一个模板标识。
73.在本技术实施例中，用户针对所述第一模板标识触发预览操作之后，所述客户端不再以一个单独的页面显示所述第一模板的内容，而是在所述第一页面的第一区域显示所述第一模板的内容，在所述第一页面的第二区域显示前述多个模板标识中的至少一个模板标识。这样一来，用户即可在查看所述第一模板的内容的同时，查看所述至少一个模板标识，无需用户先退出第一模板的预览页面，才能查看其它模板标识，从而简化了用户操作，提升了用户体验。
74.在一个示例中，用于显示所述第一模板的内容的第一区域可以包括模板信息区域和模板内容区域，所述模板信息区域用于显示所述第一模板的摘要信息和/或使用记录，所述模板内容区域用于显示所述第一模板的内容。在一个示例中，所述第一模板的摘要信息例如可以包括所述第一模板的标题和所述第一模板的功能描述。例如，第一模板的标题为“会议记录”，所述第一模板的功能描述为“会议内容随手记”。所述第一模板的使用记录，例如可以包括所述第一模板的使用量，使用所述第一模板的用户中与所述用户存在关联关系的用户的信息，其中，两个用户存在关联关系，例如可以是这两个用户存在同一个组织(例如群组)中，又如可以是这两个用户为个人好友(例如互为即时通讯软件的联系人)。
75.在一个示例中，可以将所述第一区域分为上下两个区域，位于上方的区域为所述模板信息区域，位于下方的区域为所述模板内容区域。
76.在一个示例中，考虑到不同用户的习惯有所不同，有的用户可能更喜欢以全屏模式预览模板。因此，为了满足用户需求，在一个示例中，所述第一区域可以包括第一控件，所述第一控件用于触发全屏预览操作，当用户希望以全屏预览模式预览所述第一模板的内容时，第一用户可以通过所述第一控件触发全屏预览操作，相应的，所述客户端可以响应于用户利用所述第一控件触发的操作，在所述第一页面的全部区域中显示所述第一区域的内容，即：以全屏模式显示所述第一模板的内容。
77.在一个示例中，如前所述，在显示第一模板的内容时，可以在模板信息区域显示所述第一模板的摘要信息和/或使用记录信息，在模板内容区域显示所述第一模板的内容。因此，当在所述第一页面的全部区域中显示所述第一区域的内容时，可以在所述第一页面的第二区域显示前述模板内容区域的内容，在所述第一区域显示所述模板信息区域的内容。即：在所述第一页面的第二区域显示所述第一模板的摘要信息和/或使用记录信息，在所述第一页面的第一区域显示所述第一模板的内容。
78.在一个示例中，为了使得用户更好的了解所述第一模板，还可以显示所述第一模板的评论信息。对于这种情况，前述“在所述第一页面的第二区域显示所述第一模板的摘要信息和/或使用记录信息”在具体实现时，可以保持所述模板信息区域在所述第一区域的位置不变，在所述第一区域的模板内容区域中显示针对所述第一模板的评论信息。即：在全屏模式下，将第一模板的内容由模板内容区域214调整至第二区域220显示，而模板内容区域
214 用于显示第一模板的评论信息。
79.在一个示例中，当用户以全屏模式预览所述第一模板的内容时，所述用户还可以触发退出全屏预览模式的操作，相应的，所述客户端可以响应于所述退出全屏预览模式的操作，返回第一页面，重新在第一页面的第一区域显示所述第一模板的内容。
80.在一个示例中，若用户预览第一模板的内容之后，希望预览其它模板(例如第二模板)的内容，则用户可以直接针对所述第一页面的第二区域所显示的第二模板标识触发预览操作，从而预览所述第二模板的内容。其中，所述第二模板标识用于标识第二模板，所述第二区域显示的至少一个模板标识包括所述第二模板标识。
81.在所述用户针对所述第二模板标识触发预览操作之后，所述客户端可以响应于所述用户针对所述第二模板标识触发预览操作，将所述第一区域内显示的内容由所述第一模板的内容替换为所述第二模板的内容。这样一来，用户即可在所述第一页面的所述第一区域查看所述第二模板的内容。
82.在一个示例中，所述第一区域还包括用于触发结束预览操作的第二控件，当用户希望结束预览所述第一模板的内容时，用户可以通过所述第二控件触发结束预览操作，当用户触发所述结束预览操作之后，所述客户端可以响应于所述结束预览操作，返回至模板推荐页面，即：客户端可以在所述第一页面显示所述多个模板标识，并且，所述第一页面不再包括所述第一模板的内容。
83.现结合以下图2a、图2b以及图2c介绍本技术实施例提供的模板预览方法。
84.参见图2a，图2a为本技术实施例提供的一种第一页面的示意图。如图2a 所示：第一页面包括多个模板标识，即：图2a所示的模板卡片201、模板卡片202、模板卡片203、模板卡片204。
85.用户通过点击模板卡片201上的“预览”控件之后，客户端显示如图2b 所示的第一页面。如图2b所示，第一页面包括第一区域210和第二区域220，第一区域210显示模板卡片201对应的模板的内容，第二区域220显示模板卡片201和模板卡片202。另外，第一区域210还包括第一控件211和第二控件212，用户可以通过第一控件211触发全屏预览操作，用户可以通过第二控件212触发结束预览操作。
86.在一个示例中，在图2b所示的第一页面中，用户可以针对模板卡片202 触发预览操作，从而实现预览模板卡片202对应的模板，相应的，第一区域 210显示的内容更新为模板卡片202对应的模板的内容。
87.当用户针对第一控件211触发全屏预览操作之后，客户端显示图2c所示的全屏预览页面，所述全屏预览页面包括控件230，用户可以通过所述控件 230触发退出全屏预览模式的操作，从而返回图2b所示的第一页面。
88.在又一个示例中，当用户针对第一控件211触发全屏预览操作之后，客户端显示图2d所示的全屏预览页面，图2d所示的全屏预览页面包括第一区域210和第二区域220，第一区域220用于显示模板卡片201对应的模板的内容，第一区域210中的区域213显示模板的摘要信息和/或使用记录信息，在第一区域210中的区域214显示模板的评论信息。
89.需要说明的是，以上图2a、图2b和图2c是为了方便理解本方案的相关内容而示出，其并不构成对本技术实施例的限定。例如，第一页面所包括的内容不限于图2a和图2b所示。又如，全屏预览页面所包括的内容不限于图 2c所示。
90.基于以上实施例提供的方法，本技术实施例还提供了一种装置，以下结合附图介绍该装置。
91.参见图3，图3为本技术实施例提供的一种模板预览装置的结构示意图。所述装置300例如可以具体包括：接收单元301和第一显示单元302。
92.接收单元301，用于接收用户针对第一页面中的第一模板标识触发的预览操作，所述第一页面中包括多个模板标识，所述多个模板标识包括所述第一模板标识，所述第一模板标识用于标识第一模板；
93.第一显示单元302，用于响应于所述用户针对所述第一模板标识触发的预览操作，在所述第一页面的第一区域显示所述第一模板的内容，并在所述第一页面的第二区域显示所述多个模板标识中的至少一个模板标识。
94.可选的，所述装置还包括：
95.替换单元，用于响应于所述用户针对所述第二区域显示的第二模板标识触发的预览操作，将所述第一区域内显示的内容由所述第一模板的内容替换为第二模板的内容，所述第二模板标识用于标识所述第二模板。
96.可选的，所述第一区域包括模板信息区域和模板内容区域，所述模板信息区域用于显示所述第一模板的摘要信息和/或使用记录信息，所述模板内容区域用于显示所述第一模板的内容。
97.可选的，还包括：
98.第二显示单元，用于响应于对所述第一区域的第一控件的触发操作，在所述第一页面的全部区域中显示所述第一区域的内容。
99.可选的，所述装置还包括：
100.第三显示单元，用于响应于所述用户触发的退出全屏预览模式的操作，在所述第一区域显示所述第一模板的内容。
101.可选的，所述第二显示单元，用于：
102.在所述第二区域显示所述模板内容区域的内容，在所述第一区域显示所述模板信息区域的内容。
103.可选的，所述在所述第一区域显示所述模板信息区域的内容包括：
104.保持所述模板信息区域在所述第一区域的位置不变，在所述第一区域的模板内容区域中显示针对所述第一模板的评论信息。
105.可选的，所述第一区域包括第二控件，所述第二控件用于触发结束预览操作，所述装置还包括：
106.第四显示单元，用于响应于所述用户通过所述第二控件触发的结束预览操作，在所述第一页面显示所述多个模板标识，并且，所述第一页面不再包括所述第一模板的内容。
107.可选的，所述第一模板标识包括：
108.包括所述第一模板的模板名称和模板缩略图的模板卡片。
109.可选的，所述第一模板包括以下任意一项：
110.文档模板、表格模板、思维导图模板、流程图模板、白板模板或者网页模板。
111.由于所述装置300是与以上方法实施例提供的方法对应的装置，所述装置300的各个单元的具体实现，均与以上方法实施例为同一构思，因此，关于所述装置300的各个单元
的具体实现，可以参考以上方法实施例的相关描述部分，此处不再赘述。
112.本技术实施例还提供了一种设备，所述设备包括处理器和存储器；
113.所述处理器用于执行所述存储器中存储的指令，以使得所述设备执行以上方法实施例提供的模板预览方法。
114.本技术实施例提供了一种计算机可读存储介质，包括指令，所述指令指示设备执行以上方法实施例提供模板预览方法。
115.本领域技术人员在考虑说明书及实践这里公开的发明后，将容易想到本技术的其它实施方案。本技术旨在涵盖本技术的任何变型、用途或者适应性变化，这些变型、用途或者适应性变化遵循本技术的一般性原理并包括本公开未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的，本技术的真正范围和精神由下面的权利要求指出。
116.应当理解的是，本技术并不局限于上面已经描述并在附图中示出的精确结构，并且可以在不脱离其范围进行各种修改和改变。本技术的范围仅由所附的权利要求来限制。
117.以上所述仅为本技术的较佳实施例，并不用以限制本技术，凡在本技术的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本技术的保护范围之内。