1. 程式人生 > >用vue和laravel開發應用學習思路

用vue和laravel開發應用學習思路

網上講用法的文章太多了,這裡我就不再重複造文章了,這裡主要講下我的學習思路和想法,算是跟大家進行一下思想上的分享。

為什麼用vue和laravel開發,最開始公司做專案的時候只是覺得老框架用的不是很好,那時候laravel大家都比較感興趣,自稱是最優雅的PHP框架,我只能評價比TP用起來難,但是學起來更有意思,能掌握很多新東西,例如,npm,webpack,composer,當然還有vue,選vue也是因為他是laravel官方文件自帶的。所以肯定要用vue+laravel開發的。至於TP和laravel誰優誰劣不做評論,我那時還用3.2,TP5後邊也做了很大改進了。

好了開始說下專案的大概使用的輪子,基本沒有自己造的,都是大神提供的開源產品,開源大法好啊。

laravel和vue不必說。後端和前端的核心框架,其他的全都是圍繞他們使用的一些專案,為了解決實際問題,給大家挨個說一下,使用和學習起來的感受。

先說後端

laravel-dingo:開源的API擴充套件,我們是前後端分離形式的架構,所以首先要找一個好用的API框架,這個也是laravel TOP 250 前幾名的擴充套件。文件簡單,上手快,複雜的配置還沒看太懂,但是基本的使用沒什麼問題了。需要注意的,路由別跟原生的混了,會導致各種問題,坑時間。

laravel-cors:解決跨域問題,當然我們自己也能有辦法解決,但是學習一下他人的解決思路還是很好的,這個擴充套件了一箇中間件,我是單獨的定義了一箇中間件名稱使用,沒有放在任何分組裡,這樣什麼地方要用就加上。因為有介面是要驗證的有的是不用的,有的路由又不想允許跨域。

laravel-passport:當然也有其他很多辦法解決驗證的問題,但是用passport顯得高大上一些,其實很多功能用不到,不代表以後也不用,使用過程中學了auth2.0協議等等,現在就是用個人客戶端授權方式驗證API,對於每個登入的人都發放,定時任務清理失效的token。

laravel-prominssion:實現RBAC的許可權管理模型,大神做的好輪子這麼多一定要多學多用才行。不過這個就測試了一下還沒有深入用,後邊可以深入講一下。

後端差不多這些就夠了,使用者驗證直接用laravel的make:auth就行了。

再說前端

前端其實是比較弱的,js馬馬虎虎,css比較差,好在有尤大提供的框架vue,文件社群非常完善,比react學習曲線低一些,react和vue誰好誰壞不評論了,react基本沒接觸。

vue全家桶:vue-router/vuex/axios,其中vuex小型專案不需要。但是我覺得我的專案夠小型了也用得到啊。SPA應用必須用vue-router,最後用axios解決ajax請求問題。

elementUI:跟vue搭配的很好,我也用過iview,兩者還是有區別的,如果想要做選擇最好還是都用一下。

前端直接用vue-cli3建立專案,雖然文件建議新人不要用,但是我是比較糾結專案結構的人,總喜歡規範一下,而且學習別人的專案大多都是一樣的結構比較好學習。

其他還有一些

js-cookie:處理cookie的輪子,也比較好用。

最後還玩了一下客戶端打包工具

electron-vue:可以跨平臺打包成應用,總有些莫名其妙的資源問題,還沒用熟練。

就這些,後邊在做專案的過程中,會寫一下遇到問題的解決方法,還有一些心得吧。對了,最後說一下用這些東西遇到了無數問題,有些當然是坑時間的,然後去翻原始碼,去除錯,去看文件,覺得這個過程是最有用的,所以遇到問題大家實在解決不了也不要輕易放棄。