關於對現階段vue專案的一些總結和感想

2022-08-15 07:30:13 字數 1832 閱讀 8327

一、前言

現階段手上vue的專案差不多快完了,空閒之餘回反覆對整個專案的**結構、實現細節以及框架上的做了一些思考和優化。下面打算把想到的和重點實現的方法記錄一下。

二、回顧

對於常規操作,這裡不做過多的闡述,我們只討論重點部分

1.登入模組:這塊我們用了兩個校驗,乙個是許可權校驗乙個是賬號校驗。第乙個校驗通過之後執行第二個校驗,兩者通過登入成功,頁面跳轉。

a.這裡網路請求用的是axios,它是基於promise封裝的乙個http庫,所以用了兩個.then()的鏈式寫法,當然也支援多個鏈式操作。第乙個then方法是許可權校驗,第二個then方法是賬號登入校驗。如果是以前的ajax的話,這裡就需要在success方法裡面寫回掉了(又稱**金字塔);this.root是乙個全域性變數,這個後面在做解釋。

b.賬號校驗成功之後將個人資訊存到vuex中,主要包括state,actions和mutations,state定義資料格式,view與actions互動,actions呼叫mutations定義的方法,mutations在改變state中的資料

2.路由:使用動態路由和全域性守衛,路由動態載入,router.beforeeach進行頁面攔截。具體請參考

a.獲取動態路由,push,addroutes

b.全域性守衛:根據登入成功後state中的doctorid判斷

3.全域性變數root(正式環境和開發環境的路徑)

區分正式環境和開發環境,需要在config檔案中的dev.env.js和prod.env.js檔案中做相應的配置

a.dev.env.js配置,這裡配置開發環境位址

b.prod.env.js配置,這裡配置正式環境位址

c.全域性變數的使用

4.全域性元件的註冊和在main.js中的引用,另外還有乙個區域性元件,兩者需配合一起使用。

5.axios的攔截封裝:對各response的status進行判斷攔截,然後做出對應的動作.

6.利用scss實現整體換膚和字型大小的設定,具體實現請參考

7.使用vue+dcloud的h5+api實現呼叫底層攝像頭、拍照上傳及其它一些原生功能,需用hbuilder打包後才可以除錯。

a.呼叫攝像頭或相簿選取

b.建立任務、新增檔案、開始上傳任務

三、感想

關於vue專案的一些知識點

前後端分離的意思是前後端之間通過 restful api 傳遞 json 資料進行交流。不同於 jsp 之類,後端是不涉及頁面本身的內容的。在開發的時候,前端用前端的伺服器 nginx 後端用後端的伺服器 tomcat 當我開發前端內容的時候,可以把前端的請求通過前端伺服器 給後端 稱為反向 這樣就...

關於專案的一些心得

1.分析需求很重要。在最近做的專案中,關於需求這一點,基本上不容易一次就找好,總是需要不斷的反覆看業務去分析才能知道需求。2.三層架構模式 介面層 user inte ce layer 業務邏輯層 business logic layer 資料訪問層 data access layer 區分層次的目...

關於課題專案的一些想法

一 網格計算與雲計算 1.零碎的想法 各自的特點與應用場景不同和可以借鑑的地方 網格計算興起的原因,要解決的問題,相關 中提出要解決的問題是否已經解決了?已經過了十多年?雲計算興起的原因,要解決的問題,相關 中提出的問題 關於資料庫應用系統測試的 一些初步的構想 雲市場?是否有實現,發展的方向和當時...