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之ESC(第二类混淆)
May 06 Javascript
JQuery Easyui Tree的oncheck事件实现代码
May 28 Javascript
动态加载脚本提升javascript性能
Feb 24 Javascript
js+html5获取用户地理位置信息并在Google地图上显示的方法
Jun 05 Javascript
javascript实现全角转半角的方法
Jan 23 Javascript
jQuery toggle 代替方法
Mar 22 Javascript
AngularJS基础 ng-class-odd 指令示例
Aug 01 Javascript
浅谈JS验证表单文本域输入空格的问题
Feb 14 Javascript
vue快捷键与基础指令详解
Jun 01 Javascript
VeeValidate在vue项目里表单校验应用案例
May 09 Javascript
Vue组件通信入门之Provide和Inject机制
Dec 29 Javascript
JS图片懒加载的优点及实现原理
Jan 10 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
Smarty中调用FCKeditor的方法
2014/10/27 PHP
Zend Framework教程之Zend_Db_Table用法详解
2016/03/21 PHP
Laravel中9个不经常用的小技巧汇总
2019/04/16 PHP
jquery下onpropertychange事件的绑定方法
2010/08/01 Javascript
谷歌地图打不开的解决办法
2014/08/07 Javascript
javascript框架设计之浏览器的嗅探和特征侦测
2015/06/23 Javascript
常见JS验证脚本汇总
2015/12/01 Javascript
JavaScript判断对象是否为数组
2015/12/22 Javascript
jQuery制作网页版选项卡
2016/07/28 Javascript
轻松掌握JavaScript策略模式
2016/08/25 Javascript
详解Javascript中prototype属性(推荐)
2016/09/03 Javascript
JS识别浏览器类型(电脑浏览器和手机浏览器)
2016/11/18 Javascript
vue2 前后端分离项目ajax跨域session问题解决方法
2017/04/27 Javascript
详解webpack 多页面/入口支持&公共组件单独打包
2017/06/29 Javascript
BootStrap自定义popover,点击区域隐藏功能的实现
2018/01/23 Javascript
vue脚手架及vue-router基本使用
2018/04/09 Javascript
JS实现的简单分页功能示例
2018/08/23 Javascript
vue 监听某个div垂直滚动条下拉到底部的方法
2018/09/15 Javascript
JavaScript变量作用域及内存问题实例分析
2019/06/10 Javascript
[00:32]10月24、25日 辉夜杯外卡赛附加赛开赛!
2015/10/23 DOTA
Python实现注册登录系统
2017/08/08 Python
pyshp创建shp点文件的方法
2018/12/31 Python
Django对数据库进行添加与更新的例子
2019/07/12 Python
使用 prometheus python 库编写自定义指标的方法(完整代码)
2020/06/29 Python
世界排名第一的万圣节服装店:Spirit Halloween
2018/10/16 全球购物
英国排名第一的LED灯泡网站:LED Bulbs
2019/09/03 全球购物
澳大利亚床上用品、浴巾和家居用品购物网站:Bambury
2020/04/16 全球购物
大学生毕业的自我鉴定
2013/11/13 职场文书
关于幼儿的自我评价
2013/12/18 职场文书
教育项目合作协议书格式
2014/10/17 职场文书
2014年药店工作总结
2014/11/20 职场文书
颐和园导游词
2015/01/30 职场文书
入党转正介绍人意见
2015/06/03 职场文书
初中语文教师研修日志
2015/11/13 职场文书
利用 SQL Server 过滤索引提高查询语句的性能分析
2021/07/15 SQL Server
centos7安装mysql5.7经验记录
2022/05/02 Servers