每個產品經理都該懂點技術(一):前后端做什么?

每個產品經理都應該懂點技術。當技術人員認為你提出的需求不能實現而懟你的時候,你可以從技術的角度將他正面擊倒。而且熟悉一定的技術后,產品經理提出的需求將會更加合理,技術人員實現起來更容易。達到產品和技術和諧共處的美好社會。此篇文章是該系列的第一篇。


產品經理每天需要跟技術人員打交道。有時候我們想知道,我提出的需求技術人員究竟能不能實現?要搞清楚這個問題,我們需要知道技術人員是怎么工作的,他們不同的分工又分別做了什么工作。我們假定團隊中只有兩類技術人員:前端和后端。雖然測試和運維也同樣重要。為了簡化思考,我們暫時不考慮他們的工作內容,而只看前后端的工作。

在Web開發中,前端去做界面模板,后端負責數據。這樣可以把后端的數據放到前端的模板里。此稱為前后端分離。

在前后端分離的開發模式中,前端和后端可以同時進行工作。具體的方式是通過前后端在事先約定好的文檔規范。前端人員依據文檔寫頁面模板,后端人員根據文檔寫API接口。前端可以調用后端的API接口為界面模板填充數據。

如果是純技術人員,我們大概到這里就介紹完畢了。不過,考慮到這篇文章是為非技術人員寫的,所以我有必要更透徹的展開一下。

通過剛才介紹我們發現前后端的依賴關系只在API上。如果API的概念不容易理解,我們可以看看API的定義。

API(Application Programming Interface,應用程序編程接口)是一些預先定義的函數,目的是提供應用程序與開發人員基于某軟件或硬件得以訪問一組例程的能力,而又無需訪問源碼,或理解內部工作機制的細節。

以上內容來自百度百科

如果覺得難以理解我們可以劃下關鍵詞,函數、提供訪問程序的能力、無需理解內部工作。API可以簡單的理解為一個URL地址。具體來說是前端頁面向API發送了一個請求的數據A,后端接收到A,根據業務的需求將A變成處理后的數據B,并把B返回給前端頁面上。這個過程中前端不知道也不必知道API內部是如何工作的,前端只需要根據發送的數據獲取到需要的數據。后端的工作就是接收前端發來的數據,處理后返回給前端使用。

我們以登陸返回用戶數據的一個操作為例進行詳細說明。

上述圖片是一個前端頁面。當我們輸入完用戶名和密碼,就意味著前端的數據已經獲取完了。我們點擊登陸的按鈕后,其實就將數據發送給了后端的API,此處我們假設API地址是 api.com/login 。一般使用JSON這種數據格式,如下圖(其實省略了很多數據,以下數據僅供參考)

{
"email":"gaoyakang@outlook.com",
"password":123456789
}

后端拿到上述數據后開始判斷并返回

  1. 該條數據格式對不對?
  2. 賬號密碼對不對?
  3. 如果都對則返回用戶信息,如果不對返回錯誤信息。

假設我們在數據庫中有以下的數據:

email password RealName NickName birth age
gaoyakang@outlook.com 123456789 mark Rever4433 1995-04 22

驗證成功后,我們開始返回用戶信息,根據我們數據庫中的數據,我們將要返回RealName、NickName、birth、age等信息給到前端去填充數據。

還是用上述JSON數據格式表示:

{
"RealName":"mark",
"NickName":"Rever4433",
"birth":"1995-04",
"age":"22"
}

前端拿到該數據后把數據渲染到界面上:

這樣一條數據從前端發送到后臺接收處理,處理完后發送到前端,前端向用戶展示這一過程就完成了。


一些說明

為了盡可能簡化理解一些難于理解的數據我沒有寫出來,不過對于非技術人員應該已經足夠理解了。另外,實際開發中有的公司可能沒有采用接口化的方式,而是前端做界面模板,做完后讓后端去填充數據的方式。這種方式雖然前后端結合的實現方式上有區別,但思想上是差不多的。
看完本文,你可能對前后端具體做的事情有了一些理解。也許你還會想知道,前后端開發人員是怎樣一起進行工作的呢?前端和后端工作有先后順序嗎?這些疑問我們將會放在下一篇。在下一篇文章中我將描述前后端人員是通過文檔來開展工作的。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 230,247評論 6 543
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 99,520評論 3 429
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 178,362評論 0 383
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,805評論 1 317
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 72,541評論 6 412
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 55,896評論 1 328
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,887評論 3 447
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 43,062評論 0 290
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 49,608評論 1 336
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 41,356評論 3 358
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 43,555評論 1 374
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 39,077評論 5 364
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,769評論 3 349
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 35,175評論 0 28
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 36,489評論 1 295
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 52,289評論 3 400
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 48,516評論 2 379

推薦閱讀更多精彩內容