React16+React-Router4 从零打造企业级电商后台管理系统

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了React16+React-Router4 从零打造企业级电商后台管理系统相关的知识,希望对你有一定的参考价值。

第1章 课程介绍
本章整体介绍该课程的内容,让同学们了解这个课程的特点和学习方法,以及后台管理系统开发前的一些前置工作,如需求分析、技术选型和数据接口等。

第2章 课前知识储备
本章介绍一些后面课程要用到的一些基础知识,为后面的开发打下基础,包括页面加载过程、ES6基础和本地存储相关的知识。

第3章 前端框架的分析
本章介绍前端框架的共性和应用场景,分析前端加载原理,并对单页和多页应用,框架和原生开发,三大主流框架之间做详细的对比。

第4章 开发环境的搭建
搭建项目依赖的开发环境,包括nodejs的安装,yarn的使用,webpack的配置,sass环境的配置以及打包工具webpack的配置方法。

第5章 React框架
系统的介绍React的知识,基础部分通过代码的形式让大家加深理解。此外还有react周边的知识,比如路由工具React-Router,还有React中的几种数据处理方式。

第6章 通用部分的开发
本章搭建项目的通用部分,把可以抽离出来的内容用组件的形式组织起来,为业务开发打下基础。

第7章 基础功能模块的开发
基础功能模块的包含了系统里作为辅助的页面,包括用户的登录退出。用户列表,以及首页和错误页这些基本的页面,零散但不可或缺。这一章会讲到用户登录原理相关的知识

第8章 商品模块的开发
本章完成商品模块的开发,包括商品的列表、商品的添加编辑和商品详情,在这一章里会了解到jquery插件改造成react插件的方法

第9章 品类模块的开发
本章完成对品类模块的开发,包括品类列表,增加品类和修改品类名称等功能。这一块重点内容是对生命周期的运用,加深对生命周期的理解。

第10章 订单模块的开发
本章完成订单模块的开发,包括订单列表和订单详情,这时候应该对React开发比较熟悉了,这一章我们会快速的完成这个业务功能,来体会这种框架开发真正的效率体现。

第11章 后台管理系统的上线
本章我们将会把代码发布到线上服务器,让同学们可以在外网访问。这一章主要内容就是代码的适配,代码的自动化发布,nginx的配置和域名的解析等内容。让前端工程师也可以做发布,

第12章 课程总结

总结本次课程的主要内容,对支持的同学表示感谢!


下载地址:百度网盘下载

原文地址:http://linyunbbs.com/thread-2217-1-1.html

以上是关于React16+React-Router4 从零打造企业级电商后台管理系统的主要内容,如果未能解决你的问题,请参考以下文章

webpack4从零配置搭建简单的React16开发环境

React学习及实例开发——用react-router跳转页面

react-router v6新特性

如何从 react-router 升级到 react-router-dom?

[react-router] React-Router 3和React-Router 4有什么变化?添加了什么好的特性?

React-router 4.0 history报错