寫在 D2Admin 開源一個月之后，d2admin開源

今天 D2Admin 1.1.4 大更新發(fā)布，謹(jǐn)以此文表達(dá)我對編碼的熱愛。愛掏網(wǎng) - it200.com

2024年7月4日補充：簡化版模板已經(jīng)發(fā)布，剔除所有的示例頁面和不必要插件，只保留三款最受歡迎的主題，簡化版模板地址：Github

距離我在掘金正式把 D2Admin 介紹給大家——這個我自己做了五個月后公布的開源項目，已經(jīng)過去一個多月了，也就是說到現(xiàn)在為止，大概做了六個多月，六個月付出了很多也收獲了很多。愛掏網(wǎng) - it200.com

現(xiàn)在想想這一個月真是很忙碌，幾乎所有的業(yè)余時間都用在了這個項目上，閑暇的時候在寫，晚上回家每天都要寫到一點左右，更別說周末，回家火車上都在忙著改代碼...

上圖：好友不幸骨折，守著他編碼...（祝他早點康復(fù)）

有天我和朋友說，感覺真是開源個項目，把自己整個人都開源了，一個人又要設(shè)計又要寫代碼又要寫文檔還要回答問題，除了上班吃睡就都是它了！

就我個人而言，倒也是一種不錯的體驗，很有成就感。愛掏網(wǎng) - it200.com

上圖：在某個周末寫了一天新功能代碼后，我發(fā)了一條朋友圈

上圖：D2Admin 的設(shè)計文件 （真是一個人什么都干...）

通過這個開源產(chǎn)品，認(rèn)識了很多朋友，有了自己的小交流群，平日沒事了大家一起討論討論問題也挺不錯。愛掏網(wǎng) - it200.com當(dāng)然也新認(rèn)識了一些大佬（膜拜），通過交流也有不小的收獲。愛掏網(wǎng) - it200.com

廢話不多說了，一介碼農(nóng)也沒有什么文采，今天也是趁著發(fā)版的機會小發(fā)表一些想法，下面就介紹一下這一個月來究竟升級了什么吧，先放圖：

經(jīng)典主題

一些內(nèi)置的插件和組件

圖標(biāo)選擇器

版本檢查

灰度模式

數(shù)據(jù)持久化

圖表

星空主題

頁面緩存控制路由參數(shù)傳遞和頁面切換復(fù)現(xiàn)導(dǎo)入 csv 或者 xlsx

導(dǎo)出 csv 或者 xlsxsvg 圖標(biāo)自動注冊

響應(yīng)社區(qū)用戶呼聲，本次最大更新：多標(biāo)簽頁模式

上面是我隨便截了幾張圖片 如果你感興趣的話可以去體驗地址一趟 ->?體驗地址? 來自 vuebug.com項目現(xiàn)在集成了不少的庫和插件，第一次加載確實有些慢，以后有空了優(yōu)化一下。愛掏網(wǎng) - it200.com以后還計劃做一個簡化版模板。愛掏網(wǎng) - it200.com

下面是由新到舊的更新列表（從?上篇文章?發(fā)表之后開始算起）

這個列表在這里也可以查看 ->?中文文檔 | 更新日志

• [ 修改 ] 全局狀態(tài)管理設(shè)計優(yōu)化
• [ 修改 ] 主題調(diào)優(yōu)
• [ 新增 ] playground 模塊，方便測試和展示一些功能實現(xiàn)方式/調(diào)用方法
• [ 新增 ] 灰度模式
• [ 新增 ] 多頁模式
• [ 新增 ] 多頁模式緩存
• [ 新增 ] 多頁模式快速關(guān)閉（關(guān)閉左側(cè) 右側(cè) 全部 其它）
• [ 修改 ] 側(cè)邊欄滾動優(yōu)化
• [ 新增 ] d2-container 填充模式自定義滾動條
• [ 新增 ] d2-container 組件卡片和隱形模式自定義滾動條
• [ 新增 ] 現(xiàn)在頁面標(biāo)題可以根據(jù)路由做出對應(yīng)變化了
• [ 新增 ] 版本檢查機制
• [ 新增 ] d2-container 隱形模式支持 header 插槽
• [ 新增 ] 版本檢查可以設(shè)置為不顯示提示框
• [ 新增 ] 集成 json 查看組件
• [ 新增 ] 添加了所有圖表種類的演示頁面
• [ 修改 ] 修改布局方式，解決了在 Firefox 上 better-scroll 初始化拿不到正確高度的 bug
• [ 新增 ] 右上角顯示用戶名，用戶名持久存儲

• [ 修復(fù) ] 側(cè)邊欄在折疊時不顯示的 bug
• [ 新增 ] v-charts 插件
• [ 新增 ] 一些演示圖表（后續(xù)打算把 v-charts 文檔上有示例性的演示都展示一下）
• [ 修改 ] D2Admin 經(jīng)典主題顏色調(diào)整
• [ 新增 ] violet 主題
• [ 新增 ] 菜單圖標(biāo)
• [ 修改 ] 新制作了 Fork me 圖片

• [ 修改 ] 刪除了 G2 相關(guān)的依賴

• [ 修改 ] 刪除了 G2 相關(guān)的代碼（移除圖表庫）
• [ 優(yōu)化 ] 側(cè)邊欄取值邏輯

• [ 修改 ] 頂欄和側(cè)邊欄菜單新的結(jié)構(gòu)生成方式，新的方案使用 數(shù)據(jù) + 遞歸組件 實現(xiàn)無限制多級菜單
• [ 修改 ] 路由注冊回歸最簡單的寫法
• [ 修復(fù) ] 首次加載 loading 樣式類名和程序內(nèi)類名沖突，新的加載類名使用 d2-app-loading 前綴
• [ 修改 ] 所有類似 dd- 的樣式前綴(包括自動注冊圖標(biāo)的id前綴)統(tǒng)一改為 d2-
• [ 修復(fù) ] 修復(fù) d2-highlight 組件和 d2-markdown 組件的樣式?jīng)_突
• [ 修改 ] 內(nèi)置組件名稱統(tǒng)一改為 d2- 前綴，統(tǒng)一使用橫線連接 (kebab-case) 風(fēng)格
• [ 修改 ] 頂欄 logo 陰影刪除
• [ 新增 ] 主題系統(tǒng)
• [ 新增 ] 三個主題，分別為 d2admin 經(jīng)典，簡約線條，流星
• [ 修改 ] d2-markdown 組件 md 參數(shù)改名為 source
• [ 修改 ] 刪除了 d2-markdown 組件中圖片的白色背景
• [ 修改 ] 刪除 timeago 插件，更換為更強大的 dayjs
• [ 新增 ] Tomorrow Night Blue 主題
• [ 修改 ] src/assets/style/public-class.scss 寫法優(yōu)化
• [ 新增 ] vue-bigdata-table 組件
• [ 修復(fù) ] 側(cè)邊欄內(nèi)容超過一屏后顯示錯誤
• [ 新增 ] 自定義滾動條演示頁面
• [ 新增 ] 流星主題新增背景圖片上層的半透明遮罩
• [ 修復(fù) ] 主題設(shè)置失效bug
• [ 修復(fù) ] router守衛(wèi)驗證登陸部分代碼修改
• [ 修復(fù) ] d2-container 組件改為同步注冊（之前的異步注冊會有 mounted 生命周期問題，即 slot 內(nèi)的頁面在 mounted 生命周期內(nèi)拿不到 dom）
• [ 修復(fù) ] d2-container 組件重構(gòu) flex 布局
• [ 新增 ] 404 page
• [ 新增 ] 頂欄聯(lián)系方式
• [ 新增 ] 右鍵菜單組件
• [ 新增 ] 菜單配置支持空菜單（項目開發(fā)的時候有可能需要先把菜單做好查看效果）
• [ 優(yōu)化 ] 頁面左側(cè)菜單滾動條優(yōu)化
• [ 修復(fù) ] CSS 邊距工具類都加上了 !important 來保證在覆蓋樣式時生效
• [ 修復(fù) ] IE11 兼容性修復(fù)

寫這篇文章的時候心情竟然出奇地平靜，終于發(fā)新版了，總算松了一口氣...

下階段的計劃：

1. 簡化版模板，這個應(yīng)該在明天就會發(fā)布 (2024年7月4日補充：已經(jīng)兌現(xiàn)諾言發(fā)布了 d2-admin-start-kit)
2. ice 版本
3. bug 修復(fù)

最后總結(jié)一下項目各種地址

• D2Admin 倉庫?github.com/d2-projects…
  
• D2Admin 碼云同步倉庫，只用來給大家更快地克隆代碼，發(fā)布新版本的時候會從 github 同步?gitee.com/fairyever/d…
  
• 中文文檔?d2admin.fairyever.com/zh/
  
• 預(yù)覽地址?fairyever.gitee.io/d2-admin-pr…