浅念
a6cc190751
P1b Task 9: apps/admin based on art-design-pro v3.0.2 (tag, commit d224dd4; source recorded in apps/admin/SOURCE.md), trimmed to layout/login/i18n/request/table-form core. Login wired to real POST /v1/auth/password (single-token session), Bearer header on all requests, 401 interceptor logout+redirect, request-driven sliding renewal (refresh at ~80% TTL, single-flight), best-effort POST /v1/auth/logout on user-menu logout. One protected stub page (相册管理). Dev port 5176 strictPort + /v1 proxy to 8080. Admin keeps its own eslint9 flat config; root eslint ignores apps/admin/**. vitest unit tests for renewal pacing + Playwright e2e (guard redirect, localized wrong-password error, login lands on stub, token persists across reload, logout clears session). 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)
|