React项目实践

指定计划

功能模块

架构设计

  • 前后端完全分离
  • 单页应用
  • 模块化开发

技术储备

  • React框架
  • React16 JSX表达式
  • React组件
  • 生命周期
  • React-Router
  • 浏览器路由原理
  • 动态路由 VS 静态路由
  • React-Router
  • Sass Bootstrap

  • ES6语法

  • 基础语法
  • Promise
  • 面向对象
  • 浏览器资源加载
  • URL结构
  • 资源加载
  • 浏览器渲染
  • 本地存储
  • Cookie && Seeeion
  • 用户登录状态保持
  • H5本地存储
  • 发布上线
  • Linux服务器配置
  • 自动化发布脚本
  • 域名解析

后台管理系统的需求分析及技术选型

核心需求

根据实际情况来定义

功能拆分

根据实际情况来定义

技术选型–语言和框架

  • React
  • Sass + Bootstrap
  • ES6

技术选型–语言和框架

  • 前后端分离
  • 分层架构
  • 模块化开发

技术选型–辅助工具

node npm安装速度慢,包之间的依赖关系很难搞

  • yarn 包管理工具
  • webpack 代码打包
  • git 托管代码,做代码的版本维护

技术选型–发布过程

  • 环境配置
  • 代码部署
  • nginx配置
  • 域名配置

数据接口的定义

接口文档规范–格式

接口文档规范–请求和相应


0%