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 相关文章推荐
onsubmit阻止form表单提交与onclick的相关操作
Sep 03 Javascript
Javascript base64编码实现代码
Dec 02 Javascript
JQuery中Text方法用法实例分析
May 18 Javascript
XML、HTML、CSS与JS的区别整理
Feb 18 Javascript
适用于javascript开发者的Processing.js入门教程
Feb 24 Javascript
【经验总结】编写JavaScript代码时应遵循的14条规律
Jun 20 Javascript
封装的dialog插件 基于bootstrap模态对话框的简单扩展
Aug 10 Javascript
web页面和微信小程序页面实现瀑布流效果
Sep 26 Javascript
微信小程序 可搜索的地址选择实现详解
Aug 28 Javascript
vue-cli3跨域配置的简单方法
Sep 06 Javascript
基于JavaScript判断两个对象内容是否相等
Jan 10 Javascript
JS删除对象中某一属性案例详解
Sep 08 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
DOTA2 探索永无止境 玩家自创强悍插眼攻略
2020/04/20 DOTA
消息持续发送的完整例子
2006/10/09 PHP
完美实现wordpress禁止文章修订和自动保存的方法
2014/11/03 PHP
PHP操作FTP类 (上传、下载、移动、创建等)
2016/03/31 PHP
PHP排序算法之堆排序(Heap Sort)实例详解
2018/04/21 PHP
Laravel 5.1 框架Blade模板引擎用法实例分析
2020/01/04 PHP
页面中iframe相互传值传参
2009/12/13 Javascript
jQuery点击后一组图片左右滑动的实现代码
2012/08/16 Javascript
zTree插件之多选下拉菜单实例代码
2013/11/06 Javascript
解决bootstrap中modal遇到Esc键无法关闭页面
2015/03/09 Javascript
jQuery点击按钮弹出遮罩层且内容居中特效
2015/12/14 Javascript
JS操作input标签属性checkbox全选的实现代码
2017/03/02 Javascript
jQuery选择器之属性筛选选择器用法详解
2017/09/19 jQuery
基于openlayers4实现点的扩散效果
2020/08/17 Javascript
nodejs实现的连接MySQL数据库功能示例
2018/01/25 NodeJs
vue 中url 链接左边的小图标更改问题
2019/12/30 Javascript
es6函数之尾递归用法实例分析
2020/04/25 Javascript
JS sort排序详细使用方法示例解析
2020/09/27 Javascript
python中使用正则表达式的连接符示例代码
2017/10/10 Python
python for循环remove同一个list过程解析
2019/08/14 Python
利用Python绘制有趣的万圣节南瓜怪效果
2019/10/31 Python
Python上下文管理器类和上下文管理器装饰器contextmanager用法实例分析
2019/11/07 Python
适合Python初学者的一些编程技巧
2020/02/12 Python
基于django2.2连oracle11g解决版本冲突的问题
2020/07/02 Python
html5定位并在百度地图上显示的示例
2014/04/27 HTML / CSS
办公室文秘自我鉴定
2013/09/21 职场文书
业务员岗位职责
2013/11/16 职场文书
企业宣传策划方案
2014/05/29 职场文书
个人收入证明范本
2014/09/18 职场文书
2014年居委会工作总结
2014/12/09 职场文书
碧霞祠导游词
2015/02/09 职场文书
数学教师求职信范文
2015/03/20 职场文书
2015年社会治安综合治理工作总结
2015/04/10 职场文书
家访教师心得体会
2016/01/23 职场文书
竞选稿之小学班干部
2019/10/31 职场文书
python中sqllite插入numpy数组到数据库的实现方法
2021/06/21 Python