問答專欄Q & A COLUMN
您好，很高興回答您的問題。
因?yàn)樽罱迷谟胿ue做一個(gè)項(xiàng)目，這里我來聊一聊。
先說一下背景:vue是華裔大神尤雨溪?jiǎng)?chuàng)建的，自創(chuàng)建后就一直很火，原因是他入門門檻很低，很容易學(xué)會(huì)，而且他mvvm的思想很容易被大家接受。并且中文資料很齊全，是個(gè)很火的框架。
再說一下vue應(yīng)用場(chǎng)景:一般vue比較擅長SPA開發(fā)，也就是單頁面應(yīng)用，通過路由來控制頁面顯示。至于多頁面多tab的應(yīng)用，就需要自己寫套框架來實(shí)現(xiàn)，目前我搞的這個(gè)項(xiàng)目就是這樣的。
接著談一下具體開發(fā)實(shí)現(xiàn):一般一個(gè)vue項(xiàng)目會(huì)用到如下技術(shù)或框架:
1.element-ui :這個(gè)是由餓了么公司開發(fā)開源的組件庫，里面有大量的封裝好的組件，例如橫向菜單等。用了這個(gè)框架后，基本只用寫自己的業(yè)務(wù)組件就行，其他的用它庫里的就行。
2.ant -d: 這個(gè)也是一個(gè)組件庫，是ucloud開發(fā)的，也是很不錯(cuò)的。
3.vue-router:這個(gè)是vue官方的路由組件，用于組件間的路由，這個(gè)也是不可缺少的。
4.vuex:這個(gè)為是vue官方提供的，用于存儲(chǔ)一些狀態(tài)值，相當(dāng)于維護(hù)一些公共變量，這個(gè)是大項(xiàng)目里不可缺的。
5.axios:遠(yuǎn)程通訊組件，用于和遠(yuǎn)程服務(wù)器發(fā)送ajax請(qǐng)求，這個(gè)插件對(duì)請(qǐng)求封裝的很好，使請(qǐng)求數(shù)據(jù)變得很簡(jiǎn)單。
6.mockjs:這個(gè)是開發(fā)階段用于模擬數(shù)據(jù)的組件，攔截前臺(tái)請(qǐng)求返回你設(shè)置的模擬數(shù)據(jù)。
主要用到的組件就是上面這些了，根據(jù)項(xiàng)目不同，也有其他的組件會(huì)被引用。希望上面回答能幫助你。如果有更多疑問，請(qǐng)關(guān)注我，我會(huì)給你解答。
評(píng)論0
加載中...
個(gè)人建議vue+elementui，理由是element是餓了么團(tuán)隊(duì)持續(xù)維護(hù)，bug修復(fù)速度和代碼質(zhì)量有保證，版本持續(xù)迭代超過兩年穩(wěn)定性非常好！如果用iview的話也還湊合吧，iview搞了一個(gè)社區(qū)版一個(gè)收費(fèi)版感覺社區(qū)版以后新功能持續(xù)迭代會(huì)比較乏力，另外支付寶的antd其實(shí)對(duì)vue支持是個(gè)人在外面多帶帶支持的不是團(tuán)隊(duì)負(fù)責(zé)，后期發(fā)展不確定！
評(píng)論0
加載中...
vue本就是一個(gè)框架，而且是前端框架，element-ui、iview都只是組件庫，你到底是想問什么？
評(píng)論0
加載中...
vue只是前端框架，講白了就是寫頁面的。
完整的后臺(tái)管理系統(tǒng)包含前端與后端，也就是客戶端與服務(wù)端。
既然用vue，那就是前后分開了，其他的就不說了。
你說的一個(gè)后臺(tái)界面和官網(wǎng)，就是兩個(gè)前端項(xiàng)目了，當(dāng)然也可以寫在一起。
客戶端----頁面，既然利用vue，那就用vue的工具vue-cil，看看文檔，有html,css,js基礎(chǔ)的話基本就可以直接寫了。
服務(wù)端----也就是后臺(tái)了，可選的語言就多了，C#，java，python，node啥的都能寫。既然你看了express，那就是用node了。
前端這塊好寫，入門簡(jiǎn)單，在使用vue開發(fā)過程中只需要html,css,js。你說你知道的差不多了，那也不多說了。
其實(shí)最重要的還是后端，因?yàn)樾“讓懫饋碚娴谋ǎ也唤ㄗh你寫express，甚至不推薦node，因?yàn)槁闊锩嬗泻芏喟夹枰约喊惭b。
第一：
我推薦netcore，使用的是C#，微軟干事就是喜歡全包。而且微軟的官方教程是真的很友好的，為什么不推薦java，Java社區(qū)很好，但Java對(duì)于初學(xué)者不友好，費(fèi)事多了，尤其是Visual Studio安裝能直接把你寫后臺(tái)所要的東西全部安裝好。
使用 ASP.NET Core 和 MongoDB 創(chuàng)建 Web APIdocs.microsoft.com
這里面的http://ASP.NET Core說的webapi就是你所需要的后臺(tái)，MongoDB就是數(shù)據(jù)庫，當(dāng)然你也可以直接寫webapi，把數(shù)據(jù)庫換為mysql，就我看來還是很簡(jiǎn)單的，上手很簡(jiǎn)單，寫接口到接口文檔上面都是說的清清楚楚。
第二：
考慮到netcore也是要學(xué)習(xí)成本的，那么我還是把node也說一下吧，我推薦ucloud的egg.js。
Egg.js 是什么? - 為企業(yè)級(jí)框架和應(yīng)用而生eggjs.org
寫起來也是對(duì)著文檔寫就可以了，很全面也很完善。從編寫接口，到使用mysql數(shù)據(jù)庫，按照他給的格式寫就可以了。
最后，你還要學(xué)一下，服務(wù)器的操作。因?yàn)椴还苁乔岸诉€是后端都是要在服務(wù)器上跑起來的。之所以推薦netcore是因?yàn)閙sdn把東西都寫得差不多，怎么上服務(wù)器都寫在官網(wǎng)上了。服務(wù)器的操作系統(tǒng)有Linux和Windows server兩種主流的，Linux是一般常用的，是要用命令行操作的；Window server是微軟的，是圖形操作的，就和windows操作方法類似。
整個(gè)流程基本就是（結(jié)果都是在你所購買的服務(wù)器上）：
一、
把寫好的vue頁面打包成html,js,css，這個(gè)vue-cil是有的，把他部署到web服務(wù)器上，比如Nginx、Apache、Tomcat、IIS(這個(gè)是微軟的，需要Window的操作系統(tǒng))。這樣你的網(wǎng)站（顯示給用戶的，就像知乎）就能可以在互聯(lián)網(wǎng)上訪問了。
二、部署后臺(tái)，先把后臺(tái)運(yùn)行的環(huán)境配置好，把后臺(tái)系統(tǒng)部署到服務(wù)器上，簡(jiǎn)單地將就是把你用netcore或者node寫的代碼，傳到服務(wù)器上，然后啟動(dòng)后臺(tái)，這樣他就運(yùn)行了。
再次推薦netcoe，因?yàn)樗腎DE Visual Studio(選2019)可以直接把把你代碼運(yùn)行所要的環(huán)境一起和你的代碼打包起來，這樣就省去你去配置環(huán)境了，不過還是建議自己把后臺(tái)的運(yùn)行環(huán)境給配置好。
整個(gè)前后端流程：
用戶訪問你的網(wǎng)站或者是你網(wǎng)站上的用戶交互，登錄、查看頁面、后臺(tái)發(fā)布的內(nèi)容等 ----（發(fā)送請(qǐng)求，由web服務(wù)器上轉(zhuǎn)發(fā)到后臺(tái)）--- 后臺(tái)接收，根據(jù)你的接口訪問或者操作數(shù)據(jù)庫，返回?cái)?shù)據(jù)庫操作結(jié)果（顯示在官網(wǎng)上的和后臺(tái)頁面操作的）--- 最終看到的頁面（官網(wǎng)或是后臺(tái)）。
再寫的過程中會(huì)遇到很多問題，直接百度就可以了。
評(píng)論0
加載中...
看了一些回答應(yīng)該沒有回答到點(diǎn)子上，大多提及的是vue的UI框架，element，antdeisn等。vue算是比較新的框架，如果是react，umijs算是很好的選擇。相對(duì)來說vue其自身已經(jīng)具備框架的基本結(jié)構(gòu)vue+router+vuex。如果硬要選一個(gè)上層的框架，推薦nuxtjs。其優(yōu)點(diǎn)在于項(xiàng)目結(jié)構(gòu)的嚴(yán)謹(jǐn)，以及服務(wù)器端渲染的擴(kuò)展性。
評(píng)論0
加載中...
人家在問后臺(tái)，這回答的都是什么啊。vue本身就是前端框架，可能我孤陋寡聞了，不知道有什么vue的后臺(tái)框架。
評(píng)論0
加載中...10
回答5
回答1
回答8
回答0
回答0
回答4
回答10
回答1
回答10
回答
