一种用户界面配置方法、装置及存储介质制造方法及图纸

技术编号:39135953 阅读:10 留言:0更新日期:2023-10-23 14:52
本发明专利技术涉及用户界面开发领域,公开了一种用户界面配置方法、装置及存储介质,该方法通过创建用户界面主题,并将所对应的主题信息存储于数据库中;根据主题名称与主题描述对npm私库内安装包进行匹配,获取对应的历史安装包;解析历史安装包提取第一字符串,并根据第一字符串对用户界面主题进行渲染,生成当前主题界面,字符串为json字符串;基于预设主题规范对当前主题界面进行配置,获得当前主题版本,并将当前主题版本及当前版本号存储于数据库的版本信息;提取当前主题版本的第二字符串,将第二字符串编译封装成新安装包发布到npm私库。用户在网站上直接完成当前主题的配置,并在npm私库中进行当前主题版本的发布,减少了用户界面配置的冗余工作。少了用户界面配置的冗余工作。少了用户界面配置的冗余工作。

【技术实现步骤摘要】
一种用户界面配置方法、装置及存储介质


[0001]本专利技术涉及用户界面开发领域,尤其涉及一种用户界面配置方法、装置及存储介质。

技术介绍

[0002]随着企业统一管理意识的增强,对于企业的UI(User Interface,用户界面)主题也有着统一的UI主题规范,为了适应企业发展需求,UI主题规范会不断迭代更新。在UI主题规范迭代更新后,企业的各个项目组开发的时候,每个项目UI主题也需要适应企业最新的UI主题规范。
[0003]在相关技术中,各个项目组的UI主题由单个项目组的程序员维护,即手动编写最新UI主题规范的代码且发布到npm(node package manager,node包管理器)私库,供该项目组使用,在此过程中,各个项目组开发的时候,都需要不断对每个项目进行最新UI主题规范的代码编写,完成UI主题维护以适应企业最新UI主题规范,对各个项目开发造成了大量的冗余工作。

技术实现思路

[0004]为了对披露的实施例的一些方面有基本的理解,下面给出了简单的概括。所述概括不是泛泛评述,也不是要确定关键/重要组成元素或描绘这些实施例的保护范围,而是作为后面的详细说明的序言。
[0005]鉴于以上所述现有技术的缺点,本专利技术公开了一种用户界面配置方法、装置及存储介质,以在企业UI主题规范迭代更新时,减少企业各个项目组对项目UI主题进行配置的冗余工作。
[0006]本专利技术提供了一种用户界面配置方法,包括:创建用户界面主题,并将所述用户界面主题所对应的主题信息存储于数据库中,所述主题信息包括主题名称、主题描述、安装包名称与版本信息,其中,所述安装包为npm包;根据所述主题名称与所述主题描述对npm私库内安装包进行匹配,获取对应的历史安装包,所述npm私库存储有多个历史安装包;解析所述历史安装包提取第一字符串,并根据所述第一字符串对所述用户界面主题进行渲染,生成当前主题界面,其中,字符串为json字符串;基于预设主题规范对所述当前主题界面进行配置,获得当前主题版本,并将所述当前主题版本及对应的当前版本号存储于所述数据库的版本信息;提取所述当前主题版本所对应的第二字符串,将所述第二字符串进行编译封装成新安装包发布到所述npm私库。
[0007]可选地,根据所述主题名称与所述主题描述对npm私库内安装包进行匹配,获取对应的历史安装包,包括:将所述npm私库与所述数据库进行连接,以使数据互通;根据所述主题名称与所述主题描述从所述数据库中确定出历史主题版本,其中,每个主题版本具有一一对应的版本号;基于所述历史主题版本从所述数据库中查询并获得对应的历史版本号,其中,每个版本号一一对应有一个安装包;基于所述历史版本号对所述npm私库进行匹配,
获得与所述历史版本号对应的所述历史安装包。
[0008]可选地,基于预设主题规范对所述当前主题界面进行配置,包括:获取所述预设主题规范中的第一主题配置参数,并根据所述第一主题配置参数在主题配置界面中对所述当前主题界面进行配置,生成新的所述主题配置界面并进行预览,所述第一主题配置参数包括第一颜色参数、第一尺寸参数与第一风格参数中至少一种;或将外部用户界面库接入所述主题配置界面,基于所述预设主题规范在所述外部用户界面库中选择外部主题;将所述外部主题所对应的主题内容编码写入所述主题配置界面的编码区域,加载所述主题内容编码获得第二主题配置参数以对所述当前主题界面进行配置,生成新的所述主题配置界面并进行预览,所述第二主题配置参数包括第二颜色参数、第二尺寸参数与第二风格参数中至少一种。
[0009]可选地,基于预设主题规范对所述当前主题界面进行配置,还包括:对新的主题配置界面所呈现的颜色、尺寸、风格进行评估,分别获得颜色评估分数、尺寸评估分数与风格评估分数;分别将所述颜色评估分数、所述尺寸评估分数与所述风格评估分数与各自对应的第一预评估分数阈值进行一次比较,根据第一比较结果对颜色参数、尺寸参数与风格参数中的至少一种配置参数进行调整,获得第三主题配置参数;根据所述第三主题配置参数对所述当前主题界面进行一次优化配置,并对一次优化配置后所对应的主题配置界面所呈现的整体效果进行评估,获得整体效果评估分数;将所述整体效果评估分数与第二评估分数阈值进行二次比较,并根据二次比较结果对所述颜色参数、所述尺寸参数与所述风格参数中至少一种配置参数进行调整,获得第四主题配置参数;根据所述第四主题配置参数对所述当前主题界面进行二次优化配置,直至所述整体效果评估分数达到所述第二评估分数阈值,完成所述当前主题界面的配置。
[0010]可选地,提取所述当前主题版本所对应的第二字符串,将所述第二字符串进行编译封装成新安装包发布到所述npm私库,包括:接收到目标用户的发布请求后,基于所述发布请求中携带的所述当前版本号从所述数据库中获取所述当前主题版本;对所述当前主题版本进行读取,获得所述第二字符串,并将所述第二字符串进行编译封装成成新安装包并存储于所述npm私库;响应于所述发布请求进行所述主题名称的写入,并将所述新安装包在所述npm私库中进行发布。
[0011]可选地,在创建用户界面主题之前,还包括:接收到所述目标用户的登录请求后,获取所述登录请求中携带的第一用户信息;基于目标用户信息库对所述第一用户信息进行审核,确定所述目标用户是否有权限,所述目标用户信息库中存储有各目标用户的用户信息;若确定所述目标用户没有权限,则显示登录npm私库失败;若确定所述目标用户有权限,则显示登录npm私库成功,进入主题创建界面。
[0012]可选地,将所述第二字符串进行编译封装成新安装包发布到所述npm私库之后,还包括:获取所述目标用户的第二用户信息,并基于所述目标人员信息库对所述第二用户信息进行审核;当审核结果为通过时,通过获取所述目标用户录入的调用请求,所述调用请求中均携带有所述安装包名称;基于所述安装包名称在所述npm私库中查找获得所述新安装包,并响应于所述调用请求对所述当前安装包进行调用。
[0013]可选地,在所述数据库中,对于同一主题名称对应有主版本与次版本,其中,未进行修改编辑的版本为主版本,进行修改编辑后的版本为次版本,所述次版本中的各历史主
题版本按照更新时间进行版本号排序,所述方法还包括:在所述当前主题界面渲染中出现渲染异常时,在所述npm库中匹配出最新版本号对应的最新历史安装包;解析所述最新历史安装包提取第三字符串,并根据所述第三字符串进行渲染异常排查。
[0014]本专利技术提供了一种用户界面配置装置,包括:创建模块,用于创建用户界面主题,并将所述用户界面主题所对应的主题信息存储于数据库中,所述主题信息包括主题名称、主题描述、安装包名称与版本信息,其中,所述安装包为npm包;获取模块,用于根据所述主题名称与所述主题描述对npm私库内安装包进行匹配,获取对应的历史安装包,所述npm私库存储有多个历史安装包;生成模块,用于解析所述历史安装包提取第一字符串,并根据所述第一字符串对所述用户界面主题进行渲染,生成当前主题界面,其中,字符串为json字符串;配置模块,本文档来自技高网
...

【技术保护点】

【技术特征摘要】
1.一种用户界面主题配置方法,其特征在于,所述方法包括:创建用户界面主题,并将所述用户界面主题所对应的主题信息存储于数据库中,所述主题信息包括主题名称、主题描述、安装包名称与版本信息,其中,所述安装包为npm包;根据所述主题名称与所述主题描述对npm私库内安装包进行匹配,获取对应的历史安装包,所述npm私库存储有多个历史安装包;解析所述历史安装包提取第一字符串,并根据所述第一字符串对所述用户界面主题进行渲染,生成当前主题界面,其中,字符串为json字符串;基于预设主题规范对所述当前主题界面进行配置,获得当前主题版本,并将所述当前主题版本及对应的当前版本号存储于所述数据库的版本信息;提取所述当前主题版本所对应的第二字符串,将所述第二字符串进行编译封装成新安装包发布到所述npm私库。2.根据权利要求1所述的方法,其特征在于,根据所述主题名称与所述主题描述对npm私库内安装包进行匹配,获取对应的历史安装包,包括:将所述npm私库与所述数据库进行连接,以使数据互通;根据所述主题名称与所述主题描述从所述数据库中确定出历史主题版本,其中,每个主题版本具有一一对应的版本号;基于所述历史主题版本从所述数据库中查询并获得对应的历史版本号,其中,每个版本号一一对应有一个安装包;基于所述历史版本号对所述npm私库进行匹配,获得与所述历史版本号对应的所述历史安装包。3.根据权利要求2所述的方法,其特征在于,基于预设主题规范对所述当前主题界面进行配置,包括:获取所述预设主题规范中的第一主题配置参数,并根据所述第一主题配置参数在主题配置界面中对所述当前主题界面进行配置,生成新的所述主题配置界面并进行预览,所述第一主题配置参数包括第一颜色参数、第一尺寸参数与第一风格参数中至少一种;或将外部用户界面库接入所述主题配置界面,基于所述预设主题规范在所述外部用户界面库中选择外部主题;将所述外部主题所对应的主题内容编码写入所述主题配置界面的编码区域,加载所述主题内容编码获得第二主题配置参数以对所述当前主题界面进行配置,生成新的所述主题配置界面并进行预览,所述第二主题配置参数包括第二颜色参数、第二尺寸参数与第二风格参数中至少一种。4.根据权利要求3所述的方法,其特征在于,基于预设主题规范对所述当前主题界面进行配置,还包括:对新的主题配置界面所呈现的颜色、尺寸、风格进行评估,分别获得颜色评估分数、尺寸评估分数与风格评估分数;分别将所述颜色评估分数、所述尺寸评估分数与所述风格评估分数与各自对应的第一预评估分数阈值进行一次比较,根据第一比较结果对颜色参数、尺寸参数与风格参数中的至少一种配置参数进行调整,获得第三主题配置参数;根据所述第三主题配置参数对所述当前主题界面进行一次优化配置,并对一次优化配
置后所对应的主题配置界面所呈现的整体效果进行评估,获得整体效果评估分数;将所述整体效果评估分数与第二评估分数阈值进行二次比较,并根据二次比较结果对所述颜色参数、所述尺寸参数与所述风格参数中至少一种配置参数进行调整,获得第四主题配置参数;根据所述第四主题配置参数对所述当前主题界面进行二次优化配置,直至所述整体效果评...

【专利技术属性】
技术研发人员:王晓虎陈俊霖
申请(专利权)人:浙江吉利控股集团有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1