{eval=Array;=+count(Array);}
您好,很高興回答您的問題。
因為最近正好在用vue做一個項目,這里我來聊一聊。
先說一下背景:vue是華裔大神尤雨溪創建的,自創建后就一直很火,原因是他入門門檻很低,很容易學會,而且他mvvm的思想很容易被大家接受。并且中文資料很齊全,是個很火的框架。
再說一下vue應用場景:一般vue比較擅長SPA開發,也就是單頁面應用,通過路由來控制頁面顯示。至于多頁面多tab的應用,就需要自己寫套框架來實現,目前我搞的這個項目就是這樣的。
接著談一下具體開發實現:一般一個vue項目會用到如下技術或框架:
1.element-ui :這個是由餓了么公司開發開源的組件庫,里面有大量的封裝好的組件,例如橫向菜單等。用了這個框架后,基本只用寫自己的業務組件就行,其他的用它庫里的就行。
2.ant -d: 這個也是一個組件庫,是ucloud開發的,也是很不錯的。
3.vue-router:這個是vue官方的路由組件,用于組件間的路由,這個也是不可缺少的。
4.vuex:這個為是vue官方提供的,用于存儲一些狀態值,相當于維護一些公共變量,這個是大項目里不可缺的。
5.axios:遠程通訊組件,用于和遠程服務器發送ajax請求,這個插件對請求封裝的很好,使請求數據變得很簡單。
6.mockjs:這個是開發階段用于模擬數據的組件,攔截前臺請求返回你設置的模擬數據。
主要用到的組件就是上面這些了,根據項目不同,也有其他的組件會被引用。希望上面回答能幫助你。如果有更多疑問,請關注我,我會給你解答。
個人建議vue+elementui,理由是element是餓了么團隊持續維護,bug修復速度和代碼質量有保證,版本持續迭代超過兩年穩定性非常好!如果用iview的話也還湊合吧,iview搞了一個社區版一個收費版感覺社區版以后新功能持續迭代會比較乏力,另外支付寶的antd其實對vue支持是個人在外面多帶帶支持的不是團隊負責,后期發展不確定!
vue只是前端框架,講白了就是寫頁面的。
完整的后臺管理系統包含前端與后端,也就是客戶端與服務端。
既然用vue,那就是前后分開了,其他的就不說了。
你說的一個后臺界面和官網,就是兩個前端項目了,當然也可以寫在一起。
客戶端----頁面,既然利用vue,那就用vue的工具vue-cil,看看文檔,有html,css,js基礎的話基本就可以直接寫了。
服務端----也就是后臺了,可選的語言就多了,C#,java,python,node啥的都能寫。既然你看了express,那就是用node了。
前端這塊好寫,入門簡單,在使用vue開發過程中只需要html,css,js。你說你知道的差不多了,那也不多說了。
其實最重要的還是后端,因為小白寫起來真的爆炸,我不建議你寫express,甚至不推薦node,因為麻煩,里面有很多包都需要自己安裝。
第一:
我推薦netcore,使用的是C#,微軟干事就是喜歡全包。而且微軟的官方教程是真的很友好的,為什么不推薦java,Java社區很好,但Java對于初學者不友好,費事多了,尤其是Visual Studio安裝能直接把你寫后臺所要的東西全部安裝好。
使用 ASP.NET Core 和 MongoDB 創建 Web APIdocs.microsoft.com
這里面的http://ASP.NET Core說的webapi就是你所需要的后臺,MongoDB就是數據庫,當然你也可以直接寫webapi,把數據庫換為mysql,就我看來還是很簡單的,上手很簡單,寫接口到接口文檔上面都是說的清清楚楚。
第二:
考慮到netcore也是要學習成本的,那么我還是把node也說一下吧,我推薦ucloud的egg.js。
Egg.js 是什么? - 為企業級框架和應用而生eggjs.org
寫起來也是對著文檔寫就可以了,很全面也很完善。從編寫接口,到使用mysql數據庫,按照他給的格式寫就可以了。
最后,你還要學一下,服務器的操作。因為不管是前端還是后端都是要在服務器上跑起來的。之所以推薦netcore是因為msdn把東西都寫得差不多,怎么上服務器都寫在官網上了。服務器的操作系統有Linux和Windows server兩種主流的,Linux是一般常用的,是要用命令行操作的;Window server是微軟的,是圖形操作的,就和windows操作方法類似。
整個流程基本就是(結果都是在你所購買的服務器上):
一、
把寫好的vue頁面打包成html,js,css,這個vue-cil是有的,把他部署到web服務器上,比如Nginx、Apache、Tomcat、IIS(這個是微軟的,需要Window的操作系統)。這樣你的網站(顯示給用戶的,就像知乎)就能可以在互聯網上訪問了。
二、部署后臺,先把后臺運行的環境配置好,把后臺系統部署到服務器上,簡單地將就是把你用netcore或者node寫的代碼,傳到服務器上,然后啟動后臺,這樣他就運行了。
再次推薦netcoe,因為他的IDE Visual Studio(選2019)可以直接把把你代碼運行所要的環境一起和你的代碼打包起來,這樣就省去你去配置環境了,不過還是建議自己把后臺的運行環境給配置好。
整個前后端流程:
用戶訪問你的網站或者是你網站上的用戶交互,登錄、查看頁面、后臺發布的內容等 ----(發送請求,由web服務器上轉發到后臺)--- 后臺接收,根據你的接口訪問或者操作數據庫,返回數據庫操作結果(顯示在官網上的和后臺頁面操作的)--- 最終看到的頁面(官網或是后臺)。
再寫的過程中會遇到很多問題,直接百度就可以了。
看了一些回答應該沒有回答到點子上,大多提及的是vue的UI框架,element,antdeisn等。vue算是比較新的框架,如果是react,umijs算是很好的選擇。相對來說vue其自身已經具備框架的基本結構vue+router+vuex。如果硬要選一個上層的框架,推薦nuxtjs。其優點在于項目結構的嚴謹,以及服務器端渲染的擴展性。
10
回答5
回答1
回答8
回答0
回答0
回答4
回答10
回答1
回答10
回答