玩具项目 测试后台管理系统,前端源码 [JS版本]。
项目说明
本项目是基于javaScript + react搭建的一款后台管理系统demo。
项目启动说明:
- 安装mongodb,并且启动mongodb服务。
- 下载node后台代码。后台代码地址
- 在下载后的后台代码根目录
npm install
安装依赖。 - 在后台代码根目录
npm start
启动后台。 - 下载本仓库前端代码
- 在前端代码根目录
npm install
安装所需依赖。 - 在前端根目录
npm start
运行项目。
项目技术选型:
本次项目主要用到的技术是:
-
环境搭建: React官方脚手架
create-react-app
。 -
框架部分: 选择了
React
。 -
路由部分: 选择了
React-router
。 -
数据管理部分: 选择了
Redux
+React-redux
管理部分数据。使用Redux-thunk
中间件做了异步数据请求。 -
UI组件库: 选择了
Ant Design
。 -
Css样式: 选择了预编译语言
Less
。 -
数据请求: 选择了
axios
。 -
项目图表部分: 简单使用了
echarts
。 -
富文本编辑器部分: 使用了
react-draft-wysiwyg
。 -
百度天气接口: 使用了
jsonp
库做jsonp请求。