不懂技术的产品经理不是一位好设计！前两天发布了一个原创WordPress主题，有位PM朋友下载研究了一下，并问了一些问题，结合他的提问我决定写一篇Web产品的相关技术知识。

今天我要讲的内容基本上都是技术原理的一些知识，主要是罗列出来并做一些简单的介绍，更深入的研究推荐Google一下，看看相关的百科介绍，作为产品经理如果能够知道这些知识，那么基本上算是马步扎稳了。

1、B/S结构

首先要讲到是Web产品的结构，Web产品是属于B/S结构（Browser/Server，浏览器/服务器），这种结构我们只需要考虑到服务器的负载而不用担心用户设备的性能，因为很多事浏览器已经帮我们解决了，当然这种结构模式拥有一个无比头疼的问题，那就是跨浏览器的兼容，当然这是前端工程师的事了(嘿嘿)，不过，作为产品经理，必须要知道哦，例如有些功能特效在IE6浏览器里，那就…

补充：对于B/S，是要考虑浏览器和服务器两端的性能的。在浏览器上跑JS，载入瀑布流页面，大量图片等都可能过多的消耗资源，逻辑不合理的页面甚至会不断消耗导致浏览器崩溃。产品经理在制定性能规格的时候，页面打开时间其实是B和S双方的考核，所以现在有lazy loading这样的技术从用户体验上加速。（撰写者:jwings）

2、技术框架（PHP框架）

技术框架太偏向于技术层面的知识了，不过对于产品经理来说，如果能够掌握相关原理，那么在以后的产品规划中，能够帮助我们做很多资源整合和资源复用的工作，减少技术资源成本，当然这些更多是技术负责人考虑的问题了，但是如果我们PM也懂原理知识的话，在沟通上就方便多了。

3、模板引擎

模板引擎最典型的案例就是CMS系统的架构，通过模板引擎让我们实现了前端界面和系统架构分离，无论任何一方的升级改良都不会影响到另一方。WordPress主题就是模板文件，由模板文件定义前端界面的展现风格，模板标签调用数据，实现数据内容的显示。

通常最基本的模板引擎文件分为：首页、列表页、内容页。由于每一页的头部和尾部是一样的，所以这三页又拆分成：头部、中间内容、尾部。三页共用头尾部，只是中间内容不一样。如果你了解Axure软件的话，应该能够明白，这和Axure软件中的Masters是一样的原理。

TangStyle主题的结构如下：
首页组成部分：
header.php 头部
index.php 中间左侧（列表）
sidebar.php 中间右侧（Widgetable侧栏区）
footer.php 尾部

分类列表页组成部分：
header.php 头部
category.php 中间左侧（内容列表）
sidebar-category.php 中间右侧（Widgetable侧栏区）
footer.php 尾部

内容页组成部分：
header.php 头部
single.php 中间左侧上（内容）
comments.php 中间左侧下（评论）
sidebar-single.php 中间右侧（Widgetable侧栏区）
footer.php 尾部

由于我每一页都重新定义了一次Widgetable侧栏区，为的是分开管理首页、列表页和内容页的侧栏，当然他们也可以和首页共用一个侧栏。

以上就是我写的TangStyle主题的模板文件，由WordPress模板引擎索引并显示。（当然这只是简单的描述，模板文件里还有其他的一些文件，这里就不多介绍了。）

4、插件扩展

一般情况下，技术框架都会有一套内在的API接口，用于实现一些相对独立的技术功能，例如计划任务。这个技术知识没有统一的理解，也会根据不同的产品需求有不一样的结构规划，主要应用在平台级产品中，例如WordPress就有一套系统插件的机制，如果有兴趣可以看看官方的相关介绍，这里我就不多介绍了。

5、CMS

我个人觉得，每一位产品经理都应该非常了解CMS系统的架构，因为这是一套最基本且可扩展性很强的平台级产品架构。推荐PM们在自己的电脑里配置一个PHP环境，多多下载体验一些Web产品，多了解各种类型的产品结构，这对我们以后规划产品时非常有帮助的。这篇文章里讲到的所有知识在CMS系统里都有体现。

6、开源程序

开源的英文是Open Source，意思是开放源码，也就是说开源程序是一个开放源代码的程序，技术框架就是一种开源的项目，很多热心的个人或组织将自己积累的技术框架开源出来，提供给大家使用。

之所以我提到开源程序，是因为上一条我推荐大家多多使用开源的Web产品，了解更多的产品结构，所以这里我介绍几个比较知名的开源Web产品，当然都是PHP语言开发的。

Discuz（被腾讯收购）、PHPWind（被阿里巴巴收购）、PHPCms（被盛大收购）、ThinkSNS（功能类似新浪微博，但是开发出来比新浪微博早）、WordPress（应用最多的Blog系统，国内各大公司的UED团队博客都是使用的这套系统）、EmpireCMS和DedeCMS（国内知名的CMS系统）

就介绍这几个了，国内外开源的程序挺多的，基本上B2B、B2C、C2C、BBS、SNS、O2O等等模式的开源程序都有。

7、Rewrite

Rewrite在IIS和Apache中的手法是不一样的，但是实现的结果是一样，当然这个我们就不需要深入了解了，我们首先需要知道，Rewrite是一种服务器的重写脉冲技术，它使得服务器可以支持 URL 重写，是一种很流行的服务器技术。

这是偏向于服务器技术的知识了，之所以拿出来介绍，是因为很多程序都运用了这项技术，在SEO方面最常见的称呼是：伪静态

真静态就是程序生成真实存在的html静态文件，而伪静态就是利用Rewrite技术实现静态需求。像我的博客文章：https://tangjie.me/blog/64.html 实际服务器上并没有真实存在blog这个文件夹，也没有64.html这个静态文件，他是由Rewrite技术实现的URL重写功能，重新定义了URL的请求。https://tangjie.me/tangstyle 在服务器上也是没有tangstyle这个文件夹的。

伪静态的好处就是重写了URL，方便搜索引擎索引，也方便用户记忆，因为URL简化了。

8、API（应用程序编程接口）

随着移动互联网和开放平台的发展，产品的多方面拓展需求增强，因此产品规划中对API的需求也会更加重要，因此API的相关知识对于PM也是相当重要的。
这里推荐一篇我之前写的文章：产品规划中的后端规划，后端规划中的API规划