All Projects → LANIF-UI → Dva Boot Admin

LANIF-UI / Dva Boot Admin

Licence: mit
🍰 react admin dashboard ui LANIF-ADMIN --- react 16 + react-router 4 + dva 2 + antd 4 后台管理 脚手架

Programming Languages

javascript
184084 projects - #8 most used programming language
Less
1899 projects

Projects that are alternatives of or similar to Dva Boot Admin

Ant Design Pro Plus
✨ 基于 ant-design-pro 做一些微小的工作。
Stars: ✭ 88 (-94.33%)
Mutual labels:  boilerplate, design, enterprise, admin, admin-dashboard, ant-design
React Antd Admin
用React和Ant Design搭建的一个通用管理后台
Stars: ✭ 1,313 (-15.45%)
Mutual labels:  admin, react-router, admin-dashboard, ant-design
React Antd Multi Tabs Admin
ts+react+antd-多页签后台模板(纯净版,非 antd pro!)
Stars: ✭ 73 (-95.3%)
Mutual labels:  boilerplate, admin, admin-dashboard, ant-design
Ant Design Pro
👨🏻‍💻👩🏻‍💻 Use Ant Design like a Pro!
Stars: ✭ 30,909 (+1890.28%)
Mutual labels:  boilerplate, enterprise, admin, ant-design
Vue Element Admin
🎉 A magical vue admin https://panjiachen.github.io/vue-element-admin
Stars: ✭ 73,044 (+4603.41%)
Mutual labels:  desktop, admin, admin-dashboard
D2 Admin
An elegant dashboard
Stars: ✭ 11,012 (+609.08%)
Mutual labels:  desktop, admin, admin-dashboard
Vue Antd Admin
🐜 Ant Design Pro's implementation with Vue
Stars: ✭ 2,766 (+78.11%)
Mutual labels:  design, admin, ant-design
Light Blue Dashboard
🔥 Free and open-source admin dashboard template built with Bootstrap
Stars: ✭ 110 (-92.92%)
Mutual labels:  boilerplate, admin, admin-dashboard
Appy
🚀 A full stack boilerplate web app
Stars: ✭ 225 (-85.51%)
Mutual labels:  boilerplate, admin, admin-dashboard
React Antd
基于react + redux + immutable + less + ES6/7 + webpack2.0 + fetch + react-router + antd实现的SPA后台管理系统模板
Stars: ✭ 321 (-79.33%)
Mutual labels:  admin, react-router, ant-design
Ng Notadd
In-middle background front-end solution based on angular material 基于Angular Material的中后台前端解决方案
Stars: ✭ 287 (-81.52%)
Mutual labels:  enterprise, admin, admin-dashboard
Shards Dashboard Vue
A free Vue admin dashboard template pack featuring a modern design system and lots of custom templates and components.
Stars: ✭ 363 (-76.63%)
Mutual labels:  design, admin, admin-dashboard
vue-admin-better
🚀🚀🚀vue admin,vue3 admin,vue3.0 admin,vue后台管理,vue-admin,vue3.0-admin,admin,vue-admin,vue-element-admin,ant-design,vue-admin-beautiful-pro,vab admin pro,vab admin plus,vue admin plus,vue admin pro
Stars: ✭ 12,962 (+734.64%)
Mutual labels:  admin, admin-dashboard, ant-design
Vue Admin Beautiful
🚀🚀🚀vue3 admin,vue3.0 admin,vue后台管理,vue-admin,vue3.0-admin,admin,vue-admin,vue-element-admin,ant-design,vue-admin-beautiful-pro,vab admin pro,vab admin plus主线版本基于element-plus、element-ui、ant-design-vue三者并行开发维护,同时支持电脑,手机,平板,切换分支查看不同的vue版本,element-plus版本已发布(vue3,vue3.0,vue,vue3.x,vue.js)
Stars: ✭ 10,968 (+606.25%)
Mutual labels:  admin, admin-dashboard, ant-design
Sing App
💥Free and open-source admin dashboard template built with Bootstrap 4.5 💥
Stars: ✭ 1,187 (-23.57%)
Mutual labels:  boilerplate, admin, admin-dashboard
Bhf
Rails-Engine-Gem that offers an admin interface for trusted user
Stars: ✭ 81 (-94.78%)
Mutual labels:  admin, admin-dashboard
React Antd Dva
基于react + ant-design + dva + Mock 企业级后台管理系统最佳实践
Stars: ✭ 85 (-94.53%)
Mutual labels:  dva, ant-design
React Redux Saucepan
A minimal and universal react redux starter project. With hot reloading, linting and server-side rendering
Stars: ✭ 86 (-94.46%)
Mutual labels:  boilerplate, react-router
Staradmin Free Bootstrap Admin Template
A Free Responsive Admin Dashboard Template Built With Bootstrap 4. Elegant UI Theme for Your Web App!
Stars: ✭ 1,191 (-23.31%)
Mutual labels:  admin, admin-dashboard
Preact Redux Isomorphic
preact-redux-isomorphic PWA SPA SSR best practices and libraries in under 80kB page size (for live demo click the link below)
Stars: ✭ 85 (-94.53%)
Mutual labels:  boilerplate, react-router

English | 简体中文

dva-boot-admin

DVA Boot Admin

🍋 🍊 🍒 🍰 🍇 🍉 🍓 🌽 🍑 🍈

全新升级,已支持Ant.Design 4.0

基于React生态系统的最成熟的技术体系,搭建的一套开箱即用的后台管理系统,框架里包含了一些独有的定制组件,以及许多经过大量实践口碑良好的第三方组件,它不仅仅是一个简单的仪表盘展示界面,更是保证您下一个web项目所必需的所有工具,我们希望使用它的人可以快速、稳定的开发出健壮、美观、易用的web程序。

GitHub主页 | 码云主页

目录

功能

  • 封装了dva框架的数据流转,简单的请求可以不用在model和service中定义
  • 封装了数据模拟,可以独立于后台开发前台功能
  • 封装了分页请求,简化并规范了分页逻辑
  • 封装了fetch请求,适应与后台多种交互请求, body参数 parameter参数 path参数,动态请求头,请求前后拦截
  • 路由按需加载,首屏加载超快
  • 扩展了antd写了许多实用的UI,通过一个配置即可生成,后台CRUD三件套(数据表格,搜索框,新增编辑表单)
  • 按业务模块划分的目录结构,开发独力功能时无需分心其它模块,做到最小耦合
  • 生产环境下打包,gzip后只有2.09 MB,只使用常用模块后不到1 MB
  • 一些常用的小部件用法
  • 许多精心设计的页面及交互场景
  • dva-boot脚手架封装的功能
  • 全局异常处理,全局请求拦截,公共配置提取
  • 代码自动配置工具boot-template-cli

工程结构

.
├── public                   # 不参与编译的资源文件
├── templates                # 为代码生成所准备的模板文件
├── src                      # 主程序目录
│   ├── index.js             # 程序启动和渲染入口文件
│   ├── config.js            # 全局配置
│   ├── components           # 全局公共组件
│   ├── layouts              # 页面结构组件
│   │   ├── BasicLayout      # 基本布局
│   │   └── OtherLayout      # 布局组件根据具体功能调整,在路由配置中引用
│   ├── routes               # 动态路由目录(每个功能一个文件夹的MVC结构)
│   │   ├── index.js         # 路由配置文件
│   │   ├── Home             # 功能模块
│   │   │   ├── index.js     # 路由配置文件
│   │   │   ├── assets       # 单独属于这个模块的静态资源文件
│   │   │   ├── components   # 页面组件
│   │   │   ├── model        # dva model
│   │   │   ├── service      # dva service
│   │   │   └── routes **    # 子路由(目录结构与父级相同)
│   │   └── Login            # 功能模块
│   │       ├── index.js     # 路由配置文件
│   │       ├── assets       # 单独属于这个模块的静态资源文件
│   │       ├── components   # 页面组件
│   │       ├── model        # dva model
│   │       ├── service      # dva service
│   │       └── routes **    # 子路由(目录结构与父级相同)
│   ├── utils                # 工具类
│   └── assets               # 资源文件
│           ├── fonts        # 字体 & 字体图标
│           ├── images       # 图片
│           └── styles       # 全局样式

使用方法

$ git clone https://github.com/LANIF-UI/dva-boot-admin.git
$ cd dva-boot-admin
// 安装依赖
$ yarn
// 启动
$ yarn start
// 打包
$ yarn build
// 打包带图形化分析
$ yarn build --analyze

兼容性

IE / Edge
IE / Edge
Firefox
Firefox
Chrome
Chrome
Safari
Safari
Opera
Opera
>= IE11 last 2 versions last 2 versions last 2 versions last 2 versions

结尾

欢迎大家提问题,感谢大家的PR,如果觉得不错,还请帮忙加个

企鹅群 820881369 🐧

截图

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].