不懂技術(shù)的產(chǎn)品經(jīng)理不是一位好設(shè)計(jì)！前兩天發(fā)布了一個(gè)原創(chuàng)WordPress主題，有位PM朋友下載研究了一下，并問(wèn)了一些問(wèn)題，結(jié)合他的提問(wèn)我決定寫(xiě)一篇Web產(chǎn)品的相關(guān)技術(shù)知識(shí)。

今天我要講的內(nèi)容基本上都是技術(shù)原理的一些知識(shí)，主要是羅列出來(lái)并做一些簡(jiǎn)單的介紹，更深入的研究推薦Google一下，看看相關(guān)的百科介紹，作為產(chǎn)品經(jīng)理如果能夠知道這些知識(shí)，那么基本上算是馬步扎穩(wěn)了。

1、B/S結(jié)構(gòu)

首先要講到是Web產(chǎn)品的結(jié)構(gòu)，Web產(chǎn)品是屬于B/S結(jié)構(gòu)（Browser/Server，瀏覽器/服務(wù)器），這種結(jié)構(gòu)我們只需要考慮到服務(wù)器的負(fù)載而不用擔(dān)心用戶設(shè)備的性能，因?yàn)楹芏嗍聻g覽器已經(jīng)幫我們解決了，當(dāng)然這種結(jié)構(gòu)模式擁有一個(gè)無(wú)比頭疼的問(wèn)題，那就是跨瀏覽器的兼容，當(dāng)然這是前端工程師的事了(嘿嘿)，不過(guò)，作為產(chǎn)品經(jīng)理，必須要知道哦，例如有些功能特效在IE6瀏覽器里，那就…

2、技術(shù)框架（PHP框架）

技術(shù)框架太偏向于技術(shù)層面的知識(shí)了，不過(guò)對(duì)于產(chǎn)品經(jīng)理來(lái)說(shuō)，如果能夠掌握相關(guān)原理，那么在以后的產(chǎn)品規(guī)劃中，能夠幫助我們做很多資源整合和資源復(fù)用的工作，減少技術(shù)資源成本，當(dāng)然這些更多是技術(shù)負(fù)責(zé)人考慮的問(wèn)題了，但是如果我們PM也懂原理知識(shí)的話，在溝通上就方便多了。

3、模板引擎

模板引擎最典型的案例就是CMS系統(tǒng)的架構(gòu)，通過(guò)模板引擎讓我們實(shí)現(xiàn)了前端界面和系統(tǒng)架構(gòu)分離，無(wú)論任何一方的升級(jí)改良都不會(huì)影響到另一方。WordPress主題就是模板文件，由模板文件定義前端界面的展現(xiàn)風(fēng)格，模板標(biāo)簽調(diào)用數(shù)據(jù)，實(shí)現(xiàn)數(shù)據(jù)內(nèi)容的顯示。

通常最基本的模板引擎文件分為：首頁(yè)、列表頁(yè)、內(nèi)容頁(yè)。由于每一頁(yè)的頭部和尾部是一樣的，所以這三頁(yè)又拆分成：頭部、中間內(nèi)容、尾部。三頁(yè)共用頭尾部，只是中間內(nèi)容不一樣。如果你了解Axure軟件的話，應(yīng)該能夠明白，這和Axure軟件中的Masters是一樣的原理。

TangStyle主題的結(jié)構(gòu)如下：
首頁(yè)組成部分：
header.php 頭部
index.php 中間左側(cè)（列表）
sidebar.php 中間右側(cè)（Widgetable側(cè)欄區(qū)）
footer.php 尾部

分類列表頁(yè)組成部分：
header.php 頭部
category.php 中間左側(cè)（內(nèi)容列表）
sidebar-category.php 中間右側(cè)（Widgetable側(cè)欄區(qū)）
footer.php 尾部

內(nèi)容頁(yè)組成部分：
header.php 頭部
single.php 中間左側(cè)上（內(nèi)容）
comments.php 中間左側(cè)下（評(píng)論）
sidebar-single.php 中間右側(cè)（Widgetable側(cè)欄區(qū)）
footer.php 尾部

由于我每一頁(yè)都重新定義了一次Widgetable側(cè)欄區(qū)，為的是分開(kāi)管理首頁(yè)、列表頁(yè)和內(nèi)容頁(yè)的側(cè)欄，當(dāng)然他們也可以和首頁(yè)共用一個(gè)側(cè)欄。

以上就是我寫(xiě)的TangStyle主題的模板文件，由WordPress模板引擎索引并顯示。（當(dāng)然這只是簡(jiǎn)單的描述，模板文件里還有其他的一些文件，這里就不多介紹了。）

4、插件擴(kuò)展

一般情況下，技術(shù)框架都會(huì)有一套內(nèi)在的API接口，用于實(shí)現(xiàn)一些相對(duì)獨(dú)立的技術(shù)功能，例如計(jì)劃任務(wù)。這個(gè)技術(shù)知識(shí)沒(méi)有統(tǒng)一的理解，也會(huì)根據(jù)不同的產(chǎn)品需求有不一樣的結(jié)構(gòu)規(guī)劃，主要應(yīng)用在平臺(tái)級(jí)產(chǎn)品中，例如WordPress就有一套系統(tǒng)插件的機(jī)制，如果有興趣可以看看官方的相關(guān)介紹，這里我就不多介紹了。

5、CMS

我個(gè)人覺(jué)得，每一位產(chǎn)品經(jīng)理都應(yīng)該非常了解CMS系統(tǒng)的架構(gòu)，因?yàn)檫@是一套最基本且可擴(kuò)展性很強(qiáng)的平臺(tái)級(jí)產(chǎn)品架構(gòu)。推薦PM們?cè)谧约旱碾娔X里配置一個(gè)PHP環(huán)境，多多下載體驗(yàn)一些Web產(chǎn)品，多了解各種類型的產(chǎn)品結(jié)構(gòu)，這對(duì)我們以后規(guī)劃產(chǎn)品時(shí)非常有幫助的。這篇文章里講到的所有知識(shí)在CMS系統(tǒng)里都有體現(xiàn)。

6、開(kāi)源程序

開(kāi)源的英文是Open Source，意思是開(kāi)放源碼，也就是說(shuō)開(kāi)源程序是一個(gè)開(kāi)放源代碼的程序，技術(shù)框架就是一種開(kāi)源的項(xiàng)目，很多熱心的個(gè)人或組織將自己積累的技術(shù)框架開(kāi)源出來(lái)，提供給大家使用。

之所以我提到開(kāi)源程序，是因?yàn)樯弦粭l我推薦大家多多使用開(kāi)源的Web產(chǎn)品，了解更多的產(chǎn)品結(jié)構(gòu)，所以這里我介紹幾個(gè)比較知名的開(kāi)源Web產(chǎn)品，當(dāng)然都是PHP語(yǔ)言開(kāi)發(fā)的。

Discuz（被騰訊收購(gòu)）、PHPWind（被阿里巴巴收購(gòu)）、PHPCms（被盛大收購(gòu)）、ThinkSNS（功能類似新浪微博，但是開(kāi)發(fā)出來(lái)比新浪微博早）、WordPress（應(yīng)用最多的Blog系統(tǒng)，國(guó)內(nèi)各大公司的UED團(tuán)隊(duì)博客都是使用的這套系統(tǒng)）、EmpireCMS和DedeCMS（國(guó)內(nèi)知名的CMS系統(tǒng)）

就介紹這幾個(gè)了，國(guó)內(nèi)外開(kāi)源的程序挺多的，基本上B2B、B2C、C2C、BBS、SNS、O2O等等模式的開(kāi)源程序都有。

7、Rewrite

Rewrite在IIS和Apache中的手法是不一樣的，但是實(shí)現(xiàn)的結(jié)果是一樣，當(dāng)然這個(gè)我們就不需要深入了解了，我們首先需要知道，Rewrite是一種服務(wù)器的重寫(xiě)脈沖技術(shù)，它使得服務(wù)器可以支持 URL 重寫(xiě)，是一種很流行的服務(wù)器技術(shù)。

這是偏向于服務(wù)器技術(shù)的知識(shí)了，之所以拿出來(lái)介紹，是因?yàn)楹芏喑绦蚨歼\(yùn)用了這項(xiàng)技術(shù)，在SEO方面最常見(jiàn)的稱呼是：偽靜態(tài)

真靜態(tài)就是程序生成真實(shí)存在的html靜態(tài)文件，而偽靜態(tài)就是利用Rewrite技術(shù)實(shí)現(xiàn)靜態(tài)需求。像我的博客文章：http://tangjie.me/blog/64.html 實(shí)際服務(wù)器上并沒(méi)有真實(shí)存在blog這個(gè)文件夾，也沒(méi)有64.html這個(gè)靜態(tài)文件，他是由Rewrite技術(shù)實(shí)現(xiàn)的URL重寫(xiě)功能，重新定義了URL的請(qǐng)求。http://tangjie.me/tangstyle 在服務(wù)器上也是沒(méi)有tangstyle這個(gè)文件夾的。

偽靜態(tài)的好處就是重寫(xiě)了URL，方便搜索引擎索引，也方便用戶記憶，因?yàn)閁RL簡(jiǎn)化了。

8、API（應(yīng)用程序編程接口）

隨著移動(dòng)互聯(lián)網(wǎng)和開(kāi)放平臺(tái)的發(fā)展，產(chǎn)品的多方面拓展需求增強(qiáng)，因此產(chǎn)品規(guī)劃中對(duì)API的需求也會(huì)更加重要，因此API的相關(guān)知識(shí)對(duì)于PM也是相當(dāng)重要的。
這里推薦一篇我之前寫(xiě)的文章：產(chǎn)品規(guī)劃中的后端規(guī)劃，后端規(guī)劃中的API規(guī)劃

來(lái)源：唐杰博客