秋栗

getInitialProps 1.getInitialProps在初始化组件props使用，只在服务端使用，没有跨域限制(同构） 2.getInitialProps只能作用于页面组件，不能用于子组件

依赖 除了next react还需要webpack@^4.0.0和"@zeit/next-css": "^1.0.1" 配置文件 next.config.js 使用 在style文件夹里添加样式，在需

结合create-react-app和上一章静态页面babel进行配置。 目录结构 依赖配置 package.json .babelrc 页面渲染 /src/index.js /src/App.js

环境配置 1.package.json 1>npm i 2>npm babel-cli -g .babelrc 至此，我们已经可以在src/server文件中import express和react了

Next.js 创建方式 1.依赖next.js react react-dom即可创建 2.create-next-app 创建 页面路由 通过pages文件夹下的路径自动配置路由 组件创建 可放入

next.js 是个很好的选择，Umi 很多功能是参考 next.js 做的。但Next.js可能是不够贴近业务，不够接地气。比如 antd、dva 的深度整合，比如国际化、权限、数据流、配置式路由、

mongodb 安装 参考菜鸟教程：https://www.runoob.com/mongodb/mongodb-tutorial.html linux下的安装 可以在mongodb4下创建data和

express的学习先略过，书上的例子不太好写，之后做自己的项目的时候再仔细写。 一、ajax ajax：web2.0时代，我们可以不用每次都通过交互操作才能从服务端获取新的HTML文档，无需重新渲染

整体还是用connect框架实现的，用表单提交数据，服务器端form-data的获取方法在前一章有讲到。每次登录验证它的session.logged_in是否是真，如果不为真，则显示表单进行登陆验证,