利用node.js+mongodb如何搭建一个简单登录注册的功能详解


Posted in Javascript onJuly 30, 2017

前言

最近突然对数据库和后台感兴趣了,就开始了漫长的学习之路,想想自己只是一个前端,只会java斯科瑞普,所以就开始看nodejs,看着看着突然发现mongodb和nodejs更配哦!,遂就开了我的mongodb之路。下面话不多说了,来一起看看详细的介绍吧。

mongodb简介

就超简洁的说一下,mongo就是一个nosql的数据库,不使用sql的语法,当然其实也是大同小异的,增删改查还是差不多的,但是在概念上mongo还是跟mysql有相当大的区别的;比如在mongo中没有表的概念,而是一个集合;由于这些概念性的东西有很多,我在这里给各位附上链接,你们自己看一下biu!我是链接!;

说说我的小demo使用到的一些东西

直接怼package的依赖图片吧

利用node.js+mongodb如何搭建一个简单登录注册的功能详解

说下各个部分的作用:

  • express:这就是nodejs的一个web应用的开发框架;
  • body_parser:这个写nodejs的应该都知道,用于解析客户端请求的body中的内容的一个中间件,因为要用到表单提交,所以需要解析获得的数据;
  • mongoose:从这个名字就可以知道这个是和mongodb有关系的依赖;这个依赖是nodejs封装用来连接和操作mongodb数据库的;
    其余几个我相信各位应该都知道,其实这个我相信我不介绍各位应该也都知道的,原谅我的话痨!!!

列表结构列表

还是直接怼图片吧!实在是不想生成tree了!

利用node.js+mongodb如何搭建一个简单登录注册的功能详解

其实这是一个很简单的demo!主要还是体验出nodejs对前端静态资源的渲染,以及nodejs的路由,还有其对mongodb的支持!
user.js里面确定了mongoose的一个Schema,也就是写入数据库的格式

var UserSchema = new Schema({
 username : String,
 userpsw : String,
 logindate : Date
})

这样就构建了一个数据模型;

从项目目录上可以看出,我只是写了简单三个页面,其实最最最主要的只是一个文件,app.js;

app.js内容

在这个里面我主要写了关于接受前台传入的数据是怎么存入mongodb的,还有是怎么判断是否已经注册;是否输入了正确的账号密码的;

在这我放一段检测注册的代码,在注册成功后就将用户的信息写入到数据库

app.post('/register',(req, res) => {
 console.log('user in session')
 console.log(req.session);
 //先查询有没有这个user
 console.log("req.body"+req.body);
 var UserName = req.body.username;
 var UserPsw = req.body.password;
 //通过账号验证
 var updatestr = {username: UserName};
 res.setHeader('Content-type','application/json;charset=utf-8')
  console.log(updatestr);
  userSchema.find(updatestr, function(err, obj){
   if (err) {
    console.log("Error:" + err);
   }
   else {
    if(obj.length == 0){
     insert(UserName,UserPsw); 
     res.send({status:'success',message:'true'}) 
    }else{
     res.send({status:'success',message:'false'}) 
    }
   }
  }) 
});

这样的话就可以将用户传入的信息存入到数据库了;登录同理,先将传过来的数据在数据库里查询是否已经有,然后再将用户名和密码都一一对比,如果匹配的话就返回登录成功;

说说前端部分

原谅我的表达能力是真的有限,上面的后端各位肯定没怎么看懂,欢迎去观看我的源码;下面来说下我对前端部分的一些处理;
前端部分主要就是在login页,我做了一个cookie的处理,当用户点击保存账户的时候,我就将用户的信息存入cookie下次登录的时候就不用麻烦去输入用户名和密码了;

if($('#mycheck').prop('checked')==true){
      setCookie('username',username,7);
     }

其实也就是当登录验证成功并且用户check了checkbox的时候将cookie存入;下次登录的时候直接将cookie值解析,然后放入到用户名的input框的value值中!

由于我的表达能力有限,文章可能写的不是那么详细,有看不懂的可以去看源码

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流,谢谢大家对三水点靠木的支持

Javascript 相关文章推荐
jQuery提交表单ajax查询实例代码
Oct 07 Javascript
2012年开发人员的16款新鲜的jquery插件体验分享
Dec 28 Javascript
解析jquery中的ajax缓存问题
Dec 19 Javascript
对Web开发中前端框架与前端类库的一些思考
Mar 27 Javascript
JS实现可直接显示网页代码运行效果的HTML代码预览功能实例
Aug 06 Javascript
Node.js静态文件服务器改进版
Jan 10 Javascript
js+div+css下拉导航菜单完整代码分享
Dec 28 Javascript
详解从零搭建 vue2 vue-router2 webpack3 工程
Nov 22 Javascript
vue组件name的作用小结
May 23 Javascript
JavaScript事件冒泡与事件捕获实例分析
Aug 01 Javascript
vue iview多张图片大图预览、缩放翻转
Jul 13 Javascript
vue keep-alive 动态删除组件缓存的例子
Nov 04 Javascript
Vue自定义指令详解
Jul 28 #Javascript
ReactNative踩坑之配置调试端口的解决方法
Jul 28 #Javascript
vuejs 单文件组件.vue 文件的使用
Jul 28 #Javascript
Vue单文件组件的如何使用方式介绍
Jul 28 #Javascript
VUE axios上传图片到七牛的实例代码
Jul 28 #Javascript
jQuery dateRangePicker插件使用方法详解
Jul 28 #jQuery
完美实现js拖拽效果 return false用法详解
Jul 28 #Javascript
You might like
对盗链说再见...
2006/10/09 PHP
php修改文件上传限制方法汇总
2015/04/07 PHP
PHP如何实现Unicode和Utf-8编码相互转换
2015/07/29 PHP
Laravel timestamps 设置为unix时间戳的方法
2019/10/11 PHP
Mozilla中显示textarea中选择的文字
2006/09/07 Javascript
bgsound 背景音乐 的一些常用方法及特殊用法小结
2010/05/11 Javascript
五段实用的js高级技巧
2011/12/20 Javascript
javascript中的void运算符语法及使用介绍
2013/03/10 Javascript
jQuery学习笔记(2)--用jquery实现各种模态提示框代码及项目构架
2013/04/08 Javascript
javascript 树形导航菜单实例代码
2013/08/13 Javascript
JavaScript中遍历对象的property的3种方法介绍
2014/12/30 Javascript
javascript实现简易计算器的代码
2016/05/31 Javascript
jQuery实现最简单实用的分秒倒计时
2017/02/05 Javascript
Node.js实现文件上传的示例
2017/06/28 Javascript
详解Angular结合zTree异步加载节点数据
2018/01/20 Javascript
JS/CSS实现字符串单词首字母大写功能
2019/09/03 Javascript
在vue中使用echarts(折线图的demo,markline用法)
2020/07/20 Javascript
Django admin美化插件suit使用示例
2017/12/12 Python
用python一行代码得到数组中某个元素的个数方法
2019/01/28 Python
Python进程间通信Queue消息队列用法分析
2019/05/22 Python
Windows10下Tensorflow2.0 安装及环境配置教程(图文)
2019/11/21 Python
Python如何获取文件指定行的内容
2020/05/27 Python
Python如何安装第三方模块
2020/05/28 Python
PyTorch 导数应用的使用教程
2020/08/31 Python
全天然狗零食:Best Bully Sticks
2016/09/22 全球购物
淘宝中秋节活动方案
2014/01/31 职场文书
《母亲的恩情》教学反思
2014/02/13 职场文书
保证书范文大全
2014/04/28 职场文书
乔布斯斯坦福大学演讲稿
2014/05/23 职场文书
2014年市场部工作总结
2014/11/25 职场文书
2014年女职工工作总结
2014/11/27 职场文书
2014年幼儿园园长工作总结
2014/12/17 职场文书
酒店前台岗位职责
2015/04/16 职场文书
工作证明书
2015/06/15 职场文书
无犯罪记录证明样本
2015/06/16 职场文书
vue组件的路由高亮问题解决方法
2021/05/11 Vue.js