一套通用的企业级中后台前端设计解决方案

大家好，我是 Java陈序员。
今天，给大家介绍一套企业级中后台前端/设计解决方案！

关注微信公众号：【Java陈序员】，获取开源项目分享、AI副业分享、超200本经典计算机电子书籍等。

项目介绍

AntdvPro —— 一个基于 Vue3、Vite4、Ant-Design-Vue4、Pinia、UnoCSS 和 Typescript 的一整套企业级中后台前端/设计解决方案。

AntdvPro 参考了阿里 React 版本 Antd-Pro 的设计模式，使用了最新最流行的前端技术栈，内置了动态路由、多主题、多布局等功能，可以帮助你快速搭建企业级中后台产品原型。
功能特色：

• 高效快速：Vite4.x 加持，开发、打包、热更新、热加载、热替换，一切都是那么的快
  
• 预设样式：内置了一套基于 UnoCSS 的样式系统，原子化的样式，让你的样式更加简洁
  
• TypeScript：项目全量使用 TypeScript,让你的代码更加规范，更加安全
  
• Nitro Mock 服务：项目使用 Nitro 作为 Mock 服务，无侵入式的 Mock,让你的 Mock 更加简单
  
• 国际化：提供了国际化的支持，满足项目的国际化需求
  
• 状态管理：项目使用 Pinia 作为状态管理，使用起来更加简单
  

技术栈：

• Vite
  
• Vue3
  
• Ant-Design-Vue4
  
• Pinia
  
• UnoCSS
  

项目截图

登录页

分析页

监控页

工作台

整体风格设置

表单页

链接

权限模块

异常页

结果页

列表页

详情页

个人页

快速上手

环境要求：

• NodeJS >= 16.0.0
  
• Pnpm(建议最新版本) >= 7.0.0
  
• Git
  

1、克隆代码

1. git clone https://github.com/antdv-pro/antdv-pro.git

复制代码

2、切换到项目目录

1. cd [your project name]

复制代码

3、安装依赖

1. pnpm install

复制代码

4、启动项目

1. pnpm run dev

复制代码

5、打包项目

1. pnpm run build

复制代码

6、启动项目成功后，浏览器访问：

1. http://localhost:6678/

复制代码

默认用户名密码：admin/admin

AntdvPro 除了提供 TypeScript 版本，还有 JavaScript 版本，可根据情况进行选择~

1. 项目地址：https://github.com/antdv-pro/antdv-pro
2. JS版本：https://github.com/antdv-pro/antdv-pro/tree/feat-js
3. 在线体验：https://antdv-pro.com/dashboard/analysis
4. 在线文档：https://docs.antdv-pro.com/

复制代码

最后

推荐的开源项目已经收录到 GitHub 项目，欢迎 Star：

1. https://github.com/chenyl8848/great-open-source-project

复制代码

或者访问网站，进行在线浏览：

1. https://chencoding.top:8090/#/

复制代码

大家的点赞、收藏和评论都是对作者的支持，如文章对你有帮助还请点赞转发支持下，谢谢！

来源：程序园用户自行投稿发布，如果侵权，请联系站长删除
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！