当前位置: 首页 > 编程笔记 >

js操作数据库实现注册和登陆的简单实例

穆阳炎
2023-03-14
本文向大家介绍js操作数据库实现注册和登陆的简单实例,包括了js操作数据库实现注册和登陆的简单实例的使用技巧和注意事项,需要的朋友参考一下

自从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操作数据库实现注册和登陆的简单实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持小牛知识库。

 类似资料:
  • 本文向大家介绍php实现用户登陆简单实例,包括了php实现用户登陆简单实例的使用技巧和注意事项,需要的朋友参考一下 php实现用户登陆简单实例 前言: 最近要完成的最后一个部分,就是对用户提交的数据进行管理,至于管理,那肯定就是管理员的事了,那一定涉及登陆,验证账号权限,账号是否过期等等问题。 所需知识 session,确实是很重要的东西。并且我遇到session不能跨页,修改PHP.ini的se

  • 本文向大家介绍ThinkPHP实现简单登陆功能,包括了ThinkPHP实现简单登陆功能的使用技巧和注意事项,需要的朋友参考一下 思路:前台输入账号密码,后台自定义一个函数checkNamePwd()用于验证账号密码正确与否,在控制器里调用,其中,checkNamePwd()方法验证账号密码正确性是首先通过账号查找密码,然后把查找出来的密码和用户输入的密码比较,相同则登陆成功,否则登录失败! 首先在

  • 本文向大家介绍用AJAX实现页面登陆以及注册用户名验证的简单实例,包括了用AJAX实现页面登陆以及注册用户名验证的简单实例的使用技巧和注意事项,需要的朋友参考一下 AJAX即“Asynchronous Javascript And XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术。 AJAX 是一种用于创建快速动态网页的技术。其核心是 JavaScript 对

  • 本文向大家介绍php实现的简单检验登陆类,包括了php实现的简单检验登陆类的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了php实现的简单检验登陆类。分享给大家供大家参考。具体如下: 希望本文所述对大家的php程序设计有所帮助。

  • 本文向大家介绍js实现登录与注册界面,包括了js实现登录与注册界面的使用技巧和注意事项,需要的朋友参考一下 完成登录与注册页面的HTML+CSS+JS,其中的输入项检查包括: 用户名6-12位 首字母不能是数字 只能包含字母和数字 密码6-12位 注册页两次密码是否一致 html代码: css代码: javascript代码: 注册界面html代码: 运行结果如下: 以上就是本文的全部内容,希望对

  • 用户注册 修改 index.ts import * as Koa from 'koa'; import * as OtherParser from 'koa-better-body'; import * as bodyParser from 'koa-bodyparser'; // import * as Router from 'koa-better-router'; import * as C