260616AM

注册

在app.js中新增"注册"的路由

const registerRouter = require('./routes/register');
// 。。。略
app.use('/register', registerRouter);

在server/routes下创建register.js(复制粘贴login.js然后重命名即可)

在register中需要的参数为：userName，passWord，nickName

修改app.js

在app.js中加入"注册"部分的内容

挂载注册路由

app.use('/register', registerRouter);

作用：

前端请求地址 http://localhost:3000/register

自动分发到 routes/register.js 里面的接口处理函数

const registerRouter = require('./routes/register');
// 。。。略
app.use('/register', registerRouter);

前端索引index.html

前端的index.html

写一个英文的!然后回车，会自动初始化代码

index.html文件中存有logo图标，默认头像图标，以及登录/注册按钮

link公共部分

<link rel="stylesheet" href="css/common.css">

link私有部分

<link rel="stylesheet" href="css/indx.css">

底部引入 JS 脚本

先引入公共js，再引入局部js

<script src="js/common.js"></script>
<script src="js/index.js"></script>

浏览器有一个"同源策略"，用来防御脚本语言

next()放行

公共部分common.css

 固定顶部导航 + 登录 / 注册弹窗遮罩样式

公共部分common.js

网站头部导航、登录、注册、登录状态保持、退出登录、请求后端接口的全套交互逻辑

初始化用户头像 setUser ()
点击头像的分支逻辑（登录 / 未登录区分）
鼠标悬浮头像，展示个人下拉菜单
退出登录功能
通用后端请求封装 postData（核心网络工具）
注册功能逻辑
登录功能逻辑