在 “如何设计通用的网站模板” (http://www.shopxg.com/article/6210.html) 一篇中我已经介绍过一些基本的概念，其中用到最重要的思想就是“抽象”，写程序的人都知道，优秀的程序员跟一般的程序员最重要的差别就是在“抽象”能力上。抽象能力差的人，看他代码写的一坨一坨的，动不动就跟别人说，我的系统有几十万行代码，其实，他不知道，对于行家来说，你的代码量跟你的系统性能几乎是成反比的。（呵呵，当然我说的也是夸张了些，别见怪哦！），抽象能力强的，代码量少，开发效率高，系统稳定性也好。
我再强调下，整个思路：我们把任何一个网站都看成是一个个页面组成的，而每个页面就是一个框架结构，框架结构里面放的是矩形的模块。当然，每个模块的功能可能都不一样。有产品列表、新闻列表、供求信息、用户中心、产品详细等等。但是我们统一的都可以把他们当做一个很规则的矩形。这就是“大抽象”；
针对每个模块来说，每个模块都是有html中的Div+CSS 、JS 、以及数据标签组成的。分析不同的模块，我们找出各个模块的共同属性和不同属性。
如图：
这里下拉框中展示出来的这几个属性类别就是所有模块都共同有的属性。每个属性类别下面又有多个不同的属性项，通过配置这些属性项，就可以做出很多种不同效果的模块出来了。
当然，每个模块又可能有自己的特殊属性，但是特殊属性对于模块来说是很少的。因此，我们认为，只要掌握了这几个共同属性的使用方法后，你就可以做网站了。而且不需要接触代码。
从代码上分析，我们又把一个模块抽象成如下几个部分:
1. 大模板
2. 小模板
3. 上分页
4. 下分页
5. CSS
6. JS
7. XML配置文件
给你任何一个模块后，你就开始拆分吧，最终他们就在上面7项里了。
欢迎大家与我交流。QQ：8814730 Email：wkb@xiegoo.com
我再强调下，整个思路：我们把任何一个网站都看成是一个个页面组成的，而每个页面就是一个框架结构，框架结构里面放的是矩形的模块。当然，每个模块的功能可能都不一样。有产品列表、新闻列表、供求信息、用户中心、产品详细等等。但是我们统一的都可以把他们当做一个很规则的矩形。这就是“大抽象”；
针对每个模块来说，每个模块都是有html中的Div+CSS 、JS 、以及数据标签组成的。分析不同的模块，我们找出各个模块的共同属性和不同属性。
如图：
这里下拉框中展示出来的这几个属性类别就是所有模块都共同有的属性。每个属性类别下面又有多个不同的属性项，通过配置这些属性项，就可以做出很多种不同效果的模块出来了。
当然，每个模块又可能有自己的特殊属性，但是特殊属性对于模块来说是很少的。因此，我们认为，只要掌握了这几个共同属性的使用方法后，你就可以做网站了。而且不需要接触代码。
从代码上分析，我们又把一个模块抽象成如下几个部分:
1. 大模板
2. 小模板
3. 上分页
4. 下分页
5. CSS
6. JS
7. XML配置文件
给你任何一个模块后，你就开始拆分吧，最终他们就在上面7项里了。
欢迎大家与我交流。QQ：8814730 Email：wkb@xiegoo.com
