讨论社区 / 日志 / 帖子详情

React 后台管理系统项目

2022-08-03 09:57:03

125

{{single.collect_count}}

该项目架构是纯手工搭建的，并非使用脚手架搭建～

相关技术

react + redux + react-router + sass + antd + eslint + webpack

项目预览地址 https://jesonman.github.io/react-admin-demo/ （预览地址无法访问的话，把DNS改成 114.114.114.114 即可访问）

项目源码地址 https://github.com/JesonMan/react-admin/

相关页面

登录

首页

相关优化

使用DllPlugin和DllReferencePlugin插件，dll化常用的第三方模块，提高webpack构建速度，也有利于客户端缓存。
使用HappyPack插件开启多进程loader转换，提高webpack构建速度。
使用autoprefixer实现自动补全css浏览器兼容前缀。
使用MiniCssExtractPlugin插件抽离css到单独的css文件，并使用OptimizeCssAssetsPlugin插件对css进行压缩。
使用react-loadable实现代码分割，从而实现按需加载。

上一页：三种常用方式实现后台管理系统自适应布局

下一页：Spring综合练习 —— 基于Spring+SpringMVC的后台管理系统Demo案例

回帖

全部回帖（{{commentCount}}）

{{item.user.nickname}}

{{item.user.group_title}}

{{item.friend_time}}

{{item.content}}

{{item.like > 0 ? item.like : '点赞'}} {{item.comment_content_show ? '取消' : '回复'}} 删除

回帖

{{reply.user.nickname}}

{{reply.user.group_title}}

{{reply.friend_time}}

{{reply.content}}

{{reply.like > 0 ? reply.like : '点赞'}} {{reply.comment_content_show ? '取消' : '回复'}} 删除

回帖

收起

没有更多啦~

{{commentLoading ? '加载中...' : '查看更多评论'}}

一个专属于OneKeyAdmin的技术交流平台，记录OneKeyAdmin开发者的成长与进步。

主题帖

6221

回帖数

143

{{userInfo.describe}}

文章

{{blog_count}}

回帖

{{blog_comment_count}}

收藏

{{blog_collect_count}}

文章

-

评论

-

粉丝

-

1 WordPress Rest API 入门详解

2 Thinkphp5.0 获取新增数据的ID

3 thinkphp5 解决跨域问题

4 Yandex企业邮箱注册

5 PHP的exec()函数用法详解

6 Thinkphp6 的 where 查询条件 and 和 or 的操作

7 thinkphp5使用数据库表锁

8 Thinkphp如何查看当前是哪个版本?查看thinkphp当前版本号的三种方法

9 thinkphp6 如何输出json数据

10 h5网站模板_超全超实用的80个模板网站，我全部整理在这里了