一套通用的企业级中后台前端设计解决方案
大家好,我是 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、克隆代码
git clone https://github.com/antdv-pro/antdv-pro.git
2、切换到项目目录
cd [your project name]
3、安装依赖
pnpm install
4、启动项目
pnpm run dev
5、打包项目
pnpm run build
6、启动项目成功后,浏览器访问:
http://localhost:6678/
默认用户名密码:admin/admin
AntdvPro
除了提供 TypeScript
版本,还有 JavaScript
版本,可根据情况进行选择~
项目地址:https://github.com/antdv-pro/antdv-pro
JS版本:https://github.com/antdv-pro/antdv-pro/tree/feat-js
在线体验:https://antdv-pro.com/dashboard/analysis
在线文档:https://docs.antdv-pro.com/
最后
推荐的开源项目已经收录到 GitHub
项目,欢迎 Star
:
https://github.com/chenyl8848/great-open-source-project
或者访问网站,进行在线浏览:
https://chencoding.top:8090/#/
大家的点赞、收藏和评论都是对作者的支持,如文章对你有帮助还请点赞转发支持下,谢谢!
分类:
Github
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 一个费力不讨好的项目,让我损失了近一半的绩效!
· 清华大学推出第四讲使用 DeepSeek + DeepResearch 让科研像聊天一样简单!
· 实操Deepseek接入个人知识库
· CSnakes vs Python.NET:高效嵌入与灵活互通的跨语言方案对比
· Plotly.NET 一个为 .NET 打造的强大开源交互式图表库