【技术实现步骤摘要】
一种页面样式转换方法、装置、终端设备及存储介质
本专利技术涉及计算机
,尤其涉及一种页面样式转换方法、装置、终端设备及存储介质。
技术介绍
随着移动互联网的日益兴起,用户对在手机、平板、电脑等设备上通过不同平台的页面进行新闻阅读、视频观看、在线购物、即时通信等的需求越来越复杂和多样化。而且,由于不同平台所支持的页面格式不同,在开发一个页面时,通常需要针对不同的运行平台,分别开发不同平台所支持的多个不同页面。例如,假设针对一个已经开发好的RN(ReactNative)页面,需要在第三方平台小程序中展示同样的页面,则需要再次单独开发第三方平台小程序所支持的页面格式,从而使得页面开发效率比较低,开发成本较大。
技术实现思路
本专利技术实施例提供一种页面样式转换方法、装置、终端设备及存储介质,以解决现有的页面开发成本较高的问题。为了解决上述技术问题,本专利技术是这样实现的:第一方面,本专利技术实施例提供了一种页面样式转换方法,包括:获取RN页面代码的抽象语法树;遍历所 ...
【技术保护点】
1.一种页面样式转换方法,其特征在于,包括:/n获取RN页面代码的抽象语法树;/n遍历所述抽象语法树中的每个节点,获取所述RN页面的样式节点;/n根据小程序页面支持的样式,对所述样式节点进行样式转换处理,得到目标样式节点;/n以所述小程序页面支持的文件格式保存所述目标样式节点,得到所述小程序页面的样式文件;/n其中,所述样式转换处理包括命名规则转换、样式值单位转换、样式值处理方式转换中的至少一种。/n
【技术特征摘要】
1.一种页面样式转换方法,其特征在于,包括:
获取RN页面代码的抽象语法树;
遍历所述抽象语法树中的每个节点,获取所述RN页面的样式节点;
根据小程序页面支持的样式,对所述样式节点进行样式转换处理,得到目标样式节点;
以所述小程序页面支持的文件格式保存所述目标样式节点,得到所述小程序页面的样式文件;
其中,所述样式转换处理包括命名规则转换、样式值单位转换、样式值处理方式转换中的至少一种。
2.根据权利要求1所述的方法,其特征在于,所述根据小程序页面支持的样式,对所述样式节点进行样式转换处理,得到目标样式节点的步骤,包括:
响应于所述样式节点为封装样式节点,对所述封装样式节点所引用的样式字典进行样式转换处理,并调整所述封装样式节点中针对所述样式字典的引用方式;
响应于所述样式节点为未封装样式节点,对所述未封装样式节点中的样式键值对进行样式转换处理。
3.根据权利要求2所述的方法,其特征在于,所述响应于所述样式节点为封装样式节点,对所述封装样式节点所引用的样式字典进行样式转换处理,并调整所述封装样式节点中针对所述样式字典的引用方式的步骤,包括:
响应于所述样式节点为封装样式节点,对所述封装样式节点所引用的样式字典中包含的样式键值对进行样式转换处理,得到第一样式键值对;
针对每个所述第一样式键值对,根据所述样式字典对应的样式变量名、所述第一样式键值对对应的封装样式名,以及预设的连接符号,生成样式转换处理后的目标封装样式名并保存;
根据所述目标封装样式名,调整所述封装样式节点中针对所述样式字典的引用方式。
4.根据权利要求2或3所述的方法,其特征在于,所述对所述未封装样式节点中的样式键值对进行样式转换处理的步骤,包括:
遍历每个所述样式键值对,将所述样式键值对中样式名的命名规则调整为层叠样式表样式规则;
和/或,针对所述样式键值对中的每个样式值,响应于所述样式值为数字,设置所述述样式值的单位;
和/或,根据所述样式键值对中每个样式值的存在形式,将所述样式值处理为所述小程序页面支持的格式。
5.根据权利要求1-3中任一项所述的方法,其特征在于,所述以所述小程序页面支持的文件格式保存所述目标样式节点,得到所述小程序页面的样式文件的步骤,包括:
响应于所述目标样式节点为封装样式节点,将所述目标样式节点按照层叠样式表格式进行拼接并保存为所述小程序页面支持的样式表文件;
响应于所述目标样式节点为未封装样式节点,将所述目标样式节点保存为所述小程序页面支持的的标记语言文件。
6.根据权利要求1-3中任一项所述的方法,其特征在于,在所述以所述小程序页面支持的文件格式保存所述目标样式节点,得到所述小程序页面的样式文件的步骤之后,还包括:
将所述样式文件拉取到所述RN页面的布局文件中,并以所述样式文件替换所述布局文件中的原始样式文件,生成与所述RN页面对应的小程序页面。
7.一种页面样式转换装置,其特征在于,包括:
抽象语法树获取模块,用于获取RN页面代码的抽象语法树;
样式节点获取模块,用于遍历所述抽象语法树中的每个节点,获取所述RN页面...
【专利技术属性】
技术研发人员:朴惠姝,邓竹立,彭飞,
申请(专利权)人:五八有限公司,
类型:发明
国别省市:天津;12
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。