1.bodyParser和cookieParser:   const bodyParser = require('body-parser') const cookieParser = require('cookie-parser')   app.use(cookieParser()); app.use(bodyParser.json()) 2.登陆注册——数据库模型建立 3.注册功能的实现 //引用body-parser插件 const bodyParser = require('body-pa…

1.基于cookie的用户认证 express 依赖 cookie-parser 2.axios语法: axios.get('/data').then(res=>{ if(res.status==200){ if(res.data.code==0) { .......... } } }) 3.非route组件通过@withRouter包裹组件获取props中属性(比如要使用this.props.history.push) sd 总结一下: 登陆页面: 先用antd-mobile做好UI, 点击注…

复杂以后 setState 就不太方便了 所以使用Redux来管理 React只负责View. Store.State.Dispatch.Reducer reducer(state,action) { switch(action.type){ case ... ... ... return newAction; } } ·通过Reducer创建Store ·Store.dispatch(action)来修改状态 ·Reducer函数接受state和action,返回新的state,可用store…

function a (props) { return <h1>hello world{this.props.asd}</h1> } class a extends React.Component{ constructor(){ super() this.state = { xxx:yyy } } render(){ return ( <div>Hello</div> ) } }…

Axios的使用 axios.get('/data') .then(res=>{ if(res.status==200) this.setState(data:res.data) })…

第一章 课程道学 6个页面 弱化css Antd-mobile作为组件库 Redux 状态管理 React-Router 路由 Axios异步请求 后端Express框架 Socket.io 数据库:Mongodb ==================================================================================================== 列表: 第1章 介绍课程目标和学习内容包括课程概述.课程安排.学习前提.讲授方式等…

2-1 介绍React开发环境 npm install -g create-react-app xxx npm run eject   来配置webpack 2-2 ES6常用语法 其他 还有一些特性,虽然不在ES6的范围内,但是也被babel支持,普遍被大家接受和使用(需要安装插件) ·对象扩展符,函数绑定 ·装饰器 ·Async await 2-3 Express简介 var app = express() app.get('/',function(){ res.send('Hello wo…

一.课程导学 1.React 主要解决的是UI层的问题,应用的状态需要借助Redux等状态管理. 2.前端React  +  antd-mobile UI组件库 + Redux 状态管理库 + React-router 路由 + MongoDB + Socket.io(即时通信) + Node (express) + Axios 异步请求. 3.前端工程化:webpack4.0 + git 二.知识储备(React + Node + MongoDB + ES6) 1.…

本文由葡萄城技术团队翻译并首发 转载请注明出处:葡萄城官网,葡萄城为开发者提供专业的开发工具.解决方案和服务,赋能开发者. JavaScript每天都在出现大量的框架和工具,而React是除了上次我们提到的Vue和Ember之外另一款比较流行的框架.但因为新的工具每天都在不断的出现,开发者在尝试时总会有些不知所措. 因此,当为你的新React项目选择合适的IDE,合适的可视化工具甚至是合适的样式时,你都会有很多选择,你该怎么选择合适的?这是一件令人犯愁的事儿. 在本文中,我将介绍11个关于Rea…

记得有朋友问老周,系统中的“计算器”应用的界面菜单是怎么做的.其实,你可以用VS 2015的新工具来查看它的界面结构. 实时可视化树工具只能查看XAML定义的界面,如WPF和Win App.现在,Win App都编译为本地代码,直接找可执行文件是走不通了. 但有了新的实时可视化工具,你可以自己去研究Win 10 App的界面,包括小娜面板在内都是可以查看的. 好,屁话不多说,就简单介绍一下如何用吧.其实很简单. 1.以管理员身份运行VS 2015,有的应用需要管理员权限,有的不用,以防万一,还是…