浅念
78ff060420
- 模板 art-design-pro（MIT）GitHub 直连克隆后裁剪落地 admin/：删除演示页面/示例数据/mock/未用组件，保留构建与依赖清单 - 品牌化：应用名/标题/侧栏与登录页 logo/浏览器 favicon 全部替换为 all-kefu 自有资源（static/kefu-small.png），中文界面 - 八页骨架：login / force-change-password / dashboard / tenants / conversations / config / stats / settings 占位页 + 6 组路由模块 - 权限菜单：meta.roles 前端过滤，super 全量，tenant 隐藏 租户管理/平台设置（角色值与后端一致） - 开发代理：/api 直转 + /api/public 与 /static 携带租户 Host 改写（VITE_TENANT_PREVIEW_HOST），适配后端 TenantHostMiddleware - 认证 API 为开发桩（角色调试开关），Task 3 对接真实登录 Co-Authored-By: Claude Code <noreply@anthropic.com>
105 lines
3.7 KiB
Markdown
105 lines
3.7 KiB
Markdown
<img src="https://www.qiniu.lingchen.kim/github-cover-light6.webp" />
|
|
|
|
<br />
|
|
<h1 align="center">Art Design Pro</h1>
|
|
<p align="center">一款兼具设计美学与高效开发的后台系统模版，助你快速构建专业级应用</p>
|
|
<div align="center">简体中文 | <a href="./README.md">English</a></div>
|
|
|
|
<br />
|
|
<div align="center">
|
|
|
|
[](./LICENSE) [](https://github.com/Daymychen/art-design-pro/stargazers) [](https://github.com/Daymychen/art-design-pro/network/members)
|
|
|
|
</div>
|
|
<br />
|
|
|
|
## 这个项目有什么特别的呢？
|
|
|
|
**界面设计**：现代化 UI 设计，流畅交互，以用户体验与视觉设计为核心
|
|
|
|
**极速上手**：简洁架构 + 完整文档，后端开发者也能轻松使用
|
|
|
|
**丰富组件**：内置数据展示、表单等多种高质量组件，满足不同业务场景的需求
|
|
|
|
**丝滑交互**：按钮点击、主题切换、页面过渡、图表动画，体验媲美商业产品
|
|
|
|
**高效开发**：内置 useTable、ArtForm 等实用 API，显著提升开发效率
|
|
|
|
**精简脚本**：内置一键清理脚本，可快速清理演示数据，立即得到可开发的基础项目
|
|
|
|
## 技术栈
|
|
|
|
开发框架：Vue3、TypeScript、Vite、Element-Plus、Tailwind CSS
|
|
|
|
代码规范：Eslint、Prettier、Stylelint、Husky、Lint-staged、cz-git
|
|
|
|
## 预览
|
|
|
|
<kbd><img src="https://www.qiniu.lingchen.kim/github-c1.webp" alt="浅色主题"/></kbd>
|
|
|
|
<kbd><img src="https://www.qiniu.lingchen.kim/github-c2.webp" alt="浅色主题"/></kbd>
|
|
|
|
<kbd><img src="https://www.qiniu.lingchen.kim/github-c4.webp" alt="暗黑主题"/></kbd>
|
|
|
|
<kbd><img src="https://www.qiniu.lingchen.kim/github-c5.webp" alt="暗黑主题"/></kbd>
|
|
|
|
## 快速访问
|
|
|
|
[演示地址](https://www.artd.pro) | [官方文档](https://www.artd.pro/docs) | [更新日志](./CHANGELOG.md)
|
|
|
|
## 安装运行
|
|
|
|
```bash
|
|
# 安装依赖
|
|
pnpm install
|
|
|
|
# 如果 pnpm install 安装失败，尝试使用下面的命令安装依赖
|
|
pnpm install --ignore-scripts
|
|
|
|
# 本地开发环境启动
|
|
pnpm dev
|
|
|
|
# 生产环境打包
|
|
pnpm build
|
|
```
|
|
|
|
## 精简版本
|
|
|
|
项目内置精简脚本，可快速移除项目中的演示数据，让开发者获得一个可快速开发的基础项目
|
|
|
|
```bash
|
|
pnpm clean:dev
|
|
```
|
|
|
|
## 技术支持
|
|
|
|
QQ群：<a href="https://qm.qq.com/cgi-bin/qm/qr?k=Gg6yzZLFaNgmRhK0T5Qcjf7-XcAFWWXm&jump_from=webapi&authKey=YpRKVJQyFKYbGTiKw0GJ/YQXnNF+GdXNZC5beQQqnGZTvuLlXoMO7nw5fNXvmVhA">1038930070</a>（点击链接加入群聊）
|
|
|
|
## 兼容性
|
|
|
|
支持 Chrome、Safari、Firefox 等现代主流浏览器。
|
|
|
|
## 贡献
|
|
|
|
我们真诚欢迎并感谢每一位贡献者的支持！无论您有新想法、功能建议还是代码优化，都可以通过以下方式参与：
|
|
|
|
提交 Pull Request：分享您的代码，助力项目成长。
|
|
|
|
创建 GitHub Issue：提出 bug 反馈或新功能建议，让我们一起完善。
|
|
|
|
您的每一点贡献都让这个项目更进一步！快来加入我们的开源社区吧！
|
|
|
|
## 持续优化与扩展
|
|
|
|
项目保持活跃更新，支持最新前端技术栈，兼容主流框架，确保长期稳定性和扩展性。社区驱动的反馈机制，让你的需求快速融入项目迭代。
|
|
|
|
## 捐赠
|
|
|
|
如果你觉得这个项目为你减少了开发成本、化解了工作 / 生活里的难题，可以通过以下方式支持一下～
|
|
|
|
<img src="https://www.qiniu.lingchen.kim/%E7%BB%84%202%402x%202.png" alt="捐赠二维码"/>
|
|
|
|
## Star History
|
|
|
|
[](https://www.star-history.com/#Daymychen/art-design-pro&Date)
|