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 ui1.7 dialog只能弹出一次问题
Aug 27 Javascript
15个款优秀的 jQuery 图片特效插件推荐
Nov 21 Javascript
jQuery插件-jRating评分插件源码分析及使用方法
Dec 28 Javascript
jquery validation验证身份证号,护照,电话号码,email(实例代码)
Nov 06 Javascript
jQuery使用attr()方法同时设置多个属性值用法实例
Mar 26 Javascript
jQuery抛物线运动实现方法(附完整demo源码下载)
Jan 08 Javascript
总结js中的一些兼容性易错的问题
Dec 18 Javascript
用vue写一个仿简书的轮播图的示例代码
Mar 13 Javascript
Angular5升级RxJS到5.5.3报错:EmptyError: no elements in sequence的解决方法
Apr 09 Javascript
vue + element-ui的分页问题实现
Dec 17 Javascript
微信小程序控制台提示warning:Now you can provide attr "wx:key" for a "wx:for" to improve performance解决方法
Feb 21 Javascript
微信小程序实现3D轮播图效果(非swiper组件)
Sep 21 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 && 逻辑与运算符使用说明
2010/03/04 PHP
Javascript与PHP验证用户输入URL地址是否正确
2014/10/09 PHP
在PHP站点的页面上添加Facebook评论插件的实例教程
2016/01/08 PHP
<script defer> defer 是什么意思
2009/05/10 Javascript
javascript 通用简单的table选项卡实现
2010/05/07 Javascript
实例分析js和C#中使用正则表达式匹配a标签
2014/11/26 Javascript
javascript中一些util方法汇总
2015/06/10 Javascript
Javascript中的return作用及javascript return关键字用法详解
2015/11/05 Javascript
EasyUI Pagination 分页的两种做法小结
2016/07/09 Javascript
KnockoutJS 3.X API 第四章之事件event绑定
2016/10/10 Javascript
js遮罩效果制作弹出注册界面效果
2017/01/25 Javascript
React Native 环境搭建的教程
2017/08/19 Javascript
详解vue中使用微信jssdk
2019/04/19 Javascript
详解解决小程序中webview页面多层history返回问题
2019/08/20 Javascript
vue-cli3跨域配置的简单方法
2019/09/06 Javascript
vue和H5 draggable实现拖拽并替换效果
2020/07/29 Javascript
[01:03]悬念揭晓 11月26日DOTA2完美盛典不见不散
2017/11/23 DOTA
python多线程扫描端口示例
2014/01/16 Python
Python读取和处理文件后缀为.sqlite的数据文件(实例讲解)
2017/06/27 Python
pycharm远程调试openstack的图文教程
2017/11/21 Python
Python网络编程之TCP与UDP协议套接字用法示例
2018/02/02 Python
Python实现针对给定字符串寻找最长非重复子串的方法
2018/04/21 Python
opencv python如何实现图像二值化
2020/02/03 Python
django从后台返回html代码的实例
2020/03/11 Python
django 读取图片到页面实例
2020/03/27 Python
PyCharm设置Ipython交互环境和宏快捷键进行数据分析图文详解
2020/04/23 Python
英国最大的自有市场,比亚马逊便宜:Flubit
2019/03/19 全球购物
Wiggle澳大利亚:自行车、跑步、游泳商店
2020/11/07 全球购物
上课看小说检讨书
2014/02/22 职场文书
小学一年级数学教学计划
2015/01/20 职场文书
2015年八一建军节演讲稿
2015/03/19 职场文书
公司门卫岗位职责
2015/04/13 职场文书
运动会加油稿50字
2015/07/21 职场文书
小学生教师节广播稿
2015/08/19 职场文书
java中重写父类方法加不加@Override详解
2021/06/21 Java/Android
spring boot中nativeQuery的用法
2021/07/26 Java/Android