產(chǎn)品大牛告訴你關(guān)于Web產(chǎn)品的一些技術(shù)知識

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

今天我要講的內(nèi)容基本上都是技術(shù)原理的一些知識，主要是羅列出來并做一些簡單的介紹，更深入的研究推薦Google一下，看看相關(guān)的百科介紹，作為產(chǎn)品經(jīng)理如果能夠知道這些知識，那么基本上算是馬步扎穩(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è)無比頭疼的問題，那就是跨瀏覽器的兼容，當(dāng)然這是前端工程師的事了(嘿嘿)，不過，作為產(chǎn)品經(jīng)理，必須要知道哦，例如有些功能特效在IE6瀏覽器里，那就…

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

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

3、模板引擎

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

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

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

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

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

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

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

4、插件擴(kuò)展

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

5、CMS

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

6、開源程序

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

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

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

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

7、Rewrite

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

這是偏向于服務(wù)器技術(shù)的知識了，之所以拿出來介紹，是因?yàn)楹芏喑绦蚨歼\(yùn)用了這項(xiàng)技術(shù)，在SEO方面最常見的稱呼是：偽靜態(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ù)器上并沒有真實(shí)存在blog這個(gè)文件夾，也沒有64.html這個(gè)靜態(tài)文件，他是由Rewrite技術(shù)實(shí)現(xiàn)的URL重寫功能，重新定義了URL的請求。http://tangjie.me/tangstyle 在服務(wù)器上也是沒有tangstyle這個(gè)文件夾的。

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

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

隨著移動互聯(lián)網(wǎng)和開放平臺的發(fā)展，產(chǎn)品的多方面拓展需求增強(qiáng)，因此產(chǎn)品規(guī)劃中對API的需求也會更加重要，因此API的相關(guān)知識對于PM也是相當(dāng)重要的。