%20(2).svg)
项目简介
本项目基于React框架构建，是一套为电商商品管理提供的全面解决方案。它集成多种功能与技术，包含商品分类管理、商品管理、用户管理、角色管理等核心模块。采用Redux进行状态管理，提升数据处理和组件交互效率；借助antd组件库打造美观易用的用户界面；使用echarts-for-react实现数据可视化，增强数据展示效果。
项目的主要特性和功能
- 前端框架与状态管理：采用React框架进行组件化开发，结合Redux集中管理状态，提高代码可维护性与开发效率。
- 丰富的UI组件：集成antd组件库，利用Table、Card、Button、Select等组件构建美观易用的界面。
- 数据可视化：引入echarts-for-react库，对商品分类和数量等数据进行可视化展示。
- 核心业务功能：实现商品分类的增删改查、商品的搜索与分页展示、用户和角色的管理等功能。
- 权限控制：通过Redux管理登陆用户信息和头部标题数据，实现导航菜单的权限控制。
- 富文本编辑：集成React - draft - wysiwyg富文本编辑器，方便商品描述的编辑。
安装使用步骤
安装依赖
假设用户已下载本项目的源码文件，打开终端，进入项目根目录，执行以下命令安装项目所需依赖：
bash
npm install
启动开发环境
依赖安装完成后，在项目根目录下执行以下命令启动开发服务器：
bash
npm start
启动成功后，在浏览器中访问http://localhost:3000即可看到项目界面。
生产环境打包运行
若需在生产环境中运行项目，可执行以下步骤：
1. 打包项目：
bash
npm run build
2. 解决跨域问题：使用nginx的反向代理或CORS解决生产环境ajax跨域问题（一般由后台配置）。
3. 解决BrowserRouter模式刷新404问题：使用自定义中间件读取返回index页面。
注意事项
在复制或下载项目时，若使用Git进行版本管理，可参考项目开发初期的Git操作步骤进行仓库的复制、分支管理等操作。
下载地址
点击下载 【提取码: 4003】【解压密码: www.makuang.net】