(web) 利用 react-router4 实现 单页面 开发 SPA 应用 ---- (Single Page Web Application) 整个应用只有 一个完整的页面 单击链接不会刷新页面,本身不向服务器发请求 点击路由链接,指挥更新局部页面 数据都需要通过 ajax 请求获取,并在前台异步展现 路由: 指定了 不同请求 (路由地址 key ) 对应的 处理方式 value 一个路由就是一个映射关系 (key: value ---- 路由路径: 处理函数/component) 前台路…

项目描述 技术选型 react API 接口 接口文档,url,请求方式,参数类型, 根据文档描述的方法,进行 postman 测试,看是否能够得到理想的结果 collections - 创建文件取项目名 - - 添加 url - 指定 post - Body - x-www-form-urlencoded Git 进行版本控制 配置 .gitignore ---- node_modules..idea git init git add * git commit -m "项目开始" 去…

(一) 第一个菜单 做什么好呢? 1)上次 在研究的功能 是 爬虫,需要将定时爬虫的任务加进来 2)博客的页面,也需要重新布局出来 3)需要做一个,添加博客的页面 (二) 那就先做博客管理吧! 先添加一个菜单(关于把菜单放进数据库--之后再做吧)…

最流行的开源 React UI 组件库 material-ui 国外流行(安卓手机的界面效果)文档 ant-design 国内流行 (蚂蚁金服 设计,一套 PC.一套移动端的____下拉菜单.分页......) PC_git Mobile_git create-react-app myApp yarn add antd        // 安装到生产依赖 在 index.js 中 import "antd/dist/antd.min.css" 会打包全部文件 import React,…

/src/App/Admin/Header 布局 import {Row, Col} from "antd" <div className="header_box"> <Row className="header_top"> <span>欢迎</span> <a>退出</a> </Row> <Row className="header_bottom…

角色管理 性能优化(前端面试) 需求:只要执行 setState(), 就会调用 render  重新渲染.由于有时调用了 setState,但是并没有发生状态的改变,以致于不必要的刷新 解决: 重写 shouldComponentUpdate(newProps, newStates)   使之返回 false 不更新 默认返回 true,始终在一进行 setStete 时就进行渲染,即使数据无变化 将新值 与 旧值 进行比较,改变了则进行渲染 缺点: 所有相关的 改变,都要进行比较 优化: i…

后台服务器端 负责处理前台应用提交的请求,并向前台返回 json 数据 前台应用 负责 展现数据与用户交互 发 ajax 请求与后台应用交互 yarn add axios /src/api/ajax.js /* 自定义封装 axios ---- https://github.com/axios/axios 返回值: Promise 对象 */ export default function ajax(url, data={}, method="GET"){ /**** 自定义封装 Pr…

数据可视化 ECharts yarn add echarts echarts-for-react…

react_app 项目开发 npm install -g create-react-app npm root -g        // 查看安装包位置 创建项目 create-react-app myApp 技术架构为: react + webpack + es6 + eslint 模块化.组件化.工程化 效果: 相关概念: xxx 脚手架库: 帮助创建基于 xxx  模板项目 的第三方工具包 包含了所有需要的配置 制定好了所有的依赖 可以直接安装.编译.运行并可以看到一个简单的效果 特点:…

(一) 做一个网站,第一步需要考虑的是从哪个地方开始下手.首先,每一个功能肯定有最基本的增删改查功能,而此功能一般都分为两个页面. 1) 列表显示页面.用列表来展示数据库中的数据,多用于分页显示.该页面提供了 增加.删除.修改.查询,一般还有 导入导出 等基本操作按钮. 2) 新增/修改 页面.一般可以将这两个功能 用 一个页面来涵括.至于 详细显示某条数据信息,也一般就用此类页面 (二) 前端与后端一般需要数据交互才可以达到我们想要的效果. 而前端一般用来填写数据的表单有 1)文本框  2)…