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 相关文章推荐
在线所见即所得HTML编辑器的实现原理浅析
Apr 25 Javascript
jQuery移动端日期(datedropper)和时间(timedropper)选择器附源码下载
Apr 19 Javascript
浅析jquery如何判断滚动条滚到页面底部并执行事件
Apr 29 Javascript
Markdown与Bootstrap相结合实现图片自适应属性
May 04 Javascript
怎样判断jQuery当前元素是隐藏还是显示
Nov 23 Javascript
JavaScript实现多栏目切换效果
Dec 12 Javascript
JS查找字符串中出现最多的字符及个数统计
Feb 04 Javascript
基于AGS JS开发自定义贴图图层
Mar 31 Javascript
angular2路由之routerLinkActive指令【推荐】
May 30 Javascript
vue select选择框数据变化监听方法
Aug 24 Javascript
vue 点击展开显示更多(点击收起部分隐藏)
Apr 09 Javascript
vue动态禁用控件绑定disable的例子
Oct 28 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
php 操作数组(合并,拆分,追加,查找,删除等)
2012/07/20 PHP
php使用GD实现颜色渐变实例
2015/06/02 PHP
php打造智能化的柱状图程序,用于报表等
2015/06/19 PHP
ThinkPHP使用Ueditor的方法详解
2016/05/20 PHP
PHP设计模式之单例模式定义与用法分析
2019/03/26 PHP
js 判断checkbox是否选中的操作方法
2012/11/09 Javascript
左侧是表头的JS表格控件(自写,网上没有的)
2013/06/04 Javascript
JS中表单的使用小结
2014/01/11 Javascript
用jquery等比例控制图片宽高的具体实现
2014/01/28 Javascript
IE8中动态创建script标签onload无效的解决方法
2014/12/22 Javascript
JavaScript实现点击文字切换登录窗口的方法
2015/05/11 Javascript
jQuery+PHP+MySQL实现无限级联下拉框效果
2016/02/19 Javascript
bootstrap学习使用(导航条、下拉菜单、轮播、栅格布局等)
2016/12/01 Javascript
jQuery设置和获取select、checkbox、radio的选中值方法
2017/01/01 Javascript
微信小程序 传值取值的几种方法总结
2017/01/16 Javascript
js获取元素的偏移量offset简单方法(必看)
2017/07/05 Javascript
jQuery实现模糊查询的方法分析
2018/05/10 jQuery
Vue.JS实现垂直方向展开、收缩不定高度模块的JS组件
2018/06/19 Javascript
Nuxt项目支持eslint+pritter+typescript的实现
2019/05/20 Javascript
原生js 实现表单验证功能
2021/02/08 Javascript
Python中使用装饰器和元编程实现结构体类实例
2015/01/28 Python
从源码解析Python的Flask框架中request对象的用法
2016/06/02 Python
使用python获取csv文本的某行或某列数据的实例
2018/04/03 Python
解决Pycharm下面出现No R interpreter defined的问题
2018/10/29 Python
python pyinstaller 加载ui路径方法
2019/06/10 Python
CSS3样式linear-gradient的使用实例
2017/01/16 HTML / CSS
服务质量承诺书
2014/03/27 职场文书
庆祝教师节演讲稿
2014/09/03 职场文书
单位单身证明样本
2014/10/11 职场文书
2016年12月份红领巾广播稿
2015/12/21 职场文书
高中信息技术教学反思
2016/02/16 职场文书
文明医院的标语集锦!
2019/07/24 职场文书
详解Vue的options
2021/05/15 Vue.js
python 开心网和豆瓣日记爬取的小爬虫
2021/05/29 Python
Win11查看设备管理器
2022/04/19 数码科技
A22国内电台短波广播频率表
2022/05/10 无线电