當新建乙個專案的時候,很多人協同開發,如何路由寫的很亂就會有造成很多任務作量,甚至後期不好維護,因此自動化是有必要的。
一、定義modules資料夾中每乙個模組的暴露格式,例如
1、首先將modules中的全部模組都在index中暴露出去
import classmanage from
'./classmanage'
;// 課程管理
import staticsanalisis from
'./staticsanalisis'
;// 統計分
import systemsetting from
'./systemsetting'
;// 系統設定
export
default
;
2、其次是每乙個模組中的格式,主要就是router需要的,path、name等
例如:
import classstatics from
'./classstatics'
;import sunectsstatics from
'./subjectsstatics'
;export
default,}
;// 例如這個模組中有倆個頁面,那麼就需要定義各自的path了
2、例如classstatics.vue中
export
default
;<
/script>
二、router中
import vue from
'vue'
;import router from
'vue-router'
;import modules from '@/modules』;
// 引進資料夾需要配置
import errorpage from
'@/components/layout/errorpage'
;vue.
use(router)
;const routes =[,
];object.
keys
(modules)
.foreach
((modulename)
=>`,
name:`$
.module_name`
, component: pagemodule.component,})
;}if(
!pagemodule.pages)
object.
keys
(pagemodule.pages)
.foreach
((pagename)
=>`,
component: page,
children: page.childrenpath ||
,});
});}
);
至此就實現了路由自動化,後期需要新增模組,只需按照
一、中的格式增加即可。也可以按照需要的功能,增加字段。例如路由守衛等。
自動化路由
通過動態引入js來實現自動化路由 require.context true,js 使用webpack的乙個方法,require.context 第乙個引數是需要檢索的資料夾 第二個引數是是否遍歷其中的子資料夾 第三個是正則 對於路由來說,路由其實就是乙個陣列,只要是組成陣列格式放入vue例項,應該就...
自動化測試流程及專案搭建
需求分析 挑選適合做自動化測試的功能 設計測試用例 搭建自動化測試環境 可選 設計自動化測試專案的架構 可選 編寫 執行測試用例 生成測試報告並分析結果 以tpshop為案例,以下為案例分析 一 初始化專案 新建專案 專案名稱 xx專案 建立目錄結構 二 編寫 抽取po 根據用例分析待測功能,提取頁...
部署python自動化指令碼 搭建自動化指令碼執行環境
年前把平台的指令碼寫好了,準備在虛擬機器中全部執行一遍。沒想到在虛擬機器中配置了很長時間,才把環境搭好。為了不再犯這配置環境的苦,在這簡單說說環境的搭建吧。因為寫的指令碼是在win7上實現的,所以虛擬機器我安裝的也是win7系統。1 安裝python 2 配置環境變數 python安裝成功後,將安裝...