不懂技术的产品经理不是一位好设计！前两天发布了一个原创WordPrss主题，有位PM朋友下载研究了一下，并问了一些问题，结合他的提问我决定写一篇Wb产品的相关技术知识。
今天我要讲的内容基本上都是技术原理的一些知识，主要是罗列出来并做一些简单的介绍，更深入的研究推荐Googl一下，看看相关的百科介绍，作为产品经理如果能够知道这些知识，那么基本上算是马步扎稳了。
1、B/S结构
首先要讲到是Wb产品的结构，Wb产品是属于B/S结构（Browsr/Srvr，浏览器/服务器），这种结构我们只需要考虑到服务器的负载而不用担心用户设备的性能，因为很多事浏览器已经帮我们解决了，当然这种结构模式拥有一个无比头疼的问题，那就是跨浏览器的兼容，当然这是前端工程师的事了，不过，作为产品经理，必须要知道哦，例如有些功能特效在IE6浏览器里，那就…
对于B/S，是要考虑浏览器和服务器两端的性能的。在浏览器上跑JS，载入瀑布流页面，大量图片等都可能过多的消耗资源，逻辑不合理的页面甚至会不断消耗导致浏览器崩溃。产品经理在制定性能规格的时候，页面打开时间其实是B和S双方的考核，所以现在有lazyloading这样的技术从用户体验上加速。
2、技术框架（MVC框架）
技术框架太偏向于技术层面的知识了，不过对于产品经理来说，如果能够掌握相关原理，那么在以后的产品规划中，能够帮助我们做很多资源整合和资源复用的工作，减少技术资源成本，当然这些更多是技术负责人考虑的问题了，但是如果我们PM也懂原理知识的话，在沟通上就方便多了。
3、模板引擎
模板引擎最典型的案例就是CMS系统的架构，通过模板引擎让我们实现了前端界面和系统架构分离，无论任何一方的升级改良都不会影响到另一方。WordPrss主题就是模板文件，由模板文件定义前端界面的展现风格，模板标签调用数据，实现数据内容的显示。
通常最基本的模板引擎文件分为：首页、列表页、内容页。由于每一页的头部和尾部是一样的，所以这三页又拆分成：头部、中间内容、尾部。三页共用头尾部，只是中间内容不一样。如果你了解Axur软件的话，应该能够明白，这和Axur软件中的Mastrs是一样的原理。
TangStyl主题的结构如下：
首页组成部分：
hadr.PHP头部
indx.PHP中间左侧（列表）
sidbar.PHP中间右侧（Widgtabl侧栏区）
footr.PHP尾部
分类列表页组成部分：
hadr.PHP头部
catgory.PHP中间左侧（内容列表）
sidbar-catgory.PHP中间右侧（Widgtabl侧栏区）
footr.PHP尾部
内容页组成部分：
hadr.PHP头部
singl.PHP中间左侧上（内容）