预览加载中,请您耐心等待几秒...
1/10
2/10
3/10
4/10
5/10
6/10
7/10
8/10
9/10
10/10

亲,该文档总共16页,到这已经超出免费预览范围,如果喜欢就直接下载吧~

如果您无法下载资料,请参考说明:

1、部分资料下载需要金币,请确保您的账户上有足够的金币

2、已购买过的文档,再次下载不重复扣费

3、资料包下载后请先用软件解压,在使用对应软件打开

(19)中华人民共和国国家知识产权局(12)发明专利申请(10)申请公布号CN113741900A(43)申请公布日2021.12.03(21)申请号202111023459.X(22)申请日2021.08.31(71)申请人广州数励科技有限公司地址510000广东省广州市天河区建工路4号佳都科技大厦2号楼4F408(72)发明人曾文清黄林彬虞孝伟(74)专利代理机构广州佳睿知识产权代理事务所(普通合伙)44610代理人徐燕萍(51)Int.Cl.G06F8/41(2018.01)G06F16/13(2019.01)权利要求书2页说明书9页附图4页(54)发明名称一种前端页面应用的开发方法、装置及相关设备(57)摘要本发明属于互联网技术领域,尤其涉及一种前端页面应用的开发方法、装置及相关设备,所述方法包括获取基于Vue开发的源文件;读取所述源文件所有页面的索引文件,解析所述索引文件得到语法树;基于预设的处理规则替换所述语法树中的标签,得到符合freemarker语法标签的待处理文件;将所述待处理文件进行打包;利用所述待处理文件构建web模块化程序。本方法解决了采用Vue开发SPA应用带来的首屏渲染性能差、不利于seo、Freemarker开发带来的开发效率低、上手难度高的问题。CN113741900ACN113741900A权利要求书1/2页1.一种前端页面应用的开发方法,其特征在于,包括步骤:获取基于Vue开发的源文件;读取所述源文件所有页面的索引文件,解析所述索引文件得到语法树;基于预设的处理规则替换所述语法树中的标签,得到符合freemarker语法标签的待处理文件;将所述待处理文件进行打包;利用所述待处理文件构建web模块化程序。2.根据权利要求1所述的前端页面应用的开发方法,其特征在于,所述获取基于Vue开发的源文件的步骤包括:通过数据异步请求的方式,获取本地开发环境的源文件。3.根据权利要求1所述的前端页面应用的开发方法,其特征在于,所述读取所述源文件所有页面的索引文件,解析所述索引文件得到语法树的步骤之前,还包括步骤:判断所述源文件中是否包含图片文件;若包含图片文件,则对图片进行预处理,生成带hash名称的图片文件。4.根据权利要求3所述的前端页面应用的开发方法,其特征在于,所述对图片进行预处理,生成带hash名称的图片文件的步骤包括:通过fs文件系统API读取源文件assets目录下的所有图片;生成临时的所述图片文件;通过webpack处理生成所述带hash名称的图片文件。5.根据权利要求1所述的前端页面应用的开发方法,其特征在于,所述基于预设的处理规则替换所述语法树中的标签,得到符合freemarker语法标签的待处理文件的步骤包括:将所述语法树中的style标签直接转换成index.scss文件;使用babel工具对所述语法树中的script标签进行处理,生成index.js文件。6.根据权利要求5所述的前端页面应用的开发方法,其特征在于,所述基于预设的处理规则替换所述语法树中的标签,得到符合freemarker语法标签的待处理文件的步骤还包括:将所述语法树中的html/template标签转换为freemarker语法的.html文件。7.根据权利要求3所述的前端页面应用的开发方法,其特征在于,所述利用所述待处理文件构建web模块化程序的步骤之后还包括以下步骤:复制所述带hash名称的图片文件;删除.html后缀的文件;向.ftl后缀的文件注入预设的注入信息。8.一种前端页面应用的开发装置,其特征在于,包括:源文件获取模块,用于获取基于Vue开发的源文件;语法树模块,用于读取所述源文件所有页面的索引文件,解析所述索引文件得到语法树;标签转换模块,用于基于预设的处理规则替换所述语法树中的标签,得到符合freemarker语法标签的待处理文件;文件打包模块,用于将所述待处理文件进行打包;2CN113741900A权利要求书2/2页模块化程序构建模块,用于利用所述待处理文件构建web模块化程序。9.一种计算机设备,其特征在于,包括:存储器、处理器及存储在所述存储器上并可在所述处理器上运行的计算机程序,所述处理器执行所述计算机程序时实现如权利要求1至7中任一项所述的前端页面应用的开发方法中的步骤。10.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质上存储有计算机程序,所述计算机程序被处理器执行时实现如权利要求1至7中任一项所述的前端页面应用的开发方法中的步骤。3CN113741900A说明书1/9页一种前端页面应用的开发方法、装置及相关设备技术领域[0001]本发明属于互联网技术领域,尤其涉及一种前端页面应用的开发方法、装置及相关设备。背景技术[0002]通常一个完整的页面应用包含前端和后端,其中,前