後台管理系統專案 開始

2022-09-03 17:09:13 字數 1021 閱讀 4602

完成頁面需要好久?--首先估計出完成頁面布局和簡單路由跳轉所需要的時間,只有先把頁面完成了才能去對接介面實現複雜邏輯。

對接介面需要好久?--實現頁面複雜的跳轉邏輯判斷如登入許可權、介面資料的獲取儲存等操作。

做測試需要好久?--最後的測試肯定是要的,最好每個單元都進行一次測試,即每個功能完成就測試一次,在最後測的時候才好走通。

vue-cli的安裝:在乙個資料夾裡安裝一次即可,之後在該資料夾下直接使用vue命令即可;

webpack初始化:名稱可以和已有的資料夾名一致,不會衝突(針對git的專案);

安裝好需要的外掛程式---vuex、iview、wangeditor(我用的是這個富文字編輯器)、tree-table-vue(樹狀**);

路由的配置:不在router/index.js裡寫長串的路由配置,而是引入進來的,這樣就要寫路由導航守衛才能有效;

//

router/index.js檔案

import router from './router'//

router就是自定義的路由配置檔案

const router = new

router()

router.beforeeach((to,from,next) => )

router.aftereach(to => )

export

default router

路由配置檔案就是放的所有路由路徑--router/router.js;

//router/

router.js檔案

export default

[ ,

]

在元件裡不是通過側邊欄想跳轉路由用 this.$router.push() 來實現。

① 登入頁面,並在路由配置檔案裡增加路徑;

② 首頁布局,採用的是先側邊欄和右邊,右邊再分頭部和主內容;

③ 接著就按順序進行寫頁面,沒寫乙個頁面,在路由裡就配置路徑,現在我還是自己往側邊欄裡寫內容。

術語或其他問題歡迎指教

專案實戰 後台管理系統(三)

學生管理 student.html add student.html 新增 1 學生id 學生姓名 學生郵箱 所屬班級id 所屬班級 操作 edit student.html?nid 編輯 刪除 複製 add student.html 複製 edit student.html 複製 urls.py ...

rails專案(五) 後台管理系統實現

2.view 編寫 生成對應controllerrails g controller admin users 管理後台 使用者列表h1 idth 使用者名稱th tr td td tr table 注 因為這裡在展示使用者資訊時增加了分頁操作,故需要在gemfile檔案中新增相應的gem包gem w...

react 從0開始超詳細搭建後台管理專案

從0開始,一步步 詳解搭建過程.搭建乙個後台管理專案,有用到antd,裝飾器等,具體看技術棧.命令列中執行 或者這樣就建立好了乙個專案,目錄如下,瀏覽器上訪問http localhost 3000出現react動畫就說明建立成功 yarn add react router dom prop type...