當前位置: 妍妍網 > 碼農

一款美觀、開源的管理儀表板,太實用了

2024-06-02碼農

來源:github.com/zuramai/mazer

👉 歡迎 ,你將獲得: 專屬的計畫實戰 / Java 學習路線 / 一對一提問 / 學習打卡 / 每月贈書

新計畫: 仿小紅書 (微服務架構)正在更新中... , 全棧前後端分離部落格計畫 2.0 版本完結啦, 演示連結 http://116.62.199.48/ 。全程手摸手,後端 + 前端全棧開發,從 0 到 1 講解每個功能點開發步驟,1v1 答疑,直到計畫上線。 目前已更新了261小節,累計43w+字,講解圖:1806張,還在持續爆肝中.. 後續還會上新更多計畫,目標是將Java領域典型的計畫都整一波,如秒殺系統, 線上商城, IM即時通訊,Spring Cloud Alibaba 等等,

  • 安裝

  • 界面展示

  • 開源地址

  • Mazer 是一個管理儀表板樣版,可以幫助更快地開發。使用 Bootstrap 5 制作,沒有 jQuery 依賴。

    圖片

    安裝

    使用現成的內建(推薦)

    從釋出頁面下載最新版本。開啟索引 HTML 檔並瀏覽原始碼。

    建立自己

    複制儲存庫

    git clone https://github.com/zuramai/mazer

    安裝依賴

    yarn install
    # OR
    npm install

    在本地執行

    npm run dev

    在瀏覽器中開啟

    http://localhost:5173

    使用 Docker 構建

    複制儲存庫

    git clone https://github.com/zuramai/mazer

    確保已安裝並執行 Docker:

    docker build -t mazer-frontend .
    docker run -it -d -p 5173:80 --name mazer mazer-frontend

    開啟http://localhost:5173

    界面展示

    表格按鈕
  • 單選框

  • 圖片
  • 顏色選擇

  • 圖片
  • 開關

  • 圖片
    使用者介面
  • 聊天框

  • 圖片
  • 代辦事項清單

  • 圖片

    圖片
    Icons

    圖片

    圖片陳列

    圖片

    電子信件應用程式

    圖片

    開源地址

    https://github.com/zuramai/mazer

    👉 歡迎 ,你將獲得: 專屬的計畫實戰 / Java 學習路線 / 一對一提問 / 學習打卡 / 每月贈書

    新計畫: 仿小紅書 (微服務架構)正在更新中... , 全棧前後端分離部落格計畫 2.0 版本完結啦, 演示連結 http://116.62.199.48/ 。全程手摸手,後端 + 前端全棧開發,從 0 到 1 講解每個功能點開發步驟,1v1 答疑,直到計畫上線。 目前已更新了261小節,累計43w+字,講解圖:1806張,還在持續爆肝中.. 後續還會上新更多計畫,目標是將Java領域典型的計畫都整一波,如秒殺系統, 線上商城, IM即時通訊,Spring Cloud Alibaba 等等,


    1. 

    2. 

    3. 

    4. 

    最近面試BAT,整理一份面試資料Java面試BATJ通關手冊,覆蓋了Java核心技術、JVM、Java並行、SSM、微服務、資料庫、數據結構等等。

    獲取方式:點「在看」,關註公眾號並回復 Java 領取,更多內容陸續奉上。

    PS:因公眾號平台更改了推播規則,如果不想錯過內容,記得讀完點一下在看,加個星標,這樣每次新文章推播才會第一時間出現在你的訂閱列表裏。

    「在看」支持小哈呀,謝謝啦