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 相关文章推荐
jquery实现textarea输入框限制字数的方法
Jan 15 Javascript
Web开发必知Javascript技巧大全
Feb 23 Javascript
AngularJS学习笔记之依赖注入详解
May 16 Javascript
如何判断Javascript对象是否存在的简单实例
May 18 Javascript
基于BootStrap的图片轮播效果展示实例代码
May 23 Javascript
图文详解Javascript中的上下文和作用域
Feb 15 Javascript
使用AngularJS2中的指令实现按钮的切换效果
Mar 27 Javascript
详解ionic本地相册、拍照、裁剪、上传(单图完全版)
Oct 10 Javascript
Vue组件开发之LeanCloud带图形校验码的短信发送功能
Nov 07 Javascript
微信小程序获取用户信息的两种方法wx.getUserInfo与open-data实例分析
May 03 Javascript
JavaScript实现单点登录的示例
Sep 23 Javascript
JS前端轻量fabric.js系列之画布初始化
Aug 05 Javascript
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
无限级别菜单的实现
2006/10/09 PHP
PHP实现事件机制实例分析
2015/06/26 PHP
PHP实现简单数字分页效果
2015/07/26 PHP
ThinkPHP2.x防范XSS跨站攻击的方法
2015/09/25 PHP
js弹窗代码 可以指定弹出间隔
2010/07/03 Javascript
jquery获取对象的方法足以应付常见的各种类型的对象
2014/05/14 Javascript
用js传递value默认值的示例代码
2014/09/11 Javascript
jQuery消息提示框插件Tipso
2015/05/04 Javascript
深入浅析JavaScript中对事件的三种监听方式
2015/09/29 Javascript
原生JS实现风箱式demo,并封装了一个运动框架(实例代码)
2016/07/22 Javascript
BootStrap使用file-input插件上传图片的方法
2016/09/05 Javascript
div中文字内容溢出常见的解决方法
2017/03/16 Javascript
BootStrap 导航条实例代码
2017/05/18 Javascript
超级简易的JS计算器实例讲解(实现加减乘除)
2017/08/08 Javascript
通过一次报错详细谈谈Point事件
2018/05/17 Javascript
JavaScript中七种流行的开源机器学习框架
2018/10/11 Javascript
node.js实现上传文件功能
2019/07/15 Javascript
JS+html5实现异步上传图片显示上传文件进度条功能示例
2019/11/09 Javascript
解决antd日期选择组件,添加value就无法点击下一年和下一月问题
2020/10/29 Javascript
[57:59]EG vs Secret 2018国际邀请赛淘汰赛BO3 第一场 8.22
2018/08/23 DOTA
Python中实现两个字典(dict)合并的方法
2014/09/23 Python
Linux RedHat下安装Python2.7开发环境
2017/05/20 Python
将python图片转为二进制文本的实例
2019/01/24 Python
Python求两点之间的直线距离(2种实现方法)
2019/07/07 Python
django框架使用方法详解
2019/07/18 Python
pip install 使用国内镜像的方法示例
2020/04/03 Python
python上传时包含boundary时的解决方法
2020/04/08 Python
纽约现代艺术博物馆商店:MoMA STORE(室内家具和杂货商品)
2016/08/02 全球购物
YSL圣罗兰美妆美国官网:Yves Saint Lauret US
2016/11/21 全球购物
Swisse官方海外旗舰店:澳大利亚销量领先,自然健康品牌
2017/12/15 全球购物
卡西欧B级产品官方网站:Casio Outlet
2018/05/22 全球购物
应届毕业生如何写求职信
2014/02/16 职场文书
学雷锋志愿者活动总结
2014/06/27 职场文书
委托书如何写
2014/08/30 职场文书
党员示范岗材料
2014/12/19 职场文书
Python 多线程之threading 模块的使用
2021/04/14 Python