8 ~ express ~ 基于数据库的验证

1，首先 在router/api.js 中引入数据库定义好的模型  /models/User.js

var User = require('../models/User') 　　//User返回的是一个构造函数，构造函数有静态方法，也有动态方法 。 通过这些方法去操作数据库

2,   引入之后通过 User 模型类 去操作数据库

3，查看 momgoose 相关文档  https://mongoosejs.com/docs/api.html

思维导图 ：

具体代码文件 （红色字体为变动部分）：

一， /router/api.js   。

var express = require('express')

var router = express.Router()

var User = require('../models/User') //User返回的是一个构造函数，构造函数有静态方法，也有动态方法 。 通过这些方法去操作数据库

/**

* 统一接口的返回格式

*/

var responseData;

router.use((req,res,next)=>{

　　//初始化返回数据

　　responseData = {

　　code:0 , // 返回的错误码，默认为0 ， 0表示没有错误

　　message:'' , // 错误信息 。没有错误的情况下默认为空

}

 

/**

* 【 不执行 next ，程序会卡在此处 】

*/

　　next()

})

/**

* 用户注册

* 注册逻辑

*

* 1，用户名，密码不能为空

* 2，两次输入密码是否一致

*

* 1，用户是否已经被注册

* 数据库查询

*/

router.post('/user/register',(req,res,next)=>{

　　console.log(req.body)

 

　　// 将 传过来的数据 保存 到变量中

　　var username = req.body.username

　　var password = req.body.password

　　var repassword = req.body.repassword

　　//判断用户是否为空

　　if(username == ''){

　　　　responseData.code = 1

　　　　responseData.message = '用户名不能为空'

　　　　　　

　　　　/**

　　　　* 将数据返回前端

　　　　* 以 json 的形式

　　　　*/

　　　　res.json(responseData)

　　　　return

　　}

　　//判断密码是否为空

　　if(password == ''){

　　　　responseData.code = 2

　　　　responseData.message = '密码不能为空'

　　　　res.json(responseData)

　　　　return

　　}

　　// 判断两次输入密码是否一致

　　if(password != repassword){

　　　　responseData.code = 3

　　　　responseData.message = '两次输入密码不一致'

　　　　res.json(responseData)

　　　　return

　　}

 

　　/**

　　* 用户名在数据库中是否存在

　　* 1，首先要去引入数据库定义好的模型 /models/User.js

　　*/

　　User.findOne({

　　　　username:username //在数据库中查询 username 与 这个username 相等 ， 返回的是一个 mongoose 对象

　　}).then((userInfo)=>{

　　　　console.log(userInfo)

　　　　if(userInfo){

　　　　　　responseData.code = 4

　　　　　　responseData.message = '用户名已存在'

　　　　　　res.json(responseData)

　　　　　　return

　　　　}

　　　　/**

　　　　* 将用户注册的信息提交到数据库

　　　　* 直接操作 User 类 即可

　　　　*/

　　　　var user = new User({

　　　　　　username:username,

　　　　　　password:password

　　　　})

 

　　　　return user.save()

　　

　　}).then((newUserInfo)=>{

　　　　console.log(newUserInfo)　　

　　　　//注册成功

　　　　responseData.message = '注册成功'

　　　　res.json(responseData)

　　})

 

})

　　module.exports = router

 

二， /public/js/index.js  

 

$(function(){

　　var $register = $('#register');

　　var $login = $('#login');

 

　　$register.find('a.change').on('click',()=>{

　　　　$login.show();

　　　　$register.hide();

　　})

　　$login.find('a.change').on('click',()=>{

　　　　$login.hide();

　　　　$register.show();

　　})

　　/**

　　* 点击注册按钮 =》 通过 ajax =》提交数据

　　*/

　　$register.find('button').on('click',()=>{

　　　　$.ajax({

　　　　　　type:'post',

　　　　　　url:'/api/user/register',

　　　　　　data:{

　　　　　　　　username: $register.find('[name="username"]').val(),

　　　　　　　　password: $register.find('[name="password"]').val(),

　　　　　　　　repassword: $register.find('[name="repassword"]').val(),

　　　　　　},

　　　　　　dataType: 'json',

　　　　　　success:function(data){

　　　　　　　　console.log(data)

　　　　　　　　$register.find('.info').html(data.message)

　　　　　　　　if(!data.code){

　　　　　　　　　　//注册成功，跳转到登陆面板

　　　　　　　　　　setTimeout(()=>{

　　　　　　　　　　　　$login.show();

　　　　　　　　　　　　$register.hide();

　　　　　　　　　　},1000)

　　　　　　　　}

　　　　　　}

　　　　});

　　})

})