Vue3+ElementPlus+Koa2 全棧開發後臺系統

Vue3+ElementPlus+Koa2 全棧開發後臺系統

網盤連接下載
現現在前端的邊界在持續擴大,企業對於工具化、平臺化、全棧化能力要求也愈來愈高。本課程將應用Vite2.0 + Vue3 + ElementPlus+Koa2+Mongo開發一個通用後臺管理系統,帶你們掌握全棧開發能力,及真正落地的綜合技術能力。css

技術要求html

  1. 熟悉HTML、 CSS和JavaScript編程
    2.有了必定Vue基礎和Vue的實際開發經驗
    3.已經具有Node.js、npm的使用經驗
    環境參數
    腳手架:@vue/cli 4.5.9 ;全家桶:vue@3.0.5;vue-router@4.0.4;vuex@4.0.0
    UI框架:element-plus@1.0.2-beta.32;構建工具:vite 2.0.1 ;css預編譯:sass@1.32.8
    章節目錄:
    第1章 開宗明義 試看
    爲何作這門課程,如何學這門課程
    共 1 節 (9分鐘) 收起列表
    1-1 爲何作這門課?該怎麼學 (08:33) 試看
    第2章 自動化測試不得不說的事兒 試看
    眼下幾乎起步即自動化,但自動化測試將來該如何發展?只會寫簡單腳本就能夠了嗎?和測試開發的關係是什麼?究竟要解決什麼實際生產問題?開發屬於本身的自動化測試框架纔是答案。
    共 7 節 (18分鐘) 收起列表
    2-1 自動化測試與測試開發的關係 (02:17)
    2-2 測試中的實際問題與需求 (02:46)
    2-3 測試工做中的自動化解決方案 (03:25) 試看
    2-4 自動化測試可行性分析 (02:29)
    2-5 自動化測試需求分析 (02:04)
    2-6 需求分析的實現過程 (02:15)
    2-7 本章小結 (01:58)
    第3章 測試框架開發基礎——對象層封裝 試看
    真正的自動化測試≠簡單的讓代碼代替執行用例。裸奔狀態的腳本怎麼封裝?PO怎麼抽離?頁面對象和瀏覽器對象的關係到底是什麼?瀏覽器對象開發的兩種方法以及如何取捨?本章帶領你們搞定框架的對象層
    共 6 節 (85分鐘) 收起列表
    3-1 自動化此時開發的對象層 (03:26)
    3-2 最普通的自動化「裸奔狀態」 (11:58)
    3-3 瀏覽器對象Browser基類的開發 (14:12)
    3-4 繼承基類實現瀏覽器個性化 (20:35)
    3-5 頁面對象開發的第一種實現方式 (17:05)
    3-6 頁面對象開發的第二種實現方式 (17:14) 試看
    第4章 測試框架開發基礎——原生框架的集成
    在工做中引入了一個開源的自動化框架,並不意味着框架就搭建完畢了,實際中還須要依據項目的狀況,不判定製和優化框架,才能使咱們的自動化工做開展的更加順利,本章講解如何利用Unittest
    共 10 節 (128分鐘) 收起列表
    4-1 原生測試框架之簡介 (09:30)
    4-2 原生測試框架參數化的第一種方法 (19:48)
    4-3 原生測試框架參數化的第二種方法 (06:12)
    4-4 原生測試框架斷言的使用 (12:42)
    4-5 原生測試框架解決重複性前置條件的問題 (06:29)
    4-6 原生測試框架的後置處理方法的使用 (18:21)
    4-7 原生測試框架的測試類與PO的關係 (07:09)
    4-8 原生測試框架解決用例組織問題 (23:41)
    4-9 原生測試框架解決測試結果可視化問題 (18:40)
    4-10 本章小結 (05:14)
    第5章 測試框架開發進階——配置文件與IO模塊
    原生框架的數據處理能力較弱,只能在代碼內嵌入測試數據,沒法進行文件IO操做。本章使自動化測試的開發真正升級到架構層次,用設計配置文件的思想解決測試數據與代碼分離的問題。
    共 10 節 (137分鐘) 收起列表
    5-1 如何提高應用層複用性和可維護性 (02:59)
    5-2 通用配置文件開發 (23:37)
    5-3 YAML文件配置和IO開發 (18:54)
    5-4 頁面繼承對象PO的改造 (12:50)
    5-5 解析自定義表達式的方法 (17:11)
    5-6 結合Selenium和YAML過濾表達式 (12:19)
    5-7 頁面實例化PO對象改造 (07:21)
    5-8 自動化測試開發之Excel配置文件的IO開發 (27:44)
    5-9 自動化測試開發之Excel配置文件的測試用例改造 (09:43)
    5-10 本章小結 (04:19)
    第6章 測試框架開發進階——裝飾器的應用
    當前已經具有了必定的自動化能力,可是對於常見的用例依賴、操做日誌記錄、異常捕捉和處理等問題就顯得力不從心了,本章以函數開始引入裝飾器的概念,經過開發裝飾器來提升測試框架的問題處理能力。
    共 7 節 (120分鐘) 收起列表
    6-1 自動化測試開發之函數裝飾器的基本實現方法 (19:27)
    6-2 自動化測試開發之用例依賴裝飾器的實現方法 (33:03)
    6-3 自動化測試開發裝飾器應用之測試用例的依賴實現 (08:18)
    6-4 自動化測試開發之日誌的基本實現方式 (22:25)
    6-5 自動化測試開發之日誌裝飾器的開發 (12:46)
    6-6 自動化測試開發之異常的捕捉與記錄 (19:01)
    6-7 本章小結 (04:27)
    第7章 測試框架開發進階——擴展功能的實現
    想框架更好用,更貼合業務,免不了追加擴展升級。本章介紹常見框架功能的拓展如何實現:冒煙測試、接口測試集成、圖片驗證碼的識別、自動構造隨機的測試數據、郵件處理等。
    共 7 節 (113分鐘) 收起列表
    7-1 自動化測試開發框架拓展之測試數據構造簡介 (04:54)
    7-2 自動化測試開發框架拓展之測試數據構造(一) (19:44)
    7-3 自動化測試開發框架拓展之測試數據構造(二) (20:38)
    7-4 自動化測試開發框架拓展之郵件模塊開發(上) (13:21)
    7-5 自動化測試開發框架拓展之郵件模塊開發(下) (13:59)
    7-6 自動化測試開發框架拓展之接口測試集成 (21:44)
    7-7 自動化測試開發框架拓展之接口集成的實際案例分享 (18:21)
    第8章 測試框架開發高級——操做數據庫
    目前的框架功能已很完善,但真正使用時,還須要考慮正式環境的數據。本章教你們處理用例中出現DB校驗需求、動態查詢數據庫、清理數據庫的垃圾數據。
    共 7 節 (82分鐘) 收起列表
    8-1 自動化測試開發之數據庫操做前言 (04:51)
    8-2 自動化測試開發之使用INI文件管理數據庫鏈接配置 (04:55)
    8-3 自動化測試開發之實現INI配置文件解析 (09:49)
    8-4 自動化測試開發之創建mysql和oracle數據庫鏈接池 (14:26)
    8-5 自動化測試開發之使用mysql異步鏈接池實現mysql數據庫操做(上) (13:07)
    8-6 自動化測試開發之使用mysql異步鏈接池實現mysql數據庫操做(下) (11:58)
    8-7 自動化測試開發之使用oracle鏈接池實現oracle數據庫操做 (22:27)
    8-8 【知識點梳理】本章重難點總結
    第9章 ⻆色管理先後端實現9 節 | 127分鐘
    本章中,咱們將一塊兒來完成⻆色管理模塊先後端邏輯實現。包含:⻆色新建、編輯、刪除、權限設置、權限點遍歷等功能。

收起列表
視頻:
9-1 角色列表實現 (19:09)
視頻:
9-2 角色操做(建立、編輯、刪除) (17:31)
視頻:
9-3 權限設置(上) (13:35)
視頻:
9-4 權限設置(下) (15:07)
視頻:
9-5 權限列表遞歸處理 (13:53)
視頻:
9-6 角色列表後臺實現 (23:10)
視頻:
9-7 角色建立、編輯、刪除後臺實現 (14:38)
視頻:
9-8 角色列表權限展現實現 (09:05)
圖文:
9-9 【知識點梳理】本章重難點總結
第10章 部門管理先後端實現6 節 | 78分鐘
本章中,咱們一塊兒來完成部門管理模塊先後端邏輯實現。包含:部門新建、編輯、刪除等功能。前端

收起列表
視頻:
10-1 部門列表實現 (14:21)
視頻:
10-2 部門建立、編輯刪除實現(上) (16:06)
視頻:
10-3 部門建立、編輯刪除實現(下) (14:55)
視頻:
10-4 部門建立、編輯、刪除後臺實現 (21:27)
視頻:
10-5 部門列表遞歸實現 (10:57)
圖文:
10-6 【知識點梳理】本章重難點總結
第11章 動態路由、導航守衛、按鈕權限&工做流介紹9 節 | 108分鐘
本章中,將向你們介紹行業內經常使用的工做流形態以及本次課程所涉及到的審批流,工做流實現時須要掌握的理論知識、相關概念等,引導你們有一個全面的認識。vue

收起列表
視頻:
11-1 權限&工做流介紹 (12:06)
視頻:
11-2 動態菜單渲染實現(上) (16:35)
視頻:
11-3 動態菜單渲染實現(下) (14:04)
視頻:
11-4 按鈕權限控制實現 (24:37)
視頻:
11-5 404頁面開發 (08:20)
視頻:
11-6 導航守衛 (07:40)
視頻:
11-7 動態路由 (17:11)
視頻:
11-8 章節總結 (06:50)
圖文:
11-9 【知識點梳理】本章重難點總結
第12章 休假申請先後端實現10 節 | 125分鐘
本章中,咱們一塊兒來完成休假申請模塊先後端邏輯實現,並會結合部門管理菜單,設計一套標準的審批流。mysql

收起列表
視頻:
12-1 休假申請列表實現(上) (16:11)
視頻:
12-2 休假申請列表實現(下) (16:57)
視頻:
12-3 建立 - 申請休假(上) (15:33)
視頻:
12-4 建立 - 申請休假(下) (16:35)
視頻:
12-5 休假詳情&做廢(上) (11:50)
視頻:
12-6 休假詳情&做廢(下) (11:04)
視頻:
12-7 後臺列表實現 (14:43)
視頻:
12-8 建立申請單後臺實現(上) (13:38)
視頻:
12-9 建立申請單後臺實現(下) (08:23)
圖文:
12-10 【知識點梳理】本章重難點總結
第13章 待我審批先後端實現6 節 | 74分鐘
在這一章中,咱們一塊兒來完成待審批模塊先後端邏輯實現,並結合部門管理菜單,實現標準的審覈功能。git

收起列表
視頻:
13-1 審覈列表先後端實現 (19:06)
視頻:
13-2 審覈經過、拒絕功能實現(上) (14:21)
視頻:
13-3 審覈經過、拒絕功能實現(中) (13:46)
視頻:
13-4 審覈經過、拒絕功能實現(下) (12:04)
視頻:
13-5 待審覈通知功能實現 (14:25)
圖文:
13-6 【知識點梳理】本章重難點總結
第14章 造輪子 15 節 | 185分鐘
項目開發完成後,咱們會重點講解在人力短缺的工做中,如何提效,如何優化重構模塊,咱們會重點開發腳手架和低代碼組件來實現降本增效。vue-router

收起列表
視頻:
14-1 認識造輪子 (11:56)
視頻:
14-2 Commander命令使用 (15:34)
視頻:
14-3 figlet插件使用 (06:23)
視頻:
14-4 inquirer插件使用 (09:05)
視頻:
14-5 ora和download-git-repo插件使用 (07:32)
視頻:
14-6 完整腳手架實現(上) (12:54)
視頻:
14-7 完整腳手架實現(下) (12:04)
視頻:
14-8 v-model實現 (18:11)
視頻:
14-9 QueryForm實現(上) (15:57)
視頻:
14-10 QueryForm實現(中) (13:37)
視頻:
14-11 QueryForm實現(下) (16:14)
視頻:
14-12 BaseTable-基礎功能 (17:18)
視頻:
14-13 BaseTable操做列實現 (19:43)
視頻:
14-14 BaseTable-分頁聯動 (07:37)
圖文:
14-15 【知識點梳理】本章重難點總結
第15章 課程總結 1 節 | 14分鐘
本章中,咱們會針對課程中得重難點知識進行梳理、重點模塊內容總結,進一步幫助你們理清思路。sql

收起列表
視頻:
15-1 課程總結 (13:06)vuex

相關文章
相關標籤/搜索