寫在 D2Admin 正式開源一個月以後 (1.1.4版本發佈小感)

今天 D2Admin 1.1.4 大更新發布，謹以此文表達我對編碼的熱愛。

距離我告訴你們 D2Admin 這個東西，已經有一個多月了

如今想一想這一個月真是很忙碌，幾乎全部的業餘時間都用在了開源項目上，公司沒事的時候在寫，晚上回家天天都要寫到一點左右，回家火車上都在忙着改代碼...

上圖：好友不幸骨折，守着他編碼...（但願他早點康復）

有天我和朋友說，感受真是開源個項目，把本身整我的都開源了，一我的又要設計又要寫代碼又要寫文檔還要回答問題，除了上班吃睡就都是它了！

可是就我我的而言，我感受倒也是一種不錯的體驗

經過這個開源產品，認識了不少朋友，有了本身的小交流羣，平日沒事了你們一塊兒討論討論問題也挺不錯。固然也新認識了一些大佬（膜拜），經過交流也有不小的收穫。

廢話很少說了，一介碼農也沒有什麼文采，今天也是趁着發版的機會小發表一些想法，下面就介紹一下這一個月來究竟升級了什麼吧，先放幾張截圖吧：

經典主題

集成組件和插件

圖標選擇器

版本檢查

灰度模式

數據持久化

圖表

主題

響應你們需求，此次最大的升級：多標籤頁

上面是我隨便截了幾張圖片 若是你感興趣的話能夠去體驗地址一趟 -> 體驗地址 <-。

項目如今集成了很多的庫和插件，第一次加載確實有些慢，之後有空了優化一下。之後還計劃作一個簡化版模板。

完整功能列表

• 首屏加載等待動畫 避免首次加載白屏尷尬
• 簡約主題
• 每一個插件和組件都配有介紹文檔
• 圖片資源 sketch 源文件（ 能夠在這個文件內從新生成全部圖片資源 ）
• 登錄和註銷
• 根據路由自動生成菜單
• 可摺疊側邊欄
• 方便的菜單設置
• 多國語言支持
• 富文本編輯器
• Markdown 編輯器
• 全屏功能
• Fontawesome 圖標庫
• 圖標選擇器（組件）
• 自動引入下載的 SVG 圖標
• 前端假數據支持（ mock ）
• 集成螞蟻金服出品的 G2 圖表
• 圖表自適應可拖拽大小的卡片容器（示例）
• 簡化剪貼板操做
• 簡化Cookie操做
• 時間日期計算工具
• 導入 Excel （ xlsx 格式 + csv 格式 ）
• 數據導出 Excel （ xlsx 格式 + csv 格式 ）
• 數據導出文本
• 數字動畫
• 可拖拽調整大小的切分佈局
• 可拖拽調整大小和位置的網格佈局
• 提供三種方便的頁面容器組件（正常卡片，隱形容器，填滿頁面）
• 代碼高亮顯示
• 加載並解析（或者直接指定資源） markdown 文件
• GitHub 樣式的 markdown 顯示組件
• markdown 內代碼高亮
• 爲 markdown 擴展了百度雲連接解析和優化顯示
• 右鍵菜單組件
• 自定義滾動條和滾動控制
• 內置5種主題
• 公用樣式抽離，方便的主題定製
• 支持百萬級數據量的表格組件
• 打包後隨意目錄部署（已經作好兼容設置）
• 支持臨時菜單配置
• 提供「試驗檯」功能 方便展現系統功能調用方法 1.1.4 +
• 多標籤頁模式 1.1.4 +
• 美化滾動條 1.1.4 +
• 持久化存儲 1.1.4 +

下面是由新到舊的更新列表

這個列表在這裏也能夠查看 -> 中文文檔 | 更新日誌

v1.1.4

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

v1.1.3

• [ 修復 ] 側邊欄在摺疊時不顯示的 bug
• [ 新增 ] v-charts 插件
• [ 新增 ] 一些演示圖表（後續打算把 v-charts 文檔上有示例性的演示都展現一下）
• [ 修改 ] D2Admin 經典主題顏色調整
• [ 新增 ] violet 主題
• [ 新增 ] 菜單圖標
• [ 修改 ] 新制做了 Fork me 圖片

v1.1.2

• [ 修改 ] 刪除了 G2 相關的依賴

v1.1.1

• [ 修改 ] 刪除了 G2 相關的代碼（移除圖表庫）
• [ 優化 ] 側邊欄取值邏輯

v1.1.0

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

寫這篇文章的時候心情居然出奇地平靜，終於發新版了，總算鬆了一口氣...

下階段的計劃：

• 簡化版模板，這個應該在明天就會發布
• ice 版本
• bug 修復

最後總結一下項目各類地址

• D2Admin 倉庫 https://github.com/FairyEver/d2-admin
• D2Admin 碼雲同步倉庫，只用來給你們更快地克隆代碼，發佈新版本的時候會從 github 同步 https://gitee.com/fairyever/d2-admin
• 中文文檔 https://fairyever.gitee.io/d2-admin-doc/zh/
• 預覽地址 https://fairyever.gitee.io/d2-admin-preview/#/index