【Github】项目名:LANIF – UI/dva – boot – admin:基于React生态的后台管理脚手架
项目简介
LANIF – ADMIN是一个基于React16、react – router4、dva2和antd4构建的后台管理脚手架。它是全新升级且已支持Ant.Design4.0的,基于React生态系统中成熟的技术体系搭建的开箱即用的后台管理系统。框架包含独有的定制组件以及众多口碑良好的第三方组件,不只是简单的仪表盘界面,还包含开发web项目所需的工具,能助力使用者快速、稳定地开发健壮、美观且易用的web程序。
项目的功能
- 封装了dva框架的数据流转,简单请求无需在model和service中定义。
- 封装数据模拟,可独立于后台开发前台功能。
- 封装分页请求,简化并规范分页逻辑。
- 封装fetch请求,适应多种与后台的交互请求,包括body参数、parameter参数、path参数、动态请求头、请求前后拦截。
- 路由按需加载,实现首屏加载超快。
- 扩展了antd,通过配置可生成实用UI,包含后台CRUD三件套(数据表格、搜索框、新增编辑表单)。
- 按业务模块划分目录结构,开发独立功能时耦合度小。
- 生产环境打包,gzip后仅2.09MB,常用模块下不到1MB。
- 有许多常用小部件用法和精心设计的页面及交互场景。
- 包含dva – boot脚手架的功能,如全局异常处理、全局请求拦截、公共配置提取等。
工程结构
工程结构包含public(不参与编译的资源文件)、templates(为代码生成准备的模板文件)、src(主程序目录)等主要部分。src下有index.js(程序启动和渲染入口文件)、config.js(全局配置)、components(全局公共组件)、layouts(页面结构组件)、routes(动态路由目录)、utils(工具类)、assets(资源文件)等。
项目总结
LANIF – UI/dva – boot – admin是一个功能丰富、结构清晰的后台管理脚手架项目。它整合了多种技术,在开发后台管理系统方面提供了很多便利。欢迎各位粉丝在评论区留言讨论,分享你们的使用经验或者改进建议。
项目地址
数据统计
数据评估
本站链氪巴士提供的LANIF-UI/dva-boot-admin:基于React生态的后台管理脚手架都来源于网络,不保证外部链接的准确性和完整性,同时,对于该外部链接的指向,不由链氪巴士实际控制,在2024年12月6日 上午12:00收录时,该网页上的内容,都属于合规合法,后期网页的内容如出现违规,可以直接联系网站管理员进行删除,链氪巴士不承担任何责任。
相关导航
这是一个使用react+redux的完整项目,技术栈包含react+redux+webpack+react - router+ES6/7/8+immutable。项目主要用于理解react和redux的编译方式,以及它们之间的配合方式。运行项目需nodejs6.0+,可通过git clone命令获取项目,使用npm或yarn安装依赖,然后用npm start启动,npm run build发布。项目中详细阐述了react和redux各自的特性、功能以及它们如何配合,还涉及组件生命周期、按需加载、组件间通信等内容,对想要深入了解react和redux相关知识的开发者很有价值。