搭建專案 路由自動化

2021-10-01 15:35:31 字數 1571 閱讀 7860

當新建乙個專案的時候,很多人協同開發,如何路由寫的很亂就會有造成很多任務作量,甚至後期不好維護,因此自動化是有必要的。

一、定義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安裝成功後,將安裝...