js操作数据库实现注册和登陆的简单实例


Posted in Javascript onMay 26, 2016

自从node-js出现之后,不只是java,php等后端语言可以操作数据库,进行内容的增删改查,javascript简本语言同样具备了该项技能,而且在node下,js具备了很强的操作性和代码的阅读性,让晦涩难懂的代码变得更加的清晰了,下面我简单介绍javascript如何操作数据库进行登录注册功能的实现。

首先,页面部分就直接省略了,我们默认已经安装数据库了,开始从注登录说起。

exports.login =function(req,res){
  var username=req.body.uname;
  var pwd=req.body.psd;
  var sql="select * from student where username=? and password=?";
  var con=dbcon.getCon();
  con.query(sql,[username,pwd], function (err,result) {
     if(!err){
       if(result.length==0){
         res.json(0);
       }else{
         res.json(1)
       }
     }else{
       console.log(err)
     }
    con.destroy()
  })
};

首先,点击登录按钮,我们跳转到登录页面,通过获取到用户输入的input值,通过下标的方法取得输入的username和pwd的值,通过连接数据库,判断回调函数返回的状态值,如果成功,给予提示用户注册成功,紧接着进行页面的跳转,如果出现异常,给出提示,并相应的跳转到错误页面,在此处我们可以使用try{}catch(){}方法进行拦截,打印出具体的错误信息。

紧接着,我们再来讲一下注册的操作,顾名思义,注册就是将原本不存在于数据库的用户资料通过数据库的insert语句插入数据库中,道理和登录有些类似,首先,我们需要输入需要注册的信息,然后获取到这些信息,然后再发送一个异步请求验证数据库是否有这些资料,如果没有的话就直接创建这些资料。下面我们使用代码来说明这些原理。

exports.regists=function(req,res,name,password){
  var sql="insert into stuinfo(name,password) values(?,?)"
  conn.query(sql,[name,password],function(err,result){
    if(result.affectedRows==1){
      req.session.name=name;
      res.sendfile('./public/view.html')
    }
  })
}
exports.login=login;

首先,我们将注册这个方法进行封装,然后通过node的exports进行导出,便于被调用,在这个方法里面,通过占位符的方法插入username和password,然后通过数据库,将获取的参数值进行插入,通过回调函数状态码的判断,确认插入成功,并在成功之后将我们注册成功的session显示在页面作为标识。

  以上就是js简单的登录注册的代码,其中涉及到的知识点不只是上述提到的,还包括了数据库的基本知识,了解基本的sql查询语句,并能通过js成功连接数据库。我们始终相信万丈高楼平地起,只要去哦们一步一个脚印,总有一天,可以成为自己乃至别人眼中的高手。

以上这篇js操作数据库实现注册和登陆的简单实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
Javascript学习笔记7 原型链的原理
Jan 11 Javascript
angularJS 中$scope方法使用指南
Feb 09 Javascript
JavaScript中指定函数名称的相关方法
Jun 04 Javascript
JQuery中DOM实现事件移除的方法
Jun 13 Javascript
AngularJS 中的指令实践开发指南(一)
Mar 20 Javascript
实例讲解JavaScript的Backbone.js框架中的View视图
May 05 Javascript
详解MVC如何使用开源分页插件(shenniu.pager.js)
Dec 16 Javascript
Node.js dgram模块实现UDP通信示例代码
Sep 26 Javascript
jQuery幻灯片插件owlcarousel参数说明中文文档
Feb 27 jQuery
vue2.0 使用element-ui里的upload组件实现图片预览效果方法
Sep 04 Javascript
详解Vue中Axios封装API接口的思路及方法
Oct 10 Javascript
解决vue使用vant轮播组件swipe + flex时文字抖动问题
Jan 07 Vue.js
js判断主流浏览器类型和版本号的简单实现代码
May 26 #Javascript
轻松掌握JavaScript中的Math object数学对象
May 26 #Javascript
JS表格组件神器bootstrap table详解(强化版)
May 26 #Javascript
JS在一定时间内跳转页面及各种刷新页面的实现方法
May 26 #Javascript
JavaScript的String字符串对象常用操作总结
May 26 #Javascript
jquery.form.js框架实现文件上传功能案例解析(springmvc)
May 26 #Javascript
jQuery过滤特殊字符及JS字符串转为数字
May 26 #Javascript
You might like
ThinkPHP分组下自定义标签库实例
2014/11/01 PHP
php读取文件内容的方法汇总
2015/01/24 PHP
php中时间函数date及常用的时间计算
2017/05/12 PHP
php微信分享到朋友圈、QQ、朋友、微博
2019/02/18 PHP
JS中的prototype与面向对象的实例讲解
2013/05/22 Javascript
封装了一个支持匿名函数的Javascript事件监听器
2014/06/05 Javascript
详解JavaScript中的异常处理方法
2015/06/16 Javascript
Easyui Treegrid改变默认图标的方法
2016/04/29 Javascript
从零开始学习Node.js系列教程三:图片上传和显示方法示例
2017/04/13 Javascript
vue数据初始化initState的实例详解
2019/04/11 Javascript
Electron + vue 打包桌面操作流程详解
2019/06/24 Javascript
原生JavaScript实现的无缝滚动功能详解
2020/01/17 Javascript
JavaScript实现雪花飘落效果
2020/12/27 Javascript
把MySQL表结构映射为Python中的对象的教程
2015/04/07 Python
快速入手Python字符编码
2016/08/03 Python
Python3利用Dlib19.7实现摄像头人脸识别的方法
2018/05/11 Python
Python英文文本分词(无空格)模块wordninja的使用实例
2019/02/20 Python
numpy中的meshgrid函数的使用
2019/07/31 Python
python烟花效果的代码实例
2020/02/25 Python
python实现ftp文件传输功能
2020/03/20 Python
利用Node实现HTML5离线存储的方法
2020/10/16 HTML / CSS
Oakley官网:运动太阳镜、雪镜和服装
2016/09/30 全球购物
.net面试题
2015/12/22 面试题
Java面试题汇总
2015/12/06 面试题
实习期自我鉴定
2013/10/11 职场文书
党员自我批评与反省材料
2014/02/10 职场文书
工地安全生产标语
2014/06/06 职场文书
真诚的求职信
2014/07/04 职场文书
安全施工责任书
2014/08/25 职场文书
党员教师自我剖析材料
2014/09/29 职场文书
初中班干部工作总结
2015/08/10 职场文书
小学生反邪教心得体会
2016/01/15 职场文书
协议书格式模板
2016/03/24 职场文书
工作自我评价范文
2019/03/21 职场文书
大学生,三分钟即兴演讲稿
2019/07/22 职场文书
Android Rxjava3 使用场景详解
2022/04/07 Java/Android