CN111061470A - 主题定制方法、***及计算机可读存储介质 - Google Patents
主题定制方法、***及计算机可读存储介质 Download PDFInfo
- Publication number
- CN111061470A CN111061470A CN201911214969.8A CN201911214969A CN111061470A CN 111061470 A CN111061470 A CN 111061470A CN 201911214969 A CN201911214969 A CN 201911214969A CN 111061470 A CN111061470 A CN 111061470A
- Authority
- CN
- China
- Prior art keywords
- theme
- style
- variables
- variable
- user
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 92
- 230000000694 effects Effects 0.000 claims description 58
- 238000004590 computer program Methods 0.000 claims description 15
- 230000008569 process Effects 0.000 abstract description 33
- 230000004048 modification Effects 0.000 abstract description 16
- 238000012986 modification Methods 0.000 abstract description 16
- 230000009471 action Effects 0.000 description 11
- 230000000007 visual effect Effects 0.000 description 10
- 238000013461 design Methods 0.000 description 9
- 238000010586 diagram Methods 0.000 description 7
- 230000008901 benefit Effects 0.000 description 6
- 230000003631 expected effect Effects 0.000 description 4
- 239000000463 material Substances 0.000 description 3
- 230000007246 mechanism Effects 0.000 description 2
- 238000000889 atomisation Methods 0.000 description 1
- 239000003086 colorant Substances 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 230000006872 improvement Effects 0.000 description 1
- 238000009434 installation Methods 0.000 description 1
- 238000012423 maintenance Methods 0.000 description 1
- 230000003068 static effect Effects 0.000 description 1
- 230000001360 synchronised effect Effects 0.000 description 1
- 230000009897 systematic effect Effects 0.000 description 1
- 238000012795 verification Methods 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/33—Intelligent editors
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Stored Programmes (AREA)
Abstract
本发明提出了一种主题定制方法、***及计算机可读存储介质。其中,主题定制方法包括:创建样式变量,并确定样式变量的影响区域;修改与样式变量相对应的目标元素,以使得样式变量可作用于目标元素;将样式变量作用于目标元素,以形成的定制主题。本发明提出的主题定制方法,首先创建可供用户定制使用的多个样式变量,而后用户可根据创建完成的样式变量自主定制主题,一方面可实现用户对于主题的定制,满足不同用户的个性化需求,另一方面避免定制过程中代码的重复修改,通过选取预先创建好的样式变量即可实现定制,灵活度高,拓展性强。
Description
技术领域
本发明涉及软件产品技术领域,具体而言,涉及一种主题定制方法、一种主题定制***及一种计算机可读存储介质。
背景技术
Iuap Design作为一款面向企业数字化的产品,其客户来自不同的领域、行业和项目,所接收的个性化需求就会越来越多。目前,Iuap Design并没有主题机制支撑,在用户定制主题的过程中,存在大量重复修改的问题,进而造成Iuap Design模式灵活度低、扩展性差。
发明内容
本发明旨在至少解决现有技术中存在的技术问题之一。
为此,本发明第一方面提供了一种主题定制方法。
本发明第二方面提供了一种主题定制***。
本发明第三方面提供了一种计算机可读存储介质。
本发明第一方面提供了一种主题定制方法,包括:创建样式变量,并确定样式变量的影响区域;修改与样式变量相对应的目标元素,以使得样式变量可作用于目标元素;将样式变量作用于目标元素,以形成的定制主题。
本发明提出的主题定制方法,首先创建多个样式变量,并确定每一个样式变量的影响区域,以明确每一个样式变量相对应的目标元素及作用效果;而后,修改与样式变量相对应的目标元素,保证样式变量可作用于目标元素,同时对修改结果进行验证,保证后续步骤有序进行;最后,将样式变量作用于目标元素,以形成的定制主题,实现用户对于主题的定制。
也即,本发明提出的主题定制方法,首先创建可供用户定制使用的多个样式变量,而后用户可根据创建完成的样式变量自主定制主题,一方面可实现用户对于主题的定制,满足不同用户的个性化需求,另一方面避免定制过程中代码的重复修改,通过选取预先创建好的样式变量即可实现定制,灵活度高,拓展性强。
根据本发明上述技术方案的主题定制方法,还可以具有以下附加技术特征:
在上述技术方案中,将样式变量作用于目标元素,以形成的定制主题的步骤之前,还包括:选取至少部分样式变量,并构建全局样式文件;建立全局样式文件的关联性,以保证全局样式文件内的样式变量的同步作用效果。
在该技术方案中,在形成定制主题的步骤之前,首选选取部分或全部的样式变量,并基于选取到的样式变量构建全局样式文件;而后,建立该全局样式文件的关联性,并将该全局样式文件内部的样式变量关联起来,以使得上述样式变量具有同步作用效果。也即,在用户定制过程中,对全局样式文件内的样式变量进行一次选取,即可实现批量定制,减少用户的选取定制步骤及时间,便于提升定制效率。
在上述任一技术方案中,将样式变量作用于目标元素,以形成的定制主题的步骤之前,还包括:根据接收到的选取指令,判断是否使用预置主题;若使用预置主题,下载并保存预置主题;若不使用预置主题,执行将样式变量作用于目标元素的步骤。
在该技术方案中,在用户定制主题之前,将预置主题展示给用户,用户根据展示的预置主题及用户想要的主题效果,给出一个选取指令。当用户选择使用预置主题时,直接下载并保存用户选择的预置主题即可,避免后续步骤的进行;当用户选择不使用预置主题时,进入到后续步骤,使得用户根据自身需求进行定制。
也即,本发明提出的主题定制方法,预设有部分预置主题,在用户开始定制主题之前,将预置主题展示给用户,如果预置主题已经满足用户需求,直接下载并保存用户选择的预置主题即可,灵活性更高。具体地,预置主题的数量可以为多个,以供用户选择;进一步地,预置主题可以是用户选择次数较高的主题。
在上述任一技术方案中,将样式变量作用于目标元素,以形成的定制主题的步骤,具体包括:根据接收到的选取指令,选取至少部分样式变量;将选取到的样式变量作用于目标元素,以形成定制主题;下载并保存形成的定制主题。
在该技术方案中,在定制主题的过程中,用户可以通过输入选取指令的方式,选择已经创建好的样式变量中的一个或多个,而后将选取到的样式变量作用于目标元素,以形成最终用户想要的定制主题;而后,下载并保存形成的定制主题,完成主题定制过程。
特别地,在选取样式变量的过程中,可以一次选取多个样式变量,以加快定制速度。
在上述任一技术方案中,下载并保存形成的定制主题的步骤之前,还包括:实时反馈样式变量的作用效果;根据接收到的反馈指令,修改或确认定制主题。
在该技术方案中,在定制主题的过程中,实时反馈样式变量的作用效果,以使得用户实时获取到定制效果,实现可视化定制;在定制满足用户需求时,用户可根据定制效果实时修改,直至定制满足用户需求。
特别地,在定制过程中,多个样式变量组合后的效果可能与用户的预期效果存在差异。因此,本发明提出的主题定制方法,提供可视化定制服务,以便用户可实时获取定制效果,保证作用主题效果满足用户喜好。
样式变量包括以下之一或其组合:主题色、圆角、边框色、条目选择器背景色、条目选中背景色、次按钮背景色、次按钮文本色、表头背景色、表头文字颜色、表格分割线颜色、表格行选择器背景色。
在该技术方案中,样式变量包括但不限于以下几种:主题色、圆角、边框色、条目选择器背景色、条目选中背景色、次按钮背景色、次按钮文本色、表头背景色、表头文字颜色、表格分割线颜色、表格行选择器背景色。在定制过程中,用户可按照需求选择上述样式变量中的一种或几种,并将其作用于对应的目标元素,进而得到定制主题。
本发明第二方面提供了一种主题定制***,包括:存储器,存储器被配置为适于存储计算机程序;处理器,处理器被配置为适于执行计算机程序以实现:创建样式变量,并确定样式变量的影响区域;修改与样式变量相对应的目标元素,以使得样式变量可作用于目标元素;将样式变量作用于目标元素,以形成的定制主题;其中,样式变量包括以下之一或其组合:主题色、圆角、边框色、条目选择器背景色、条目选中背景色、次按钮背景色、次按钮文本色、表头背景色、表头文字颜色、表格分割线颜色、表格行选择器背景色。
本发明提出的主题定制***包括存储器和处理器,其中,存储器上存储有计算机程序,处理器执行该计算机程序时,首先创建多个样式变量,并确定每一个样式变量的影响区域,以明确每一个样式变量相对应的目标元素及作用效果;而后,修改与样式变量相对应的目标元素,保证样式变量可作用于目标元素,同时对修改结果进行验证,保证后续步骤有序进行;最后,将样式变量作用于目标元素,以形成的定制主题,实现用户对于主题的定制。
具体地,样式变量包括但不限于以下几种:主题色、圆角、边框色、条目选择器背景色、条目选中背景色、次按钮背景色、次按钮文本色、表头背景色、表头文字颜色、表格分割线颜色、表格行选择器背景色。在定制过程中,用户可按照需求选择上述样式变量中的一种或几种,并将其作用于对应的目标元素,进而得到定制主题。
也即,本发明提出的主题定制***,一方面可实现用户对于主题的定制,满足不同用户的个性化需求,另一方面避免定制过程中代码的重复修改,通过选取预先创建好的样式变量即可实现定制,灵活度高,拓展性强。
根据本发明上述技术方案的主题定制***,还可以具有以下附加技术特征:
在上述技术方案中,处理器具体用于:选取至少部分样式变量,并构建全局样式文件;建立全局样式文件的关联性,以保证全局样式文件内的样式变量的同步作用效果;根据接收到的选取指令,判断是否使用预置主题;若使用预置主题,下载并保存预置主题;若不使用预置主题,执行将样式变量作用于目标元素的步骤。
在该技术方案中,在用户定制主题之前,处理器将预置主题展示给用户,用户根据展示的预置主题及用户想要的主题效果,给出一个选取指令。当用户选择使用预置主题时,处理器直接下载并保存用户选择的预置主题即可,避免后续步骤的进行;当用户选择不使用预置主题时,进入到后续步骤,使得用户根据自身需求进行定制。
在上述任一技术方案中,处理器具体用于选取至少部分样式变量,并构建全局样式文件;建立全局样式文件的关联性,以保证全局样式文件内的样式变量的同步作用效果;根据接收到的选取指令,判断是否使用预置主题;若使用预置主题,下载并保存预置主题;若不使用预置主题,执行将样式变量作用于目标元素的步骤。
进一步地,在形成定制主题的步骤之前,处理器首选选取部分或全部的样式变量,并基于选取到的样式变量构建全局样式文件;而后,处理器建立该全局样式文件的关联性,并将该全局样式文件内部的样式变量关联起来,以使得上述样式变量具有同步作用效果。也即,在用户定制过程中,用户对全局样式文件内部的样式变量进行一次选取,即可实现批量定制,减少用户的选取定制步骤及时间,便于提升定制效率。
在上述任一技术方案中,处理器具体用于根据接收到的选取指令,选取至少部分样式变量;将选取到的样式变量作用于目标元素,以形成定制主题;实时反馈样式变量的作用效果;根据接收到的反馈指令,修改或确认定制主题;下载并保存形成的定制主题。
在该技术方案中,在定制主题的过程中,用户可以通过输入选取指令的方式,选择已经创建好的样式变量中的一个或多个,而后处理器将选取到的样式变量作用于目标元素,处理器实时反馈样式变量的作用效果,在定制满足用户需求时,用户可根据定制效果实时修改,直至定制满足用户需求,以形成最终用户想要的定制主题;而后,下载并保存形成的定制主题,完成主题定制过程。
特别地,在定制过程中,多个样式变量组合后的效果可能与用户的预期效果存在差异。因此,本发明提出的主题定制***,提供可视化定制服务,以便用户可实时获取定制效果,保证作用主题效果满足用户喜好。
本发明第三方面提供了一种计算机可读存储介质,其上存储有计算机程序,计算机程序被处理器执行时,实现如上述任一技术方案的主题定制方法。
本发明提出的计算机可读存储介质上存储有计算机程序,该计算机程序被执行时,可实现如上述任一技术方案的主题定制方法。因此,具有上述主题定制方法的全部有益效果,在此不再一一论述。
本发明的附加方面和优点将在下面的描述部分中变得明显,或通过本发明的实践了解到。
附图说明
本发明的上述和/或附加的方面和优点从结合下面附图对实施例的描述中将变得明显和容易理解,其中:
图1示出了本发明一个实施例的主题定制方法的示意流程图;
图2示出了本发明又一个实施例的主题定制方法的示意流程图;
图3示出了本发明又一个实施例的主题定制方法的示意流程图;
图4示出了本发明又一个实施例的主题定制方法的示意流程图;
图5示出了本发明一个实施例的主题定制***的结构框图;
图6示出了本发明一个具体实施例的主题定制方法的示意流程图。
具体实施方式
为了能够更清楚地理解本发明的上述目的、特征和优点,下面结合附图和具体实施方式对本发明进行进一步的详细描述。需要说明的是,在不冲突的情况下,本申请的实施例及实施例中的特征可以相互组合。
在下面的描述中阐述了很多具体细节以便于充分理解本发明,但是,本发明还可以采用其他不同于在此描述的方式来实施,因此,本发明的保护范围并不受下面公开的具体实施例的限制。
下面参照图1至图6来描述根据本发明一些实施例提供的主题定制方法、主题定制***及计算机可读存储介质。
实施例一:
图1示出了本发明一个实施例的主题定制方法的示意流程图,如图1所示,该主题定制方法包括:
步骤102,创建样式变量,并确定样式变量的影响区域;
步骤104,修改与样式变量相对应的目标元素,以使得样式变量可作用于目标元素;
步骤106,将样式变量作用于目标元素,以形成的定制主题。
该实施例提出的主题定制方法,首先创建多个样式变量,并确定每一个样式变量的影响区域,以明确每一个样式变量相对应的目标元素及作用效果;而后,修改与样式变量相对应的目标元素,保证样式变量可作用于目标元素,同时对修改结果进行验证,保证后续步骤有序进行;最后,将样式变量作用于目标元素,以形成的定制主题,实现用户对于主题的定制。
也即,该实施例提出的主题定制方法,首先创建可供用户定制使用的多个样式变量,而后用户可根据创建完成的样式变量自主定制主题,一方面可实现用户对于主题的定制,满足不同用户的个性化需求,另一方面避免定制过程中代码的重复修改,通过选取预先创建好的样式变量即可实现定制,灵活度高,拓展性强。
实施例二:
图2示出了本发明又一个实施例的主题定制方法的示意流程图,如图2所示,该主题定制方法包括:
步骤202,创建样式变量,并确定样式变量的影响区域;
步骤204,修改与样式变量相对应的目标元素,以使得样式变量可作用于目标元素;
步骤206,选取至少部分样式变量,并构建全局样式文件;
步骤208,建立全局样式文件的关联性,以保证全局样式文件内的样式变量的同步作用效果;
步骤210,将样式变量作用于目标元素,以形成的定制主题。
该实施例提出的主题定制方法,首先创建多个样式变量,并确定每一个样式变量的影响区域,以明确每一个样式变量相对应的目标元素及作用效果;而后,修改与样式变量相对应的目标元素,保证样式变量可作用于目标元素,同时对修改结果进行验证,保证后续步骤有序进行;而后,选取部分或全部的样式变量,并基于选取到的样式变量构建全局样式文件;而后,建立该全局样式文件的关联性,并将该全局样式文件内部的样式变量关联起来,以使得上述样式变量具有同步作用效果;最后,将样式变量作用于目标元素,以形成的定制主题,实现用户对于主题的定制。
也即,该实施例提出的主题定制方法,在用户定制过程中,对全局样式文件内的样式变量进行一次选取,即可实现批量定制,减少用户的选取定制步骤及时间,便于提升定制效率。
实施例三:
图3示出了本发明又一个实施例的主题定制方法的示意流程图,如图3所示,该主题定制方法包括:
步骤302,创建样式变量,并确定样式变量的影响区域;
步骤304,修改与样式变量相对应的目标元素,以使得样式变量可作用于目标元素;
步骤306,判断是否使用预置主题,若判断结果为是,执行步骤308,否则,执行步骤310;
步骤308,下载并保存预置主题;
步骤310,将样式变量作用于目标元素,以形成的定制主题。
该实施例提出的主题定制方法,首先创建多个样式变量,并确定每一个样式变量的影响区域,以明确每一个样式变量相对应的目标元素及作用效果;而后,修改与样式变量相对应的目标元素,保证样式变量可作用于目标元素,同时对修改结果进行验证,保证后续步骤有序进行;而后,将预置主题展示给用户,并判断用户是否接受使用预置主题;当用户选择使用预置主题时,直接下载并保存用户选择的预置主题即可,避免后续步骤的进行;当用户选择不使用预置主题时,进入到后续步骤,使得用户根据自身需求进行定制。
也即,该实施例提出的主题定制方法,预设有部分预置主题,在用户开始定制主题之前,将预置主题展示给用户,如果预置主题已经满足用户需求,直接下载并保存用户选择的预置主题即可,灵活性更高。具体地,预置主题的数量可以为多个,以供用户选择;进一步地,预置主题可以是用户选择次数较高的主题。
具体地,在将预置主题展示给用户的过程中,安装下载并存储的次数高低,将多个预置主题顺次展示给用户,以供用户选择。
在该实施例中,进一步地,在定制主题的过程中,用户可以通过输入选取指令的方式,选择已经创建好的样式变量中的一个或多个,而后将选取到的样式变量作用于目标元素,以形成最终用户想要的定制主题;而后,下载并保存形成的定制主题,完成主题定制过程。
特别地,在选取样式变量的过程中,可以一次选取多个样式变量,以加快定制速度。
在该实施例中,进一步地,在定制主题的过程中,实时反馈样式变量的作用效果,以使得用户实时获取到定制效果,实现可视化定制;在定制满足用户需求时,用户可根据定制效果实时修改,直至定制满足用户需求。
特别地,在定制过程中,多个样式变量组合后的效果可能与用户的预期效果存在差异。因此,本实施例提出的主题定制方法,提供可视化定制服务,以便用户可实时获取定制效果,保证作用主题效果满足用户喜好。
实施例四:
图4示出了本发明又一个实施例的主题定制方法的示意流程图,如图4所示,该主题定制方法包括:
步骤402,创建样式变量,并确定样式变量的影响区域;
步骤404,修改与样式变量相对应的目标元素,以使得样式变量可作用于目标元素;
步骤406,选取至少部分样式变量,并构建全局样式文件;
步骤408,建立全局样式文件的关联性,以保证全局样式文件内的样式变量的同步作用效果;
步骤410,判断是否使用预置主题,若判断结果为是,执行步骤412,否则,执行步骤414;
步骤412,下载并保存预置主题;
步骤414,根据接收到的选取指令,选取至少部分样式变量;
步骤416,将选取到的样式变量作用于目标元素;
步骤418,实时反馈样式变量的作用效果;
步骤420,根据接收到的反馈指令,修改或确认定制主题;
步骤422,下载并保存形成的定制主题。
该实施例提出的主题定制方法,首先创建多个样式变量,并确定每一个样式变量的影响区域,以明确每一个样式变量相对应的目标元素及作用效果;而后,修改与样式变量相对应的目标元素,保证样式变量可作用于目标元素,同时对修改结果进行验证,保证后续步骤有序进行;而后,选取部分或全部的样式变量,并基于选取到的样式变量构建全局样式文件;而后,建立该全局样式文件的关联性,并将该全局样式文件内部的样式变量关联起来,以使得上述样式变量具有同步作用效果;最后,将样式变量作用于目标元素,以形成的定制主题;而后,选取部分或全部的样式变量,并基于选取到的样式变量构建全局样式文件;而后,建立该全局样式文件的关联性,并将该全局样式文件内部的样式变量关联起来,以使得上述样式变量具有同步作用效果;而后,将预置主题展示给用户,并判断用户是否接受使用预置主题;当用户选择使用预置主题时,直接下载并保存用户选择的预置主题即可,避免后续步骤的进行;当用户选择不使用预置主题时,用户可以通过输入选取指令的方式,选择已经创建好的样式变量中的一个或多个,并将选取到的样式变量作用于目标元素,以形成最终用户想要的定制主题;而后,下载并保存形成的定制主题,完成主题定制过程。
此外,在定制主题的过程中,实时反馈样式变量的作用效果,实现可视化定制,以使得用户实时获取到定制效果,实现可视化定制;在定制满足用户需求时,用户可根据定制效果实时修改,直至定制满足用户需求。
在上述任一实施例中,进一步地,样式变量包括但不限于以下几种:主题色、圆角、边框色、条目选择器背景色、条目选中背景色、次按钮背景色、次按钮文本色、表头背景色、表头文字颜色、表格分割线颜色、表格行选择器背景色。
也即在定制过程中,用户可按照需求选择上述样式变量中的一种或几种,并将其作用于对应的目标元素,进而得到定制主题。
实施例五:
图5示出了本发明又一个实施例的主题定制***500的结构框图,如图5所示,该主题定制***500包括:存储器502和处理器504。
其中,存储器502被配置为适于存储计算机程序;处理器504被配置为适于执行计算机程序。
处理器504在执行该计算机程序时,首先创建多个样式变量,并确定每一个样式变量的影响区域,以明确每一个样式变量相对应的目标元素及作用效果;而后,修改与样式变量相对应的目标元素,保证样式变量可作用于目标元素,同时对修改结果进行验证,保证后续步骤有序进行;最后,将样式变量作用于目标元素,以形成的定制主题,实现用户对于主题的定制。
具体地,样式变量包括但不限于以下几种:主题色、圆角、边框色、条目选择器背景色、条目选中背景色、次按钮背景色、次按钮文本色、表头背景色、表头文字颜色、表格分割线颜色、表格行选择器背景色。在定制过程中,用户可按照需求选择上述样式变量中的一种或几种,并将其作用于对应的目标元素,进而得到定制主题。
也即,本发明提出的主题定制***500,一方面可实现用户对于主题的定制,满足不同用户的个性化需求,另一方面避免定制过程中代码的重复修改,通过选取预先创建好的样式变量即可实现定制,灵活度高,拓展性强。
在该实施例中,进一步地,在用户定制主题之前,处理器504将预置主题展示给用户,用户根据展示的预置主题及用户想要的主题效果,给出一个选取指令。当用户选择使用预置主题时,处理器504直接下载并保存用户选择的预置主题即可,避免后续步骤的进行;当用户选择不使用预置主题时,进入到后续步骤,使得用户根据自身需求进行定制。
在该实施例中,进一步地,在形成定制主题的步骤之前,处理器504首选选取部分或全部的样式变量,并基于选取到的样式变量构建全局样式文件;而后,处理器504建立该全局样式文件的关联性,并将该全局样式文件内部的样式变量关联起来,以使得上述样式变量具有同步作用效果。也即,在用户定制过程中,用户对全局样式文件内部的样式变量进行一次选取,即可实现批量定制,减少用户的选取定制步骤及时间,便于提升定制效率。
在该实施例中,进一步地,在定制主题的过程中,用户可以通过输入选取指令的方式,选择已经创建好的样式变量中的一个或多个,而后处理器504将选取到的样式变量作用于目标元素,处理器504实时反馈样式变量的作用效果,在定制满足用户需求时,用户可根据定制效果实时修改,直至定制满足用户需求,以形成最终用户想要的定制主题;而后,下载并保存形成的定制主题,完成主题定制过程。
特别地,在定制过程中,多个样式变量组合后的效果可能与用户的预期效果存在差异。因此,本发明提出的主题定制***500,提供可视化定制服务,以便用户可实时获取定制效果,保证作用主题效果满足用户喜好。
实施例六:
本实施例提出了一种计算机可读存储介质。
其中,计算机可读存储介质上存储有计算机程序,该计算机程序被执行时,可实现如上述任一实施例的主题定制方法。
因此,该实施例提出的计算机可读存储介质,具有上述主题定制方法的全部有益效果,在此不再一一论述。
具体实施例:
本发明主题定制方法,首选通过tinper-bee(一种开源组件库)定义一系列全局/组件样式变量,如果以下变量不能满足用户的定制需求,可以提出issue(问题、建议等)。
具体地,全局/组件样式变量,包括但不限于以下几种:
$primary-color:#53C32;//主题色
$border-radius:‘3px’;//圆角
$border-color:#a5adba;//边框色
$item-hover-bg-color-base:#EBECF0;//条目hover背景色
$item-selected-bg-color-base:#fff7e7;//条目选中背景色
$secondary-color:#ECFFF1;//次按钮背景色
$button-secondary-text-color:#212121;//次按钮文本色
$table-header-background-color:#F1F2F5;//表头背景色
$table-header-text-color:#212121;//表头文字颜色
$table-border-color-base:#C1C7D0;//表头分割线颜色
$table-row-hover-bg-color:#ebecf0;//表格行hover背景色
具体定制方法如图6所示,首先梳理上面建立的样式变量及样式变量的影响区域;而后是基础组件样式变量的修改、验证及发布工作,将基础组件由静态变为动态,使得上述样式变量可实施;而后将关键的SASS变量(SyntacticallyAwesome Stylesheets一种层叠样式变量)抽离到全局样式文件,保证上述SASS变量的关联性,使其可同步作用;而后,判断用户是否使用预置主题,如果用户使用预置主题,直接下载并将用户选取的预置主题下载,并存储为CSS文件(Cascading Style Sheete层叠样式文件)。如果用户不使用预置主题,提供给用户一个可视化主题定制客户端,用户可选取上面建立的样式变量,自定义变量,在线构建组件库样式,并下载至本地,而后,将定制好的主题下载并存储为CSS文件。
具体地,预置主题可以设置有多个供用户选择。例如,可提供四种预设主题,分别为红色主题、科技蓝主题、浅蓝主题、深蓝主题。
本发明主题定制方法具有规范性、可扩展性、开发者友好度及易用性等方面的明显优势。
本发明主题定制方法,形成了***化的设计规范,引入原子化设计理念,输出了以下设计成果:色彩、布局模式、字体、行高、间距等设计素材,使得定制的规范性得到显著提升。
本发明主题定制方法,设计语言和组件库均采用组件化维护模式,在组件之上可以实现灵活扩展,使得定制的可扩展性得到显著提升。
本发明主题定制方法,主题机制可以大大减少代码量,达到敏捷开发、快速交付的目的,使得对开发者友好度得到显著提升。
本发明主题定制方法,提供了可视化的界面,可实时预览定制效果,无论是设计人员、产品经理还是开发人员,都可以快速上手使用,使得定制的易用性得到显著提升。
在本发明的描述中,术语“多个”则指两个或两个以上,除非另有明确的限定,术语“上”、“下”等指示的方位或位置关系为基于附图所示的方位或位置关系,仅是为了便于描述本发明和简化描述,而不是指示或暗示所指的装置或元件必须具有特定的方位、以特定的方位构造和操作,因此不能理解为对本发明的限制;术语“连接”、“安装”、“固定”等均应做广义理解,例如,“连接”可以是固定连接,也可以是可拆卸连接,或一体地连接;可以是直接相连,也可以通过中间媒介间接相连。对于本领域的普通技术人员而言,可以根据具体情况理解上述术语在本发明中的具体含义。
在本说明书的描述中,术语“一个实施例”、“一些实施例”、“具体实施例”等的描述意指结合该实施例或示例描述的具体特征、结构、材料或特点包含于本发明的至少一个实施例或示例中。在本说明书中,对上述术语的示意性表述不一定指的是相同的实施例或实例。而且,描述的具体特征、结构、材料或特点可以在任何的一个或多个实施例或示例中以合适的方式结合。
以上仅为本发明的优选实施例而已,并不用于限制本发明,对于本领域的技术人员来说,本发明可以有各种更改和变化。凡在本发明的精神和原则之内,所作的任何修改、等同替换、改进等,均应包含在本发明的保护范围之内。
Claims (10)
1.一种主题定制方法,其特征在于,包括:
创建样式变量,并确定所述样式变量的影响区域;
修改与所述样式变量相对应的目标元素,以使得所述样式变量可作用于所述目标元素;
将所述样式变量作用于所述目标元素,以形成的定制主题。
2.根据权利要求1所述的主题定制方法,其特征在于,所述将所述样式变量作用于所述目标元素,以形成的定制主题的步骤之前,还包括:
选取至少部分所述样式变量,并构建全局样式文件;
建立所述全局样式文件的关联性,以保证所述全局样式文件内的所述样式变量的同步作用效果。
3.根据权利要求1所述的主题定制方法,其特征在于,所述将所述样式变量作用于所述目标元素,以形成的定制主题的步骤之前,还包括:
根据接收到的选取指令,判断是否使用预置主题;
若使用所述预置主题,下载并保存所述预置主题;
若不使用所述预置主题,执行所述将所述样式变量作用于所述目标元素的步骤。
4.根据权利要求1所述的主题定制方法,其特征在于,所述将所述样式变量作用于所述目标元素,以形成的定制主题的步骤,具体包括:
根据接收到的选取指令,选取至少部分所述样式变量;
将选取到的所述样式变量作用于所述目标元素,以形成所述定制主题;
下载并保存形成的所述定制主题。
5.根据权利要求4所述的主题定制方法,其特征在于,所述下载并保存形成的所述定制主题的步骤之前,还包括:
实时反馈所述样式变量的作用效果;
根据接收到的反馈指令,修改或确认所述定制主题。
6.根据权利要求1至5中任一项所述的主题定制方法,其特征在于,
所述样式变量包括以下之一或其组合:主题色、圆角、边框色、条目选择器背景色、条目选中背景色、次按钮背景色、次按钮文本色、表头背景色、表头文字颜色、表格分割线颜色、表格行选择器背景色。
7.一种主题定制***,其特征在于,包括:
存储器,所述存储器被配置为适于存储计算机程序;
处理器,所述处理器被配置为适于执行所述计算机程序以实现:
创建样式变量,并确定所述样式变量的影响区域;
修改与所述样式变量相对应的目标元素,以使得所述样式变量可作用于所述目标元素;
将所述样式变量作用于所述目标元素,以形成的定制主题;
其中,所述样式变量包括以下之一或其组合:主题色、圆角、边框色、条目选择器背景色、条目选中背景色、次按钮背景色、次按钮文本色、表头背景色、表头文字颜色、表格分割线颜色、表格行选择器背景色。
8.根据权利要求7所述的主题定制***,其特征在于,所述处理器具体用于:
选取至少部分所述样式变量,并构建全局样式文件;
建立所述全局样式文件的关联性,以保证所述全局样式文件内的所述样式变量的同步作用效果;
根据接收到的选取指令,判断是否使用预置主题;
若使用所述预置主题,下载并保存所述预置主题;
若不使用所述预置主题,执行所述将所述样式变量作用于所述目标元素的步骤。
9.根据权利要求7所述的主题定制***,其特征在于,所述处理器具体用于:
根据接收到的选取指令,选取至少部分所述样式变量;
将选取到的所述样式变量作用于所述目标元素,以形成所述定制主题;
实时反馈所述样式变量的作用效果;
根据接收到的反馈指令,修改或确认所述定制主题;
下载并保存形成的所述定制主题。
10.一种计算机可读存储介质,其上存储有计算机程序,其特征在于,所述计算机程序被处理器执行时,实现如权利要求1至6中任一项所述的主题定制方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201911214969.8A CN111061470A (zh) | 2019-12-02 | 2019-12-02 | 主题定制方法、***及计算机可读存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201911214969.8A CN111061470A (zh) | 2019-12-02 | 2019-12-02 | 主题定制方法、***及计算机可读存储介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN111061470A true CN111061470A (zh) | 2020-04-24 |
Family
ID=70299487
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201911214969.8A Pending CN111061470A (zh) | 2019-12-02 | 2019-12-02 | 主题定制方法、***及计算机可读存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN111061470A (zh) |
Cited By (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111556277A (zh) * | 2020-05-19 | 2020-08-18 | 安徽听见科技有限公司 | 视频会议参会人标识处理方法、装置、设备及存储介质 |
CN113010167A (zh) * | 2021-02-26 | 2021-06-22 | 上海爱数信息技术股份有限公司 | 一种页面元素样式定制方法、设备及存储介质 |
CN114625459A (zh) * | 2022-02-23 | 2022-06-14 | 浙江百应科技有限公司 | 一种页面主题风格切换的方法、***、装置和介质 |
Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102207872A (zh) * | 2011-06-04 | 2011-10-05 | ***通信集团内蒙古有限公司 | 按照用户需求定制Web UI控件的方法和*** |
CN103543995A (zh) * | 2012-07-12 | 2014-01-29 | 腾讯科技(北京)有限公司 | 一种网站换肤的方法及装置 |
US20150193388A1 (en) * | 2009-11-18 | 2015-07-09 | Manu Cornet | Dynamic image generation for customizable user interfaces |
CN107329747A (zh) * | 2017-06-20 | 2017-11-07 | 福建中金在线信息科技有限公司 | 一种生成多主题样式的方法及装置 |
CN108228677A (zh) * | 2016-12-22 | 2018-06-29 | 北京国双科技有限公司 | 切换网站主题风格的方法和装置 |
CN108614886A (zh) * | 2018-05-03 | 2018-10-02 | 北京搜狐互联网信息服务有限公司 | 一种网站主题的生成方法及装置 |
-
2019
- 2019-12-02 CN CN201911214969.8A patent/CN111061470A/zh active Pending
Patent Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20150193388A1 (en) * | 2009-11-18 | 2015-07-09 | Manu Cornet | Dynamic image generation for customizable user interfaces |
CN102207872A (zh) * | 2011-06-04 | 2011-10-05 | ***通信集团内蒙古有限公司 | 按照用户需求定制Web UI控件的方法和*** |
CN103543995A (zh) * | 2012-07-12 | 2014-01-29 | 腾讯科技(北京)有限公司 | 一种网站换肤的方法及装置 |
CN108228677A (zh) * | 2016-12-22 | 2018-06-29 | 北京国双科技有限公司 | 切换网站主题风格的方法和装置 |
CN107329747A (zh) * | 2017-06-20 | 2017-11-07 | 福建中金在线信息科技有限公司 | 一种生成多主题样式的方法及装置 |
CN108614886A (zh) * | 2018-05-03 | 2018-10-02 | 北京搜狐互联网信息服务有限公司 | 一种网站主题的生成方法及装置 |
Non-Patent Citations (1)
Title |
---|
张秀兰: "《ASP+ACCESS2000网站建设实训》", vol. 2007, 北京理工大学出版社, pages: 13 - 14 * |
Cited By (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111556277A (zh) * | 2020-05-19 | 2020-08-18 | 安徽听见科技有限公司 | 视频会议参会人标识处理方法、装置、设备及存储介质 |
CN111556277B (zh) * | 2020-05-19 | 2022-07-26 | 安徽听见科技有限公司 | 视频会议参会人标识处理方法、装置、设备及存储介质 |
CN113010167A (zh) * | 2021-02-26 | 2021-06-22 | 上海爱数信息技术股份有限公司 | 一种页面元素样式定制方法、设备及存储介质 |
CN114625459A (zh) * | 2022-02-23 | 2022-06-14 | 浙江百应科技有限公司 | 一种页面主题风格切换的方法、***、装置和介质 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN111061470A (zh) | 主题定制方法、***及计算机可读存储介质 | |
CN1326054C (zh) | 用于配置计算***的***和方法 | |
US7903122B2 (en) | Representing a printed product using image blending | |
CN102880462A (zh) | 基于图模一体化生成组态监控对象的方法及装置 | |
JP2010204877A (ja) | ソフトウェア開発支援装置およびソフトウェア開発支援方法 | |
JP3554854B2 (ja) | 業務ジョブ実行関連図表示方法 | |
CN105369492B (zh) | 刺绣缝纫机的刺绣缝制转换装置以及转换方法 | |
US20030066047A1 (en) | General-purpose software development support system | |
EP3731082A1 (en) | Software development support device, software development support method, and software development support program | |
US20110231815A1 (en) | Company advanced programming interface | |
JP2006139746A (ja) | データベースに項目追加を行うコンピュータ、プログラムおよび方法 | |
US20060136844A1 (en) | Method of making a graphic button | |
JPH08339208A (ja) | プログラマブルコントローラのプログラム作成装置 | |
JP4557625B2 (ja) | 化学プラント設計支援方法及び化学プラント設計支援プログラム | |
JPH10228146A (ja) | データ処理装置およびデータ処理方法およびコンピュータが読み出し可能なプログラムを格納した記憶媒体 | |
JP2659104B2 (ja) | グラフ生成処理装置 | |
Lichter et al. | vis-A-vis: An Object-Oriented Aplication Framework for Graphical Design-Tools. | |
CN117827181A (zh) | 一种在移动端应用生成物联网设备控制面板的低代码方法 | |
JP4041681B2 (ja) | 画像データ編集方法及び画像データ編集装置 | |
CN116501320A (zh) | 一种动态定制生成和分发管理app的方法和*** | |
JPH08212206A (ja) | 文書作成装置 | |
CN110989989A (zh) | 工作流任务的显示方法 | |
CN112000338A (zh) | 界面显示方法、装置、软件平台及计算机可读存储介质 | |
JPH08202334A (ja) | 文書作成装置 | |
CN110413274A (zh) | 基于云端的***开发方法、***及平台 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20200424 |
|
RJ01 | Rejection of invention patent application after publication |