NodeJS博客实战08_用户注册和数据库验证

灰太狼 2022-05-28 00:55 207阅读 0赞

1.注册写入数据库

在上一篇文章中在后端验证了用户注册输入信息不合法的情况，本篇主要讲解当用户输入合法后数据库写入的内容

写入数据则需要对数据库进行操作，前面介绍了使用mongoose模块的Schema对象方法定义user的表结构，使用moogoose的model方法定义了模型类，通过对模型类的操作来操作数据库

在api.js引入之前定义的数据库模型类命名为User，

moogoose模型类提供了findOne()方法用于查找数据中对应字段，可以利用此方法查找该用户名是否被注册；

若没有注册则将用户信息存入数据库，但是需要使用模型类的对象方法，即需要new出一个User对象执行该对象的save()方法

api.js:

![20180326235646711][]

注册成功后，查看数据库可以查到该用户的信息

![20180326235931930][]

在mongo数据库下的blog库中的users表中查到了两个注册信息，其中一个便是上面点击注册的信息。

2.注册前端提示

用户填写不合法的注册信息需要在页面给出对应的提示

在views/main/index.html的注册form表单添加子div用于显示提示信息

并在public/css/main.css为其设置样式：

.registerRemind {
        color: #f70000;
        text-align: center;
        font-size: 13px;
        margin-top: 10px;
    }

进入public/js/index.js文件中设置返回信息处理

$(function(){
    	var toLogin = $('a.toLogin'),
    		toRegister = $('a.toRegister'),
    		loginInfo = $('div.loginInfo'),
    		registerInfo = $('div.registerInfo'),
    		loginBtn = $('input.loginBtn'),
    		registerBtn = $('input.registerBtn'),
    		registerRemind = $('.registerRemind');
    	toLogin.on('click',function(){
    		registerInfo.hide();
    		loginInfo.show();
    	})
    	toRegister.on('click',function(){
    		loginInfo.hide();
    		registerInfo.show();
    	})
    	loginBtn.on('click',function(){
    		$.ajax({
    			type:'post',
    			url: '/api/user/register',
    			data: {
    				username:registerInfo.find('[name="username"]').val(),
    				password:registerInfo.find('[name="pwd"]').val(),
    				repassword:registerInfo.find('[name="rpwd"]').val()
    			},
    			dataType: 'json',
    			success: function(res){
    				registerRemind.html(res.message);//返回提示信息
    				if(!res.code){
    					console.log(res.code);
    					//注册成功,1s后跳转到登录
    					setTimeout(function(){
    						registerInfo.hide();
    						loginInfo.show();
    					},1000);//这是1秒延迟跳转
    				}
    			}
    		})
    	})
    })

将用户输入信息不合法将显示对应提示：

![20180327002155230][]

[20180326235646711]: /images/20220528/5906793a56384bacb2d61ce161f79502.png
[20180326235931930]: /images/20220528/8b557419260a428da36097d23a0de030.png
[20180327002155230]: /images/20220528/86c39934a163467b86bce96c06a54eff.png