當前位置: 妍妍網 > 碼農

5.8K star!一個超級好看的後台管理框架!

2024-02-21碼農

* 戳上方藍字「 開源先鋒 」關註我

推薦閱讀:


大家好,我是開源君,一個熱愛開源的程式設計師!

今天分享一款由國人開發的超級好看的開源後台框架 - Geeker-Admin

這是一個基於 Vue3.4、TypeScript、Vite5、Pinia、Element-Plus 開源的後台管理框架,可以幫助我們快速構建功能強大、界面美觀、易於使用的後台管理系統。

計畫特性

  • 技術棧領先:基於 Vue 3、TypeScript、Vite 和 Element Plus 等最新技術棧開發,效能強勁,開發體驗流暢。

  • 功能豐富:開箱即用,提供許可權管理、內送流量備援容錯機制題、國際化、選單管理、數據表格、表單驗證、圖表展示等常用功能,滿足你的日常開發需求。

  • 易於使用:程式碼結構清晰,文件詳細,上手難度低,即使是初學者也可以快速使用。

  • 高度可客製:支持主題客製、元件擴充套件、許可權控制等,滿足你的個人化需求。

  • 計畫安裝部署

    1、下載源碼

    # Gitee
    git clone https://gitee.com/HalseySpicy/Geeker-Admin.git
    # GitHub
    git clone https://github.com/HalseySpicy/Geeker-Admin.git

    2、安裝

    pnpm install

    3、執行

    pnpm dev
    pnpm serve

    4、構建

    # 開發環境
    pnpm build:dev
    # 測試環境
    pnpm build:test
    # 生產環境
    pnpm build:pro

    這裏有點要註意的是,本地開發建議用 Chrome 最新版瀏覽器,生成環境不再支持 IE 瀏覽器。

    計畫體驗

    登入頁

    輸入帳號密碼後,首頁如下

    左側列出了一些常用功能

    數據大屏

    超多型別的表格

    各種元件

    數據視覺化

    各種圖

    怎麽樣,是不是看起來還不錯?如果你正在開發後台管理系統,不妨試試 Geeker-Admin,相信它會給你帶來驚喜。

    更多計畫細節,感興趣的小夥伴可自行去進行檢視。

    計畫地址:
    https://github.com/HalseySpicy/Geeker-Admin

    文件:
    https://docs.spicyboy.cn/
    線上演示:
    https://admin.spicyboy.cn/