admin
- 。ₒº◦°
adoring-ptolemy-b3167e°◦ºₒ。 // 查看當前文件
可使用網路連接的管理面板、圖形操作介面。 透過web技術搭建，適合在不同平台上進行系統管理作業。採用前後端分離，擁有快速啟用，輕巧，跨平台支援，異步運行等特點。 集成數據可視化，內容管理平台，系統管理工具，在面板中即可輕鬆調整各項參數等眾多便利性功能
https://hackmd.io/@ANCRAFT/admin
::: warning
🪁Demo 。ₒº◦°adoring-ptolemy-b3167e°◦ºₒ。
:::
⚗示範
💡開始
setup
- 下載檔案
- 安裝
node.js,python3.9,docker - 添加IP
配置
使用(vscode)開啟位於:
./config/config.yml
./config/api.yml
./config/socket.yml
啟動
雙擊或執行start.sh
🧲結構
PANEL.ANCRAFT
├─ CREATIVE
│ └─ ANCRAFT.ONE
│ ├─ API
│ │ ├─ start.anc
│ │ └─ ViA.json
│ └─ APP
│ └─ NET
│ └─ admin
│ └─ dashboard
│ └─ panel
│ ├─ ajax.js
│ ├─ ANCRAFT.ONE
│ ├─ content.js
│ ├─ index.html
│ ├─ Reveal.js
│ ├─ script.js
│ └─ style.css
├─ lab
│ ├─ all.css
│ ├─ BUTTON.CSS
│ ├─ nav.css
│ └─ page.css
├─ public
│ ├─ account
│ │ └─ index.html
│ ├─ land
│ │ └─ index.html
│ ├─ panel
│ │ └─ App
│ │ └─ index.html
│ ├─ static
│ └─ index.html
├─ src
│ ├─ AppAssets
│ │ ├─ ajax.js
│ │ ├─ ANCRAFT.ONE
│ │ ├─ content.js
│ │ ├─ Reveal.js
│ │ ├─ script.js
│ │ └─ style.css
│ ├─ pages
│ │ ├─ panel
│ │ │ ├─ main
│ │ │ │ ├─ MainSection.jsx
│ │ │ │ ├─ nav.json
│ │ │ │ ├─ NavList.jsx
│ │ │ │ ├─ NavMenuBarSection.jsx
│ │ │ │ └─ s.html
│ │ │ ├─ App.js
│ │ │ └─ index.css
│ │ ├─ account.jsx
│ │ ├─ index.js
│ │ └─ land.jsx
│ ├─ ANCRAFTONE.js
│ ├─ index.js
│ ├─ reportWebVitals.js
│ └─ setupTests.js
├─ ANCRAFTONE.jsx
├─ gatsby-config.js
├─ index.html
├─ netlify.toml
├─ package-lock.json
├─ package.json
├─ README.md
├─ SECURITY.md
└─ yarn.lock
🧭設計
- 數據統計
- 調整參數
- 內容管理
在設計方面引用了幾種想法
多功能
接管伺服器設定與調整參數操作，集成數據可視化功能，為供應商更好的解決方案
模塊化
可加裝插件或頁面，調整分區策略，畫布排版，數據chart。訂製個性化面板
跨平台
在行動設備、桌面平台、嵌入式系統中都能啟用的功能
🗺翻譯
翻譯文件