黑马博客——详细步骤(三)项目功能的实现之新增用户

2024-05-29 12:16:30

2.2新增用户

1. 为用户列表页面的新增用户按钮添加链接

2. 添加一个连接对应的路由，在路由处理函数中渲染新增用户模板

3 .为新增用户表单指定请求地址、请求方式、为表单项添加name属性

4. 增加实现添加用户的功能路由

登录后点击新增用户→提交

5. 接收到客户端传递过来的请求参数

6. 对请求参数的格式进行验证

使用第三方模块Joi

Joi

JavaScript对象的规则描述语言和验证器。

报错信息：TypeError: Joi.Validate is not a function

解决方式：https://www.cnblogs.com/aimilu/p/13455783.html

user-edit-fn.js:

//引入joi模块const e = require('express');const Joi = require('joi');module.exports = async(req, res) => {//定义对象的验证规则const schema = {username: Joi.string().min(2).max(12).required().error(new Error('用户名不符合验证规则')),email: Joi.string().email().required().error(new Error('用户名不符合验证规则')),password: Joi.string().regex(/^[a-zA-Z0-9]{3,30}$/).required().error(new Error('密码格式不符合要求')),role: Joi.string().valid('normal', 'admin').required().error(new Error('角色值非法')),state: Joi.number().valid(0, 1).required().error(new Error('状态值非法'))};try {//实施验证await Joi.validate(req.body, schema);} catch (e) {//验证没有通过// e.message//重定向回用户添加页面res.redirect('/admin/user-edit?message=${e.message}');}res.send(req.body);}

7. 验证当前要注册的邮箱地址是否已经注册过

8. 对密码进行加密处理

9. 将用户信息添加到数据库中

10. 重定向页面到用户列表页面

优化代码：

（1）将验证代码从路由模块抽离到model的用户模块

验证网页功能是否正常运行

（2）优化验证错误重定向代码

优化：

验证网页功能是否正常运行

11.将用户信息展示在页面当中：

成功登录后

（下面*操作只是为了方便查看数据，可以不弄）

***********************************************************************************

输入chrome://flags/#extensions-on-chrome-urls

重新打开谷歌浏览器

把json formatter.crx文件拖动进去即可安装插件

***********************************************************************************

（上面*操作只是为了方便查看数据，可以不弄）

黑马博客——详细步骤(三)项目功能的实现之新增用户相关推荐

黑马博客——详细步骤(二)项目功能的实现之登录功能
2. 项目功能实现 2.1 登录 1. 创建用户集合,初始化用户 1. 连接数据库 2. 创建用户集合 ...
黑马博客——详细步骤(五)项目功能的实现之用户信息修改
2.4 用户信息修改 1. 将要修改的用户ID传递到服务器端(作用:区分添加用户功能还是修改用户功能) 2. 建立用户信息修改功能对应的路由点击修改按钮能看到用户信息点击修改按钮解决方式: 其 ...
黑马博客——详细步骤(十)项目功能的实现之开发环境与生产环境
6. 开发环境与生产环境如何区分开发环境与生产环境通过电脑操作系统中的系统环境变量区分当前是开发环境还是生产环境. 电脑→属性对开发环境和生产环境进行不同的操作: 开发环境中把客户端的请求信息打 ...
黑马博客——详细步骤(九)项目功能的实现之mongoDB数据库添加账号
5. mongoDB数据库添加账号 1. 以系统管理员的方式运行powershell 2. 连接数据库 mongo 3. 查看数据库 show dbs 4. 切换到admin数据库 use admin ...
黑马博客——详细步骤(七)项目功能的实现之文章管理
3.文章管理 1.添加文章管理和文章编辑页面路由: 验证两个静态页面能否被访问 2.实现点击切换导航栏功能: 3.更改连接的选中状态实现文章管理功能:(基于数据库) 创建文章集合->添加文章具 ...
黑马博客——详细步骤(六)项目功能的实现之用户信息删除
2.5 用户信息删除 1. 在确认删除框中添加隐藏域用以存储要删除用户的ID值 2. 为删除按钮添自定义属性用以存储要删除用户的ID值 3. 为删除按钮添加点击事件,在点击事件处理函数中获取自定义属性 ...
黑马博客——详细步骤(四)项目功能的实现之数据分页
2.3 数据分页当数据库中的数据非常多是,数据需要分批次显示,这时就需要用到数据分页功能. 分页功能核心要素: 当前页,用户通过点击上一页或者下一页或者页码产生,客户端通过get参数方式传递到服务器 ...
黑马博客——详细步骤(八)项目功能的实现之另一种分页方式【mongoose-sex-page】
4.另一种分页方式:mongoose-sex-page(第三方模块) 上一页和下一页
黑马博客——详细步骤(十二)项目功能的实现之文章评论和退出功能
8.文章评论 1. 创建评论集合 2. 判断用户是否登录,如果用户登录,再允许用户提交评论表单 3. 在服务器端创建文章评论功能对应的路由 4. 在路由请求处理函数中接收客户端传递过来的评论信息 5. ...

最新文章

热门文章