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模拟的Ping效果代码 (Web Ping)
Mar 13 Javascript
jquery子元素过滤选择器使用示例
Jun 24 Javascript
js select option对象小结
Dec 20 Javascript
jQuery设置指定网页元素宽度和高度的方法
Mar 25 Javascript
利用AJAX实现WordPress中的文章列表及评论的分页功能
May 17 Javascript
js生成随机数(指定范围)的实例代码
Jul 10 Javascript
浅谈JS函数定义方式的区别
Oct 30 Javascript
JS和JQuery实现雪花飘落效果
Nov 30 jQuery
Es6 Generator函数详细解析
Feb 24 Javascript
在JavaScript中使用严格模式(Strict Mode)
Jun 13 Javascript
JS字符串常用操作方法实例小结
Jun 24 Javascript
微信小程序用户登录和登录态维护的实现
Dec 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
PHP实现文件上传和多文件上传
2015/12/24 PHP
jQuery动态添加 input type=file的实现代码
2012/06/14 Javascript
js获取上传文件大小示例代码
2014/04/10 Javascript
IE 下Enter提交表单存在重复提交问题的解决方法
2014/05/04 Javascript
node.js中Socket.IO的进阶使用技巧
2014/11/04 Javascript
jquery中EasyUI实现异步树
2015/03/01 Javascript
jQuery实现带动画效果的二级下拉导航方法
2015/03/11 Javascript
JavaScript判断数组是否包含指定元素的方法
2015/07/01 Javascript
如何利用模板将HTML从JavaScript中抽离
2016/10/08 Javascript
AngularJS中的DOM操作用法分析
2016/11/04 Javascript
javascript  数组排序与对象排序的实例
2017/07/17 Javascript
使用vue-route 的 beforeEach 实现导航守卫(路由跳转前验证登录)功能
2018/03/22 Javascript
vue嵌套路由与404重定向实现方法分析
2018/05/04 Javascript
jQuery 导航自动跟随滚动的实现代码
2018/05/30 jQuery
Vue刷新修改页面中数据的方法
2018/09/16 Javascript
详解Axios 如何取消已发送的请求
2018/10/20 Javascript
layui之table checkbox初始化时选中对应选项的方法
2019/09/02 Javascript
记一次react前端项目打包优化的方法
2020/03/30 Javascript
python中global与nonlocal比较
2014/11/21 Python
Python生成不重复随机值的方法
2015/05/11 Python
python之从文件读取数据到list的实例讲解
2018/04/19 Python
Python实现模拟浏览器请求及会话保持操作示例
2018/07/30 Python
python交互模式下输入换行/输入多行命令的方法
2019/07/02 Python
如何在Django配置文件里配置session链接
2019/08/06 Python
Python的互斥锁与信号量详解
2019/09/12 Python
Python计算不规则图形面积算法实现解析
2019/11/22 Python
PyCharm使用Docker镜像搭建Python开发环境
2019/12/26 Python
Numpy之reshape()使用详解
2019/12/26 Python
python3.6中anaconda安装sklearn踩坑实录
2020/07/28 Python
python 实现关联规则算法Apriori的示例
2020/09/30 Python
Django配置跨域并开发测试接口
2020/11/04 Python
英国最受欢迎的价格比较网站之一:MoneySuperMarket
2018/12/19 全球购物
澳大利亚领先的在线礼品网站:Gifts Australia
2020/08/15 全球购物
《清澈的湖水》教学反思
2016/02/17 职场文书
Nginx反向代理学习实例教程
2021/10/24 Servers
十大最强奥特曼武器:怪兽战斗仪在榜,第五奥特之父只使用过一次
2022/03/18 日漫