一种针对Vue系统的文案更新方法及装置与流程

一种针对vue系统的文案更新方法及装置
技术领域
1.本发明涉及计算机领域，特别涉及一种针对vue系统的文案更新方法及装置。


背景技术：

2.随着互联网技术的发展，各类前端系统营运而生，针对各前端系统的个性化文案也变的越来与普及。通过定期修改文案，能够吸引用户、提升系统使用体验。
3.在对这些文案进行修改时，通常是采用修改源码文件的方式来实现的。即通过直接修改系统文案，然后通过重新打包、部署、测试、验收、发布等一系列流程来完成文案的修改，由此就会造成文案修改不够灵活、且容易出错问题。
4.由此，亟需一种文案更新方法，以解决现有技术中，文案修改不够灵活、且容易出错的问题。


技术实现要素：

5.有鉴于此，本发明提供了一种针对vue系统的文案更新方法、装置，主要目的在于解决目前存在的文案修改不够灵活、且容易出错的问题。
6.为解决上述问题，本技术提供一种针对vue系统的文案更新方法，包括：
7.获取目标文案的各文案文件夹；各所述文案文件夹中包含有若干源文件；
8.基于各所述文案文件夹中各所述源文件的文件类型，分别采用与文件类型对应的转换方式对各所述源文件进行转换，以获得与各所述文案文件夹对应的static.json格式的第一文件；
9.对各所述第一文件进行聚合处理，获得与所述目标文案对应的目标文件；
10.在对所述目标文案进行更新时，响应针对所述目标文件的修改操作，以获得修改后的目标文件；
11.基于所述修改后的目标文件对所述目标文案进行文案更新。
12.可选的，所述获取目标文案的各文案文件夹，具体包括：
13.获取所述目标文案的目标文件夹；
14.对所述目标文件夹进行逐层遍历，以获得包含有若干源文件文件的各所述文案文件夹。
15.可选的，所述文件类型包括如下任意一种：vue类型、js类型和ts类型；
16.所述基于各所述文案文件夹中各所述源文件的文件类型，分别采用与文件类型对应的转换方式对各所述源文件进行转换，以获得与各所述文案文件夹对应的、static.json格式的第一文件，具体包括：
17.在所述源文件的文件类型为js类型或ts类型的情况下，基于所述第一转换方式对所述js类型或ts类型的源文件进行转换，以获得与所述源文件对应的第一数据结构；
18.在所述源文件的文件类型为vue类型的情况下，基于第二转换方式对所述vue类型的源文件进行转换，以获得与所述源文件对应的第二数据结构以及第三数据结构；
19.基于目标写入方式，对同一文案文件夹对应的各数据结构中的内容依次进行内容写入，以生成与各所述文案文件夹对应的所述第一文件。
20.可选的，所述基于所述第一转换方式对所述js类型或ts类型的源文件进行转换，以获得与所述源文件对应的第一数据结构，具体包括：
21.基于第一编译方式对所述js类型或ts类型的源文件进行编译，以获得所述第一数据结构。
22.可选的，所述基于第二转换方式对所述vue类型的源文件进行转换，以获得与所述源文件对应的第二数据结构以及第三数据结构，具体包括：
23.对所述vue类型的源文件进行切割，以获得文本类的第一子源文件以及代码类的第二子源文件；
24.基于第二编译方式对所述第一子源文件进行以编译，获得所述第二数据结构；
25.基于第一编译方式对所述第二子源文件进行以编译，获得所述第三数据结构。
26.可选的，所述基于所述修改后的目标文件对所述目标文案进行文案更新，具体包括：
27.基于与所述目标写入方式对应的加载方式，对所述修改后的目标文件进行加载，以对所述目标文件进行文案更新。
28.为解决上述问题本技术提供一种针对vue系统的文案更新装置，包括：
29.获取模块，用于获取目标文案的各文案文件夹；各所述文案文件夹中包含有若干源文件；
30.转换模块，用于基于各所述文案文件夹中各所述源文件的文件类型，分别采用与文件类型对应的转换方式对各所述源文件进行转换，以获得与各所述文案文件夹对应的static.json格式的第一文件；
31.聚合模块，用于对各所述第一文件进行聚合处理，获得与所述目标文案对应的目标文件；
32.响应模块，用于在在对所述目标文案进行更新时，响应针对所述目标文件的修改操作，以获得修改后的目标文件；
33.更新模块，用于基于所述修改后的目标文件对所述目标文案进行文案更新。
34.可选的，所述获取模块具体用于：获取所述目标文案的目标文件夹；
35.对所述目标文件夹进行逐层遍历，以获得包含有若干源文件文件的各所述文案文件夹。
36.为解决上述问题，本技术提供一种存储介质，所述存储介质存储有计算机程序，所述计算机程序被处理器执行时实现上述任一项所述针对vue系统的文案更新方法的步骤。
37.为解决上述问题，本技术提供一种电子设备，至少包括存储器、处理器，所述存储器上存储有计算机程序，所述处理器在执行所述存储器上的计算机程序时实现上述任一项所述针对vue系统的文案更新方法的步骤。
38.本技术中通过对目标文案的各源文件进行转换、聚合，以此来获得与目标文案对应的目标文件，由此后续在对目标文案进行更新时，就可以随时针对目标文件进行修改，使得目标文案的更新更加灵活、便捷，避免了由于对目标文案源码文件进行修改而造成修改易出错的问题。
39.上述说明仅是本发明技术方案的概述，为了能够更清楚了解本发明的技术手段，而可依照说明书的内容予以实施，并且为了让本发明的上述和其它目的、特征和优点能够更明显易懂，以下特举本发明的具体实施方式。
附图说明
40.通过阅读下文优选实施方式的详细描述，各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的，而并不认为是对本发明的限制。而且在整个附图中，用相同的参考符号表示相同的部件。在附图中：
41.图1为本技术实施例一种针对vue系统的文案更新方法的流程图；
42.图2为本技术又一实施例一种针对vue系统的文案更新方法的流程图；
43.图3为本技术实施例中获得目标文件的流程图；
44.图4为本技术另一实施例中针对vue系统的文案更新装置的结构框图；
45.图5为本技术另一实施例一种电子设备的结构框图。
具体实施方式
46.此处参考附图描述本技术的各种方案以及特征。
47.应理解的是，可以对此处申请的实施例做出各种修改。因此，上述说明书不应该视为限制，而仅是作为实施例的范例。本领域的技术人员将想到在本技术的范围和精神内的其他修改。
48.包含在说明书中并构成说明书的一部分的附图示出了本技术的实施例，并且与上面给出的对本技术的大致描述以及下面给出的对实施例的详细描述一起用于解释本技术的原理。
49.通过下面参照附图对给定为非限制性实例的实施例的优选形式的描述，本技术的这些和其它特性将会变得显而易见。
50.还应当理解，尽管已经参照一些具体实例对本技术进行了描述，但本领域技术人员能够确定地实现本技术的很多其它等效形式。
51.当结合附图时，鉴于以下详细说明，本技术的上述和其他方面、特征和优势将变得更为显而易见。
52.此后参照附图描述本技术的具体实施例；然而，应当理解，所申请的实施例仅仅是本技术的实例，其可采用多种方式实施。熟知和/或重复的功能和结构并未详细描述以避免不必要或多余的细节使得本技术模糊不清。因此，本文所申请的具体的结构性和功能性细节并非意在限定，而是仅仅作为权利要求的基础和代表性基础用于教导本领域技术人员以实质上任意合适的详细结构多样地使用本技术。
53.本说明书可使用词组“在一种实施例中”、“在另一个实施例中”、“在又一实施例中”或“在其他实施例中”，其均可指代根据本技术的相同或不同实施例中的一个或多个。
54.本技术实施例提供一种针对vue系统的文案更新方法，具体可以应用于终端、服务器等电子设备。如图1所示，本实施例中的方法包括如下步骤：
55.步骤s101，获取目标文案的各文案文件夹；各所述文案文件夹中包含有若干源文件；
56.本步骤在具体实施过程中，可以采用逐层遍历的方式来确定包含有源文件的文件夹为文案文件夹。也就是说，针对不同的目标文案，会对应有不同的目标文件夹，由此就可以对目标文件夹进行逐层遍历，如果遍历到文件夹则继续遍历该文件夹下面的文件，直至遍历到源文件，由此就可以确定源文件所位于的文件夹为文案文件夹。具体的，可以利用利用taketext脚本对目标文件夹进行遍历，以此来从目标文件夹中获得各文案文件夹。
57.步骤s102，基于各所述文案文件夹中各所述源文件的文件类型，分别采用与文件类型对应的转换方式对各所述源文件进行转换，以获得与各所述文案文件夹对应的static.json格式的第一文件；
58.本步骤中，源文件的文件类别包括vue类型、ts类型和js类型中的任意一种。在具体实施过程中，在针对ts类型或js类型的源文件时，可以利用对应的编译方式对所述js类型或ts类型的源文件进行编译，以获得所述第一数据结构ast。在针对vue类型的源文件时，可以先对vue类型的源文件进行切割，以此来获得文本文件template和代码文件script，然后再分别利用对应的编译方式对文本文件template和代码文件script进行编译，以此来获得第二数据ast和第三数据结构ast。后续就可以基于各数据结构获得与各文案文件夹对应的static.json格式的第一文件，即获得static.json文件。
59.步骤s103，对各所述第一文件进行聚合处理，获得与所述目标文案对应的目标文件；
60.本步骤在具体实施过程中，可以按照预定的顺序对各第一文件进行聚合，例如，按照第一文件获得时间的时间先后顺序、或者按照存储文件夹的层级顺序对各static.json文件/第一文件，进行聚合处理，获得目标文件，即获得app.json文件。本步骤中通过预先获得app.json文件，能够为后续基于app.json文件灵活的进行文案修改提供保障。
61.步骤s104，在对所述目标文案进行更新时，响应针对所述目标文件的修改操作，以获得修改后的目标文件；
62.本步骤在具体实施过程中，具体可以对目标文件/app.json文件中的value值进行修改，以此来获得修改后的目标文件，即获得修改后的app.json文件。
63.步骤s105，基于所述修改后的目标文件对所述目标文案进行文案更新。
64.本步骤在具体实施过程中，具体可以通过对修改后的目标文件进行加载、展示，以此来对目标文案进行文案更新。
65.本实施例中，通过对目标文案的各源文件进行转换、聚合，以此来获得与目标文案对应的目标文件，由此后续在对目标文案进行更新时，就可以随时针对目标文件进行修改，使得目标文案的更新更加灵活、便捷，避免了由于对目标文案源码文件进行修改而造成修改易出错的问题。
66.本技术又一实施例提供一种针对vue系统的文案更新方法，包括：
67.步骤s201，获取所述目标文案的目标文件夹；对所述目标文件夹进行逐层遍历，以获得包含有若干源文件文件的各所述文案文件夹；
68.本步骤在具体实施过程中，具体可以基于taketext脚本对目标文件夹进行逐层遍历，以确定包含源文件的文件夹为文案文件夹。例如目标文件夹a中包含有文件夹a、文件夹b和文件夹c；文件夹a中包含文件夹1，文件夹b中包含文件夹2，文件夹c中包含有vue源文件；文件夹1中包含有ts文件，文件夹2中包含有非源文件，由此就可以确定文件夹1和文件
夹c为文案文件夹。
69.步骤s202，在所述源文件的文件类型为js类型或ts类型的情况下，基于所述第一转换方式对所述js类型或ts类型的源文件进行转换，以获得与所述源文件对应的第一数据结构；
70.在所述源文件的文件类型为vue类型的情况下，基于第二转换方式对所述vue类型的源文件进行转换，以获得与所述源文件对应的第二数据结构以及第三数据结构；
71.本步骤在具体实施过程中，在针对js类型或ts类型的源文件进行转换时，具体可以采用如下方式：基于第一编译方式对所述js类型或ts类型的源文件进行编译，以获得所述第一数据结构。例如，第一编译方式可以为基于typescript插件的编译方式，即利用typescript插件对js类型或ts类型的源文件进行编译，以此来获得第一数据结构ast。
72.在针对vue类型的源文件进行转换时，具体可以采用如下方式：对所述vue类型的源文件进行切割，以获得文本类的第一子源文件template以及代码类的第二子源文件script；基于第二编译方式对所述第一子源文件template进行以编译，获得所述第二数据结构ast；基于第一编译方式对所述第二子源文script件进行以编译，获得所述第三数据结构ast。本步骤中，第二编译方式可以为基于vue-template-compiler插件的编译方式，即利用vue-template-compiler插件对所述第一子源文件template进行以编译，获得所述第二数据结构ast。本实施例在具体实施过程中，例如文案文件夹中同时包含有vue源文件以及ts源文件时，可以先对ts源文件进行编译以此来获得第一数据结构ast，然后再在该第一数据结构的基础上再对vue文件进行切割获得第一子源文件template以及第二子源文件script，然后再在第一数据结构的基础上，再依次对第一子源文件template以及第二子源文件script进行文件编译，以此来获得相应的第二数据结构以及第三数据结构。
73.步骤s203，基于目标写入方式，对同一文案文件夹对应的各数据结构中的内容依次进行内容写入，以生成与各所述文案文件夹对应的所述第一文件。
74.本步骤在具体实施过程中，目标写入方式具体可以为i18n写法，即利用i18n写法将各数据结构ast中的内容进行内容写入，以对ast中的内容进行替换，以此来生成各文案文件夹对应的第一文件，即生成static.json文件。本实施例中static.json文件中存储有数据映射表，该数据映射表中存储有key值-vuelue值的映射关系。
75.步骤s204，对各所述第一文件进行聚合处理，获得与所述目标文案对应的目标文件；
76.本步骤在具体实施过程中，可以按照预定的顺序对各第一文件进行聚合，例如，按照第一文件获得时间的时间先后顺序、或者按照各第一文件所对应文件夹的文件夹层级顺序对各static.json文件/第一文件，进行聚合处理，获得目标文件
77.步骤s205，在对所述目标文案进行更新时，响应针对所述目标文件的修改操作，以获得修改后的目标文件；
78.本步骤中在具体实施过程中，可以将目标文件存放至内容管理系统(content management system，英文简称cms)，然后在该系统中对目标文件进行修改，具体可以对目标文件/app.json文件中的value值进行修改，以此来获得修改后的目标文件，即获得修改后的app.json文件。
79.步骤s206，基于所述修改后的目标文件对所述目标文案进行文案更新。
80.本步骤在具体实施过程中，具体可以利用vue-i18n.js国际化插件通过api接口来对cms系统中修改后的app.json文件进行加载、展示，以此来对目标文案进行文案更新。本实施例中i18n是国际化internationalization的简写。
81.本实施例中，通过对目标文案的各源文件进行转换、聚合，以此来获得与目标文案对应的目标文件，由此后续在对目标文案进行更新时，就可以随时针对目标文件进行修改，使得目标文案的更新更加灵活、便捷，避免了由于对目标文案源码文件进行修改而造成修改易出错的问题。
82.为了对上述实施例做进一步解释，以下结合具体的应用场景进行说明，如图2所示，本实施例中的文案更新过程为：
83.步骤一、基于taketext脚本获取各文案文件中.vue、.js以及.ts中任意一种或几种类型的源文件；
84.步骤二、基于各源文件的文件类型采用相应的方式编译成数据结构ast，即语法树ast；
85.步骤三、将ast文本内容替换成i18n写法并生成static.json文件/第一文件；
86.步骤四、对各static.json文件进行聚合处理，获得app.json文件/目标文件；
87.步骤五、将app.json文件/目标文件中的存放至cms系统；
88.步骤六、在cms系统上对app.json文件/目标文件中的value值进行修改；
89.步骤七、基于vue-i18n插件通过api接口来对cms系统中修改后的app.json文件进行加载、展示，以实现文案更新，即完成页面展示替换。
90.本实施例在具体实施过程中，步骤一至步骤四中获得app.json文件/目标文件的具体过程可以如图3所示，包括：
91.步骤1、对各文案文件夹中的源文件的文件类型进行判断，确定各源文件的文件类型为.vue类型、.js类型或.ts类型；在文件类型为.vue类型时，执行步骤2；在文件类型为.js/.ts类型时，执行步骤4；
92.步骤2、对.vue类型的源文件进行分割处理，获得template部分和script部分；
93.步骤3、对template部分采用vue-template-compiler插件进行编译，获得数据结构ast；对script部分采用typescript插件进行编译，获得数据结构ast；
94.步骤4、对.js/ts类型的源文件采用typescript插件进行编译，获得数据结构ast；
95.步骤5、遍历是否为文本节点，在确定为文本节点的情况下，将数据结构ast文本中的内容替换成i18n写法，并生成与文案文件夹对应的static.json文件；
96.步骤6、对各static.json文件进行聚合处理，获得app.json文件，即获得目标文件。
97.本实施例中通过借助vue-template-compiler将.vue文件完成文本替换，利用typescript插件完成.js\.ts文件的文本替换，并生成指定static.json文件。将src文件夹所有static.json聚合成一个app.json。利用vue-i18n.js国际化插件加载app.json实现最终的文案展示。本实施例中的文案更新方法，全系统的文案均可提取到app.json中，并通过csm实时更改，使得目标文件的更新更加灵活，更新效率快，仅发布app.json到csm即可，无其他流程。并且通过采用本实施例中的文案更新方法，改动范围可控，只需检查app.json的改动内容即可，避免了由于改动源码文件时的误操作而造成文案更新出错的问题，保证了
文案更新的准确性。
98.本技术另一实施例提供一种针对vue系统的文案更新装置，如图4所示，本实施例中的文案更新装置1具体包括：
99.获取模块11，用于获取目标文案的各文案文件夹；各所述文案文件夹中包含有若干源文件；
100.转换模块12，用于基于各所述文案文件夹中各所述源文件的文件类型，分别采用与文件类型对应的转换方式对各所述源文件进行转换，以获得与各所述文案文件夹对应的static.json格式的第一文件；
101.聚合模块13，用于对各所述第一文件进行聚合处理，获得与所述目标文案对应的目标文件；
102.响应模块14，用于在在对所述目标文案进行更新时，响应针对所述目标文件的修改操作，以获得修改后的目标文件；
103.更新模块15，用于基于所述修改后的目标文件对所述目标文案进行文案更新。
104.本实施例在具体实施过程中，所述获取模块具体用于：获取所述目标文案的目标文件夹；对所述目标文件夹进行逐层遍历，以获得包含有若干源文件文件的各所述文案文件夹。
105.本实施例在具体实施过程中，所述文件类型包括如下任意一种：vue类型、js类型和ts类型；所述转换模块具体用于：在所述源文件的文件类型为js类型或ts类型的情况下，基于所述第一转换方式对所述js类型或ts类型的源文件进行转换，以获得与所述源文件对应的第一数据结构；在所述源文件的文件类型为vue类型的情况下，基于第二转换方式对所述vue类型的源文件进行转换，以获得与所述源文件对应的第二数据结构以及第三数据结构；基于目标写入方式，对同一文案文件夹对应的各数据结构中的内容依次进行内容写入，以生成与各所述文案文件夹对应的所述第一文件。
106.本实施例在具体实施过程中，所述转换模块在用于基于所述第一转换方式对所述js类型或ts类型的源文件进行转换，以获得与所述源文件对应的第一数据结构时，具体用于：基于第一编译方式对所述js类型或ts类型的源文件进行编译，以获得所述第一数据结构。
107.本实施例在具体实施过程中，所述转换模块在用于基于第二转换方式对所述vue类型的源文件进行转换，以获得与所述源文件对应的第二数据结构以及第三数据结构时，具体用于：对所述vue类型的源文件进行切割，以获得文本类的第一子源文件以及代码类的第二子源文件；基于第二编译方式对所述第一子源文件进行以编译，获得所述第二数据结构；基于第一编译方式对所述第二子源文件进行以编译，获得所述第三数据结构。
108.本实施例在具体实施过程中，所述更新模块具体用于：基于与所述目标写入方式对应的加载方式，对所述修改后的目标文件进行加载，以对所述目标文件进行文案更新。
109.本实施例中，通过对目标文案的各源文件进行转换、聚合，以此来获得与目标文案对应的目标文件，由此后续在对目标文案进行更新时，就可以随时针对目标文件进行修改，使得目标文案的更新更加灵活、便捷，避免了由于对目标文案源码文件进行修改而造成修改易出错的问题。
110.本技术另一实施例提供一种存储介质，所述存储介质存储有计算机程序，所述计
算机程序被处理器执行时实现如下方法步骤：
111.步骤一、获取目标文案的各文案文件夹；各所述文案文件夹中包含有若干源文件；
112.步骤二、基于各所述文案文件夹中各所述源文件的文件类型，分别采用与文件类型对应的转换方式对各所述源文件进行转换，以获得与各所述文案文件夹对应的static.json格式的第一文件；
113.步骤三、对各所述第一文件进行聚合处理，获得与所述目标文案对应的目标文件；
114.步骤四、在对所述目标文案进行更新时，响应针对所述目标文件的修改操作，以获得修改后的目标文件；
115.步骤五、基于所述修改后的目标文件对所述目标文案进行文案更新。
116.上述方法步骤的具体实施过程可参见上述任意针对vue系统的文案更新方法的实施例，本实施例在此不再重复赘述。
117.本技术中通过对目标文案的各源文件进行转换、聚合，以此来获得与目标文案对应的目标文件，由此后续在对目标文案进行更新时，就可以随时针对目标文件进行修改，使得目标文案的更新更加灵活、便捷，避免了由于对目标文案源码文件进行修改而造成修改易出错的问题。
118.本技术另一实施例提供一种电子设备，如图5所示，至少包括存储器1、处理器2，所述存储器1上存储有计算机程序，所述处理器2在执行所述存储器1上的计算机程序时实现如下方法步骤：
119.步骤一、获取目标文案的各文案文件夹；各所述文案文件夹中包含有若干源文件；
120.步骤二、基于各所述文案文件夹中各所述源文件的文件类型，分别采用与文件类型对应的转换方式对各所述源文件进行转换，以获得与各所述文案文件夹对应的static.json格式的第一文件；
121.步骤三、对各所述第一文件进行聚合处理，获得与所述目标文案对应的目标文件；
122.步骤四、在对所述目标文案进行更新时，响应针对所述目标文件的修改操作，以获得修改后的目标文件；
123.步骤五、基于所述修改后的目标文件对所述目标文案进行文案更新。
124.上述方法步骤的具体实施过程可参见上述任意针对vue系统的文案更新方法的实施例，本实施例在此不再重复赘述。
125.本技术中通过对目标文案的各源文件进行转换、聚合，以此来获得与目标文案对应的目标文件，由此后续在对目标文案进行更新时，就可以随时针对目标文件进行修改，使得目标文案的更新更加灵活、便捷，避免了由于对目标文案源码文件进行修改而造成修改易出错的问题。
126.以上实施例仅为本技术的示例性实施例，不用于限制本技术，本技术的保护范围由权利要求书限定。本领域技术人员可以在本技术的实质和保护范围内，对本技术做出各种修改或等同替换，这种修改或等同替换也应视为落在本技术的保护范围内。