Skip to content

README.md

Latest commit

 

History

History
69 lines (53 loc) · 1.65 KB

README.md

File metadata and controls

69 lines (53 loc) · 1.65 KB

DRPY Node Admin

drpy-node 后台管理界面 - 基于 Vue3 + Tailwind CSS 构建的现代化管理系统。

功能特性

  • 🎨 现代化 UI 设计，支持亮色/暗色主题
  • 📱 完全响应式，适配 PC 和移动端
  • 🚀 基于 Vite 构建，快速开发体验
  • 🔧 环境变量可视化配置
  • 📦 源文件管理和验证
  • 📋 实时日志查看
  • 📚 API 文档查看
  • 📁 文件浏览和编辑
  • 🗄️ 数据库查询

开发

# 安装依赖
npm install

# 启动开发服务器
npm run dev

# 构建生产版本
npm run build

# 预览生产构建
npm run preview

技术栈

  • Vue 3 - 渐进式 JavaScript 框架
  • Vite - 下一代前端构建工具
  • Tailwind CSS - 实用优先的 CSS 框架
  • Vue Router - 官方路由管理
  • Pinia - Vue 3 状态管理
  • Axios - HTTP 客户端

项目结构

drpy-node-admin/
├── src/
│   ├── api/           # API 接口
│   ├── components/    # 公共组件
│   ├── router/        # 路由配置
│   ├── stores/        # Pinia 状态管理
│   ├── utils/         # 工具函数
│   ├── views/         # 页面组件
│   ├── App.vue        # 根组件
│   ├── main.js        # 入口文件
│   └── style.css      # 全局样式
├── public/            # 静态资源
├── index.html         # HTML 模板
├── vite.config.js     # Vite 配置
├── tailwind.config.js # Tailwind 配置
└── package.json       # 项目配置

与 drpy-node 集成

Admin 面板通过 drpy-node-mcp 与主项目通信，需要后端提供相应的 API 接口。

License

MIT