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

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

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

1、B/S結構

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

2、技術框架（PHP框架）

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

3、模板引擎

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

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

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

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

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

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

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

4、插件擴展

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

5、CMS

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

6、開源程序

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

之所以我提到開源程序，是因為上一條我推薦大家多多使用開源的Web產(chǎn)品，了解更多的產(chǎn)品結構，所以這里我介紹幾個比較知名的開源Web產(chǎn)品，當然都是PHP語言開發(fā)的。

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

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

7、Rewrite

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

這是偏向于服務器技術的知識了，之所以拿出來介紹，是因為很多程序都運用了這項技術，在SEO方面最常見的稱呼是：偽靜態(tài)

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

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

8、API（應用程序編程接口）

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