iT邦幫忙

鐵人檔案

2022 iThome 鐵人賽
回列表
Modern Web

教練我想做一個後台管理系統,阿我忘記我只有一個人沒有教練,那用試著以vue-pure-admin為基底做做看 系列

不知道大家有沒有遇過老闆想快速做出一個後台網站,因此隨意挑了一套框
但隨著客戶無止盡的需求,內心想說: 老闆我改不動了!

希望這30天能以vue-pure-admin從無到有做出一個通用的模板,多認識一些套件
學習高手們為甚麼會這樣用,順便練習TypeScript

鐵人鍊成 | 共 31 篇文章 | 6 人訂閱 訂閱系列文 RSS系列文
DAY 1

第一天 我存在 第一次把專案跑起來真暢快

本系列文章 pure-admin 版本為 V3.4.6 在詳細談 vue-pure-admin 之前我們先試試精簡版的 pure-admin-thin第一天...

2022-09-15 ‧ 由 YUAN 分享
DAY 2

第二天 用Synk幫忙檢查套件是否有安全漏洞

有些套件版本年代久遠,作者也沒有在維護了,如果拿這個套件接專案真的OK嗎?在開始認真理解 pure-admin 之前,今天就來找一款工具幫助我們掃描專案依賴的套...

2022-09-16 ‧ 由 YUAN 分享
DAY 3

第三天 抬頭觀察 由外至內 由淺入深 反覆觀察

前言 不管是vue-pure-admin還是pure-admin-thin 都是用CLI的開發方式,和傳統的CDN引入script差很多 CLI模式更方便模組化...

2022-09-17 ‧ 由 YUAN 分享
DAY 4

第四天 略懂首頁怎麼跑起來的

昨天我們已經略懂整個網站大致怎麼組裝起來的今天我們來略懂 http://localhost:8848/#/welcome 首頁是怎麼跑起來的 TLTR (To...

2022-09-18 ‧ 由 YUAN 分享
DAY 5

第五天 研究 vue-pure-admin 全域設定檔

後台一定要有客制化的設定! 今天我們來研究一下全域設定檔可以做什麼 作者有提供文件:https://pure-admin-doc.vercel.app/page...

2022-09-19 ‧ 由 YUAN 分享
DAY 6

第六天 10分鐘略懂 pinia (vue的共用儲存區)

今天不看 vue-pure-admin 我們來看一個超簡易範例:codesandbox 範例連結 專案結構 其實只要看4個檔案就好了 main.js Ap...

2022-09-20 ‧ 由 YUAN 分享
DAY 7

第七天 盤點 pure-admin-thin 用了哪些套件?

因為套件太多語法都不同,所以來盤點用了哪些套件吧! pure-admin-thin github連結 "dependencies":...

2022-09-21 ‧ 由 YUAN 分享
DAY 8

第八天 把喜歡的vue-pure-admin頁面 加到 pure-admin-thin {{實戰}}

今天進入寫code環節! 先找一個不錯的頁面http://yiming_chang.gitee.io/vue-pure-admin/#/system/role/...

2022-09-22 ‧ 由 YUAN 分享
DAY 9

第九天 閱讀 pure-admin-table

這篇文章是接續昨天的部分今天主要是欣賞一下程式碼 官方文件 非常簡潔有力(資訊好少)https://pure-admin-doc.vercel.app/page...

2022-09-23 ‧ 由 YUAN 分享
DAY 10

第十天 略懂 pure-admin 的 Layout 架構

今天一樣來研究 pure-admin-thin 專案 拆解外框 先試著找到首頁路由檔案將 Layout 註解看會發生什麼事情 //\pure-admin-thi...

2022-09-24 ‧ 由 YUAN 分享