B/S系統和網站的關系
做為網站開發的從業者ⓣⓤⓥⓦⓧⓨⓩ，經常有客戶會問☈⊙☉℃℉❅，B/S系統什么①②③④⑤⑥⑦⑧⑨⑩⑪⑫⑬⑭⑮⑯，什么又是網站⒃⒄⒅⒆⒇⒈⒉⒊⒋⒌⒍⒎⒏⒐⒑⒒⒓？網站能不能做這個功能㈧㈨㈩⑴⑵⑶⑷⑸⑹⑺⑻⑼⑽⑾⑿⒀⒁⒂？等等一些問題⑰⑱⑲⑳⓪⓿❶❷❸❹❺，所以今天我們打算整理一些這些疑問點ⓣⓤⓥⓦⓧⓨⓩ，做一個基礎科普的介紹ⓚⓛⓜⓝⓞⓟⓠⓡⓢ，以便更加清晰網站和我們想要開發的系統之間到底什么關系⑰⑱⑲⑳⓪⓿❶❷❸❹❺。
基礎概念
什么是B/S系統ⒺⒻⒼⒽⒾⒿⓀⓁⓂⓃⓄⓅⓆⓇⓈⓉ？
這是一個老生常談的話題☾☽❄☃，我們還是再次講一下⒜⒝⒞⒟⒠⒡⒢⒣⒤。
B/S①②③④⑤⑥⑦⑧⑨⑩⑪⑫⑬⑭⑮⑯，是指以Browser（瀏覽器）①②③④⑤⑥⑦⑧⑨⑩⑪⑫⑬⑭⑮⑯，Server（服務器）為主要方式的系統♦☜☞☝✍☚☛☟✌✽✾✿❁❃，就是我們常見的網站☈⊙☉℃℉❅，因為一般都是通過瀏覽器訪問㈠㈡㈢㈣㈤㈥㈦。對應的有一個叫C/S系統（Client/Server）⓱⓲⓳⓴⓵⓶⓷⓸⓹⓺⓻⓼⓽⓾，就是用戶要安裝一個本地軟件（客戶端軟件）來訪問的系統⒜⒝⒞⒟⒠⒡⒢⒣⒤。
什么是網站❻❼❽❾❿⓫⓬⓭⓮⓯⓰？
網站⒜⒝⒞⒟⒠⒡⒢⒣⒤，一般就是指通過瀏覽器來訪訪問的站點⒔⒕⒖⒗⒘⒙⒚⒛ⅠⅡⅢⅣⅤⅥⅦⅧⅨⅩⅪⅫⅰⅱ，所以從使用的角度來說①②③④⑤⑥⑦⑧⑨⑩⑪⑫⑬⑭⑮⑯，B/S和網站❣❦❧♡۵，是一樣的東西ⓚⓛⓜⓝⓞⓟⓠⓡⓢ。
B/S系統和網站的區分
概念上的區分
1. B/S系統側重于系統
比如我們通過瀏覽器✤✥❋✦✧✩✰✪✫✬✭✮✯❂✡★✱✲✳✴，來登錄系統웃유ღ♋♂，管理我們的內容❋❀⚘☑✓✔√☐☒✗✘ㄨ✕✖✖⋆✢✣、圖片⒔⒕⒖⒗⒘⒙⒚⒛ⅠⅡⅢⅣⅤⅥⅦⅧⅨⅩⅪⅫⅰⅱ、用戶⒃⒄⒅⒆⒇⒈⒉⒊⒋⒌⒍⒎⒏⒐⒑⒒⒓、學生✵✶✷✸✹✺✻✼❄❅、提交結果ⓚⓛⓜⓝⓞⓟⓠⓡⓢ、調研結果ⓚⓛⓜⓝⓞⓟⓠⓡⓢ、甚至庫存ⓚⓛⓜⓝⓞⓟⓠⓡⓢ、訂單等等❋❀⚘☑✓✔√☐☒✗✘ㄨ✕✖✖⋆✢✣。所以♀☿☼☀☁☂☄，B/S一般側重業務管理☾☽❄☃，比如我們的訂票系統⒔⒕⒖⒗⒘⒙⒚⒛ⅠⅡⅢⅣⅤⅥⅦⅧⅨⅩⅪⅫⅰⅱ，報名系統等等ⒺⒻⒼⒽⒾⒿⓀⓁⓂⓃⓄⓅⓆⓇⓈⓉ。
2. 網站則側重展示
比如新聞網站✤✥❋✦✧✩✰✪✫✬✭✮✯❂✡★✱✲✳✴、圖片網站㊀㊁㊂㊃㊄㊅㊆㊇㊈㊉、電子商務網站ⓚⓛⓜⓝⓞⓟⓠⓡⓢ、政府公開信息網站等㈠㈡㈢㈣㈤㈥㈦。所以ⒺⒻⒼⒽⒾⒿⓀⓁⓂⓃⓄⓅⓆⓇⓈⓉ，傳統意義上㊀㊁㊂㊃㊄㊅㊆㊇㊈㊉，我們說的網站一般是指發布系統웃유ღ♋♂，大多數是指內容發布和展示☈⊙☉℃℉❅，并且用戶一般不需要登錄♦☜☞☝✍☚☛☟✌✽✾✿❁❃。需要登錄網站☾☽❄☃，大多數后臺有更復雜的系統支持ⒺⒻⒼⒽⒾⒿⓀⓁⓂⓃⓄⓅⓆⓇⓈⓉ，比如電商網站㈠㈡㈢㈣㈤㈥㈦、社交網站等✤✥❋✦✧✩✰✪✫✬✭✮✯❂✡★✱✲✳✴。
技術上的區分
因為不同的系統開發難度和要求是不一樣的ⓚⓛⓜⓝⓞⓟⓠⓡⓢ，所以㈠㈡㈢㈣㈤㈥㈦，我們重點從開發的難度和成本角度來做區分⑰⑱⑲⑳⓪⓿❶❷❸❹❺，
1. 內容發布類網站（WEB1.0）
一般我們把信息發布☈⊙☉℃℉❅、內容發布類的網站稱為內容管理和發布系統ⓊⓋⓌⓍⓎⓏⓐⓑⓒⓓⓔⓕⓖⓗⓘⓙ，也就是傳統意義的網站✵✶✷✸✹✺✻✼❄❅，主要包括新聞ⓊⓋⓌⓍⓎⓏⓐⓑⓒⓓⓔⓕⓖⓗⓘⓙ、圖片❋❀⚘☑✓✔√☐☒✗✘ㄨ✕✖✖⋆✢✣、文檔附件✵✶✷✸✹✺✻✼❄❅、視頻展示等㈧㈨㈩⑴⑵⑶⑷⑸⑹⑺⑻⑼⑽⑾⑿⒀⒁⒂，管理員有發布☾☽❄☃、上傳ⒺⒻⒼⒽⒾⒿⓀⓁⓂⓃⓄⓅⓆⓇⓈⓉ、審核⑰⑱⑲⑳⓪⓿❶❷❸❹❺、刪除的權限✤✥❋✦✧✩✰✪✫✬✭✮✯❂✡★✱✲✳✴，前臺用戶一般是不需要登錄♀☿☼☀☁☂☄，也就是單向發布㊀㊁㊂㊃㊄㊅㊆㊇㊈㊉，匿名用戶只能查看♀☿☼☀☁☂☄，不能做信息的上傳☈⊙☉℃℉❅。
2. 用戶認證登錄系統（WEB1.5）
如果信息的查閱和下載❣❦❧♡۵，需要登錄⒜⒝⒞⒟⒠⒡⒢⒣⒤，那就要做身份識別ⒺⒻⒼⒽⒾⒿⓀⓁⓂⓃⓄⓅⓆⓇⓈⓉ。
身份識別有兩種㈠㈡㈢㈣㈤㈥㈦，1直接對接現有的用戶數據庫⒜⒝⒞⒟⒠⒡⒢⒣⒤，比如學生netID系統♀☿☼☀☁☂☄。2注冊用戶♀☿☼☀☁☂☄，認證用戶來實現㈧㈨㈩⑴⑵⑶⑷⑸⑹⑺⑻⑼⑽⑾⑿⒀⒁⒂。
登錄完之后❻❼❽❾❿⓫⓬⓭⓮⓯⓰，要不要修改個人賬戶信息ⓊⓋⓌⓍⓎⓏⓐⓑⓒⓓⓔⓕⓖⓗⓘⓙ、頭像☈⊙☉℃℉❅、ProfileⓊⓋⓌⓍⓎⓏⓐⓑⓒⓓⓔⓕⓖⓗⓘⓙ、修改密碼等功能☾☽❄☃，剩下的就是給用戶可以查看的某些權限⒥⒦⒧⒨⒩⒪⒫⒬⒭⒮⒯⒰⒱⒲⒳⒴⒵❆❇❈❉❊†☨✞✝☥☦☓☩☯。
3. 用戶參與創作系統（WEB2.0）
用戶登錄后웃유ღ♋♂，需要發布內容❣❦❧♡۵、上傳資料☧☬☸✡♁✙♆。，、＇：∶；、提交作業❋❀⚘☑✓✔√☐☒✗✘ㄨ✕✖✖⋆✢✣、參與投票等⑰⑱⑲⑳⓪⓿❶❷❸❹❺，這些就是用戶參與♀☿☼☀☁☂☄，WEB2.0時代我們稱之為UGC❋❀⚘☑✓✔√☐☒✗✘ㄨ✕✖✖⋆✢✣，就是用戶生產內容ⒺⒻⒼⒽⒾⒿⓀⓁⓂⓃⓄⓅⓆⓇⓈⓉ。
權限上ⓣⓤⓥⓦⓧⓨⓩ，一般分為普通用戶❻❼❽❾❿⓫⓬⓭⓮⓯⓰、管理員⒥⒦⒧⒨⒩⒪⒫⒬⒭⒮⒯⒰⒱⒲⒳⒴⒵❆❇❈❉❊†☨✞✝☥☦☓☩☯、超級用戶（后臺全部都能管理的運維人員）⒥⒦⒧⒨⒩⒪⒫⒬⒭⒮⒯⒰⒱⒲⒳⒴⒵❆❇❈❉❊†☨✞✝☥☦☓☩☯，普通用戶可以發表相關內容⒔⒕⒖⒗⒘⒙⒚⒛ⅠⅡⅢⅣⅤⅥⅦⅧⅨⅩⅪⅫⅰⅱ，提交資料等ⓊⓋⓌⓍⓎⓏⓐⓑⓒⓓⓔⓕⓖⓗⓘⓙ。管理員可以查看和審核發布的內容✵✶✷✸✹✺✻✼❄❅。
這種一般是單一業務♦☜☞☝✍☚☛☟✌✽✾✿❁❃，比如論壇是一個☧☬☸✡♁✙♆。，、＇：∶；、投票是一個⒃⒄⒅⒆⒇⒈⒉⒊⒋⒌⒍⒎⒏⒐⒑⒒⒓、作品分享是一個☈⊙☉℃℉❅，難度會根據具體的業務來判斷☧☬☸✡♁✙♆。，、＇：∶；，由于內容基本上會通過網站展示ⅲⅳⅴⅵⅶⅷⅸⅹⒶⒷⒸⒹ，所以⒔⒕⒖⒗⒘⒙⒚⒛ⅠⅡⅢⅣⅤⅥⅦⅧⅨⅩⅪⅫⅰⅱ，也屬于網站的范疇㈠㈡㈢㈣㈤㈥㈦。
4. 多終端混合系統（WEB 2.5）
這類其實跟上面的123類似❋❀⚘☑✓✔√☐☒✗✘ㄨ✕✖✖⋆✢✣，只是多了終端⒃⒄⒅⒆⒇⒈⒉⒊⒋⒌⒍⒎⒏⒐⒑⒒⒓，比如微信小程序✵✶✷✸✹✺✻✼❄❅、H5웃유ღ♋♂、APP✺ϟ☇♤♧♡♢♠♣♥、大屏⒜⒝⒞⒟⒠⒡⒢⒣⒤、手表等設備❣❦❧♡۵。
一般的網站會做自適應☾☽❄☃，也就是支持手機設備㈠㈡㈢㈣㈤㈥㈦，但是體驗和交互還是有很大的差距⓱⓲⓳⓴⓵⓶⓷⓸⓹⓺⓻⓼⓽⓾，因此小程序✺ϟ☇♤♧♡♢♠♣♥、APP等多終端的應用隨之誕生⒔⒕⒖⒗⒘⒙⒚⒛ⅠⅡⅢⅣⅤⅥⅦⅧⅨⅩⅪⅫⅰⅱ。
架構上跟123類的結構是有一些差別①②③④⑤⑥⑦⑧⑨⑩⑪⑫⑬⑭⑮⑯，因為這類架構大多是API-First✵✶✷✸✹✺✻✼❄❅，也是說內容和數據是以API的方式輸出和輸入ⓚⓛⓜⓝⓞⓟⓠⓡⓢ，因此在123的基礎上♀☿☼☀☁☂☄，增加API☧☬☸✡♁✙♆。，、＇：∶；，增加終端界面就是這類系統的構建模式和成本ⓣⓤⓥⓦⓧⓨⓩ。
5. 純業務系統（業務系統類）
有些系統無需展示♦☜☞☝✍☚☛☟✌✽✾✿❁❃，比如我們經常上的個人稅務查詢系統❣❦❧♡۵、公積金管理系統❋❀⚘☑✓✔√☐☒✗✘ㄨ✕✖✖⋆✢✣、美團的訂單和外賣系統⒃⒄⒅⒆⒇⒈⒉⒊⒋⒌⒍⒎⒏⒐⒑⒒⒓、OA系統☧☬☸✡♁✙♆。，、＇：∶；、一些在線ERP/CRM/HIS等①②③④⑤⑥⑦⑧⑨⑩⑪⑫⑬⑭⑮⑯，這種基本是純業務系統✤✥❋✦✧✩✰✪✫✬✭✮✯❂✡★✱✲✳✴，無需展示❋❀⚘☑✓✔√☐☒✗✘ㄨ✕✖✖⋆✢✣，所以基本上是就某個具體的業務和方向開發的系統✺ϟ☇♤♧♡♢♠♣♥。
這類系統大多也是B/S架構ⓚⓛⓜⓝⓞⓟⓠⓡⓢ，也就是說通過網站來訪問即可⓱⓲⓳⓴⓵⓶⓷⓸⓹⓺⓻⓼⓽⓾，無需單獨下載軟件⒃⒄⒅⒆⒇⒈⒉⒊⒋⒌⒍⒎⒏⒐⒑⒒⒓，當然有一些還有客戶端軟件☾☽❄☃。
這類系統相對來說比較復雜✺ϟ☇♤♧♡♢♠♣♥，用戶管理一般分多級①②③④⑤⑥⑦⑧⑨⑩⑪⑫⑬⑭⑮⑯，比如按組分⑰⑱⑲⑳⓪⓿❶❷❸❹❺，按層級分等ⅲⅳⅴⅵⅶⅷⅸⅹⒶⒷⒸⒹ，后臺有相應的工作流㈧㈨㈩⑴⑵⑶⑷⑸⑹⑺⑻⑼⑽⑾⑿⒀⒁⒂、審批流♀☿☼☀☁☂☄、通知機制❣❦❧♡۵、站內信息♀☿☼☀☁☂☄、企業架構等等
此外不僅開發成本高ⓣⓤⓥⓦⓧⓨⓩ，并且風險也是比較大ⓣⓤⓥⓦⓧⓨⓩ，因為不僅僅要對軟件架構有掌握✤✥❋✦✧✩✰✪✫✬✭✮✯❂✡★✱✲✳✴，還要對業務有深入的了解和提煉①②③④⑤⑥⑦⑧⑨⑩⑪⑫⑬⑭⑮⑯，比如圖書館借書系統⑰⑱⑲⑳⓪⓿❶❷❸❹❺，就要對圖書館的業務非常了解⓱⓲⓳⓴⓵⓶⓷⓸⓹⓺⓻⓼⓽⓾，還要懂一些圖書館專業的專業知識♀☿☼☀☁☂☄，才能開發完成⒥⒦⒧⒨⒩⒪⒫⒬⒭⒮⒯⒰⒱⒲⒳⒴⒵❆❇❈❉❊†☨✞✝☥☦☓☩☯。
好處是⒜⒝⒞⒟⒠⒡⒢⒣⒤，這類系統大多數行業都有現成的系統了☾☽❄☃，直接買來使用㊀㊁㊂㊃㊄㊅㊆㊇㊈㊉，如果有一定的預算☈⊙☉℃℉❅，可以進行部分定制化處理♀☿☼☀☁☂☄。
結論
所以⓱⓲⓳⓴⓵⓶⓷⓸⓹⓺⓻⓼⓽⓾，本質上⒃⒄⒅⒆⒇⒈⒉⒊⒋⒌⒍⒎⒏⒐⒑⒒⒓，B/S系統❋❀⚘☑✓✔√☐☒✗✘ㄨ✕✖✖⋆✢✣、網站是一個東西㈧㈨㈩⑴⑵⑶⑷⑸⑹⑺⑻⑼⑽⑾⑿⒀⒁⒂，開發也可以是同樣的技術⒃⒄⒅⒆⒇⒈⒉⒊⒋⒌⒍⒎⒏⒐⒑⒒⒓，就看要求的功能和側重點了⒥⒦⒧⒨⒩⒪⒫⒬⒭⒮⒯⒰⒱⒲⒳⒴⒵❆❇❈❉❊†☨✞✝☥☦☓☩☯。
從稱呼上ⒺⒻⒼⒽⒾⒿⓀⓁⓂⓃⓄⓅⓆⓇⓈⓉ，也可以叫系統⒜⒝⒞⒟⒠⒡⒢⒣⒤，也可以叫網站⒔⒕⒖⒗⒘⒙⒚⒛ⅠⅡⅢⅣⅤⅥⅦⅧⅨⅩⅪⅫⅰⅱ，但是從開發者的角度✺ϟ☇♤♧♡♢♠♣♥，我們大概要有一個清晰的認知㈧㈨㈩⑴⑵⑶⑷⑸⑹⑺⑻⑼⑽⑾⑿⒀⒁⒂，從而劃分開發難度以及維護難度⒥⒦⒧⒨⒩⒪⒫⒬⒭⒮⒯⒰⒱⒲⒳⒴⒵❆❇❈❉❊†☨✞✝☥☦☓☩☯。
|
需求 |
網站 |
技術和維護 |
|
WEB1.0 信息展示發布 |
1. 官網/博客 2. 展示類和搜索：圖/文/文件 3. 視頻展示類 |
技術：CMS 維護：容易 |
|
WEB1.5 信息認證類 |
1. 資源類 2. 認證登錄類 |
技術：CMS 維護：中等 |
|
WEB2.0 用戶創作類 |
1. 社交類 2. 電商類 3. 論壇 4. 在線學習類 5. 用戶投票等 6. 其他業務類型 |
技術：CMS / 其他系統 |
|
WEB2.5 多終端類型 |
1. 小程序 2. APP 3. 大屏 4. 其他設備 |
技術：CMS + API + 前端APP 維護：中等-難 |
|
B/S管理 純業務類 |
1. 稅務系統/選課系統 2. CRM/ERP/OA 3. 其他類 |
技術：CMS/CRM/ERP等 維護：難
|
創作不易✵✶✷✸✹✺✻✼❄❅，轉載請注明出處☧☬☸✡♁✙♆。，、＇：∶；！
更多Drupal以及內容管理系統✤✥❋✦✧✩✰✪✫✬✭✮✯❂✡★✱✲✳✴，請參考我們其他相關文章☧☬☸✡♁✙♆。，、＇：∶；，
1㈧㈨㈩⑴⑵⑶⑷⑸⑹⑺⑻⑼⑽⑾⑿⒀⒁⒂、常見的CMS平臺比較
2♦☜☞☝✍☚☛☟✌✽✾✿❁❃、構建英文網站應該用什么框架❣❦❧♡۵？
3⒥⒦⒧⒨⒩⒪⒫⒬⒭⒮⒯⒰⒱⒲⒳⒴⒵❆❇❈❉❊†☨✞✝☥☦☓☩☯、外貿網站如何通過SEO和內容引流ⓊⓋⓌⓍⓎⓏⓐⓑⓒⓓⓔⓕⓖⓗⓘⓙ？
4①②③④⑤⑥⑦⑧⑨⑩⑪⑫⑬⑭⑮⑯、在線展覽和多媒體展示建設方案
5☈⊙☉℃℉❅、WebVR哪個框架好⒥⒦⒧⒨⒩⒪⒫⒬⒭⒮⒯⒰⒱⒲⒳⒴⒵❆❇❈❉❊†☨✞✝☥☦☓☩☯？WebVR開發框架的技術選型♦☜☞☝✍☚☛☟✌✽✾✿❁❃，360VR技術框架㈠㈡㈢㈣㈤㈥㈦。
6⒜⒝⒞⒟⒠⒡⒢⒣⒤、使用Phaser構建2D的在線展覽系統
7♦☜☞☝✍☚☛☟✌✽✾✿❁❃、構建英文網站應該用什么框架✵✶✷✸✹✺✻✼❄❅？
