|
1，准备工作
1.1 项目描述
1，此项目为一个前后端分离的后台spa,包括前端pc端应用和后端的应用。
2，包括用户管理/商品分类管理/商品管理/权限管理等功能模块。
3，前端：使用react全家桶+antd+axios+ex6+webpack等技术。
4，后端：使用Node+express+mongodb等技术
5，采用模块化，组件化，工程化等模式开发。
1.2项目功能界面
技术选型
1,前台
react
react-router-dom
antd
redux
2，后台应用
node,
mongodb
mongoose
multer
blueimp-md5
3,前后台交互
ajax axios
jsonp
promise/async/await
接口测试工具 postman
模块化 es6, commonjs
项目构建/工程化 webpack create-react-app eslint(代码规范)
其他 富文本编程器 react-draft-wysiwyg draft-js draft-to-html
图表库 echarts echarts-for-react
4，前端路由
5， api/接口
全称：前后台交互的api接口
api接口
接口文档
测试接口
对接接口
调接接口
联调
前后台分离
mock(模拟)数据
接口文档
6 你能从项目中学习到什么？
6.1 流程及开发方法
1，熟悉一个项目的开发流程
2，学会模块化，组件化，工程化的开发模式。
3，掌握使用 create-react-app脚手架初始化react项目开发。
4，学会使用node+express+mongoose+mongodb搭建后台。
6.2 React插件或第三方库
1，掌握使用react-router-dom开发单页应用
2，学会使用redux+react-redux+redux+thunk管理应用组件状态。
3，掌握使用axios/jsonp与后端进行数据交互。
4，使用antd组件库构建界面
5，学会使用echarts/bizcharts实现数据可视化展现。
6，学会使用react-draft-wyswyg实现富文本编辑器
7， npm/yarn常用命令
yarn 命令文档：https://yarnpkg.com/zh-Hans/docs/cli/
npm命令文档：https://docs.npmjs.com/cli-documentation/
打包发布
react-devtools
npm run build
npm install -g serve
serve build
访问：http://localhost:5000
https://docschina.org/ 网站
路由器的组件
高阶函数
1，接受函数类型的参数。
2，返回值是函数。
setTimeout() setInterval() Promise : Promise()
forEach() Filter() map() reduce() find findIndex()
高阶组件。
localstoryte
| 
转播
