内容简介：之前皮肤开发了一个版本，抽是抽出来了，但是变量只抽出了几个颜色，没什么价值（上个版本开发过程），这次我又进行了一次迭代，现在是一个较成熟的版本了。整体理一下思路，可以总结为3步走和2层架构：皮肤是样式的子集，想要做皮肤的管理，首先要把涉及到的样式都抽取出来，这里只涉及到了 登录页、考勤页、顶部菜单 3个部分。抽出来后放在assets/skin下。
之前皮肤开发了一个版本，抽是抽出来了，但是变量只抽出了几个颜色，没什么价值（上个版本开发过程），
这次我又进行了一次迭代，现在是一个较成熟的版本了。整体理一下思路，可以总结为3步走和2层架构：
3步走
第1步：抽取出皮肤相关样式
皮肤是样式的子集，想要做皮肤的管理，首先要把涉及到的样式都抽取出来，这里只涉及到了 登录页、考勤页、顶部菜单 3个部分。抽出来后放在assets/skin下。
也是分成了3个文件管理
第二步： 抽取其中的变量
单抽出样式来肯定不够，要做配置化，需要从样式中抽出变化的值作为变量来管理，并且统一命名。
如图，也是对应3个section的3个文件。
命名方式是 sectionName-blockName{-status}-cssName
抽取出变量之后的less文件如下：
这样以后就只需要改动配置文件，而不需要修改样式文件了。
第三步，抽取公共变量
配置中有很多同样的值，比如重复的颜色、重复的基础路径等。这些常量写了很多次，万一修改要修改n个地方，所以，我把这些散落的魔法值收集起来作为枚举值统一维护，使得配置变得更加的方便可控。
我抽取出了以下变量：
这里的颜色的命名我是按照色相和亮度来命名的，按照色相分为 红、橙、黄、红橙等，然后再加上深浅、亮暗的区分。虽然不是那么准确，但是能够简单区分了。
通过以上3个步骤，皮肤的可配置化就完成了。以后如果要开发一套新的皮肤，一般只需要改动配置就可以了。不过如果新皮肤有别的样式的更改，还是需要去修改样式文件，然后扩充配置变量的。随着皮肤开发的越来越多，配置也会越来越完善。
2层架构
经过上面3个步骤我们抽取出了皮肤样式和皮肤相关的配置变量，其实皮肤的架构也就分了这两层。
以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，也希望大家多多支持 码农网
猜你喜欢:
本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。
C++数值算法（第二版)
William T.Vetterling、Brian P.Flannery、Saul A.Teukolsky / 胡健伟、赵志勇、薛运华 / 电子工业出版社 / 2005年01月 / 68.00
本书选材内容丰富，除了通常数值方法课程的内容外，还包含当代科学计算大量用到的专题，如求特殊函数值、随机数、排序、最优化、快速傅里叶变换、谱分析、小波变换、统计描述和数据建模、常微分方程和偏微分方程数值解、若干编码算法和任意精度的计算等。 本书科学性和实用性统一。每个专题中，不仅对每种算法给出了数学分析和比较，而且根据作者的经验对算法做出了评论和建议，并在此基础上给出了用C++语言编写的实用程......一起来看看 《C++数值算法（第二版)》 这本书的介绍吧!
