Giter VIP home page Giter VIP logo

react's Introduction

React全家桶+AntD 共享单车后台管理系统开发

课程导学

拿到产品需求,怎么做?

  • 如何技术选型?
  • 如何项目架构?
  • 如何项目规范?
  • 如何封装项目公共机制?
  • 如何提高开发效率

课程概述

React 全家桶
  • React基础知识、生命周期
  • Router 4.0语法讲解
  • Redux集成开发
AntD UI组件
  • 最实用基础组件
  • AntD栅格系统
  • ETable组件封装
  • BaseForm组件封装
  • 表格内嵌单选、复选封装
公共机制封装
  • Axios请求插件封装
  • API封装·错误拦截
  • 权限、菜单封装
  • 日期、金额、手机号封装....
  • Loading,分页、Mock....

项目特色

  • 前沿的技术栈
  • 健全的架构
  • 丰富UI组件
  • 共享单车项目

项目整体架构

1、React16,Router4.0,Redux

2、Axios,Map,ECharts,AntD

3、菜单,权限,Header,Footer,ETable,EForm,Loading,API,Axios ....

1.2.3 《=== json ===》 Mock-Server

课程安排

  • 第一章主要介绍React基础知识
  • 第二章讲解主页面架构设计
  • 第三章讲解Router4.0路由实战演练
  • 第四-六章讲解常用UI组件
  • 第七、八章讲解单车业务基本功能开发
  • 第九章讲解项目工程化开发
  • 第十到十三章讲解项单车业务核心模块开发
  • 第十四章讲解Redux集成

前置知识

  • H5/C3/JS
  • React
  • ES6

课程收获

  • 掌握React全家桶技能,
  • 掌握地图和React集成技能
  • 掌握前端图表开发技巧
  • 掌握基于React的UI框架-AntD
  • 前端后台架构设计、公共机制封装、后台管理系统开发经验

项目演示

项目地址:http://imoocms.51purse.com/#/home

react's People

Contributors

lz109896 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.