Node.js+Express+MySql实现用户登录注册功能


Posted in Javascript onJuly 10, 2017

本文实例为大家分享了Node.js实现用户登录注册的具体代码,供大家参考,具体内容如下

IDE:WebStorm

工程目录: 

Node.js+Express+MySql实现用户登录注册功能

数据库表 

Node.js+Express+MySql实现用户登录注册功能

Login.js:

/**
 * Created by linziyu on 2017/7/8.
 */
/**
 * express接收html传递的参数
 */

var express=require('express');
var app=express();
var mysql=require('mysql');

/**
 * 配置MySql
 */
var connection = mysql.createConnection({
 host  : '127.0.0.1',
 user  : 'root',
 password : '1996112lin',
 database : 'mydata',
 port:'3306'
});
connection.connect();
app.get('/',function (req,res) {
 res.sendfile(__dirname + "/" + "index.html" );
})

/**
 * 实现登录验证功能
 */
app.get('/login',function (req,res) {
 var name=req.query.name;
 var pwd=req.query.pwd;

 var selectSQL = "select * from user where uname = '"+name+"' and pwd = '"+pwd+"'";
 connection.query(selectSQL,function (err,rs) {
  if (err) throw err;
  console.log(rs);
  console.log('OK');
  res.sendfile(__dirname + "/" + "OK.html" );
 })
})

app.get('/register.html',function (req,res) {
 res.sendfile(__dirname+"/"+"register.html");
})

/**
 * 实现注册功能
 */
app.get('/register',function (req,res) {
 var name=req.query.name;
 var pwd=req.query.pwd;
 var user={uname:name,pwd:pwd};
 connection.query('insert into user set ?',user,function (err,rs) {
  if (err) throw err;
  console.log('ok');
  res.sendfile(__dirname + "/" + "index.html" );
 })
})



var server=app.listen(7744,function () {
 console.log("start");
})

Index.html:

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>Title</title>
</head>
<body>
  <form action="http://127.0.0.1:7744/login">
    <input type="text" name="name"/>
    <input type="text" name="pwd"/>
   <input type="submit" value="提交"/>
  </form>
 <a href="register.html" rel="external nofollow" >注册</a>

</body>
</html>

Register.html:

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>Title</title>
</head>
<body>
<form action="http://127.0.0.1:7744/register">
 <input type="text" name="name"/>
 <input type="text" name="pwd"/>
 <input type="submit" value="提交"/>
</form>
</body>
</html>

启动后访问:http://localhost:7744/

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
关于javascript中的typeof和instanceof介绍
Dec 04 Javascript
js使用eval解析json实例与注意事项分享
Jan 18 Javascript
JS常用表单验证方法总结
May 22 Javascript
JS操作XML实例总结(加载与解析XML文件、字符串)
Dec 08 Javascript
vue.js初学入门教程(2)
Nov 07 Javascript
js获取浏览器的各种属性
Apr 27 Javascript
bootstrap3-dialog-master模态框使用详解
Aug 22 Javascript
react native与webview通信的示例代码
Sep 25 Javascript
通过函数作用域和块级作用域看javascript的作用域链
Aug 05 Javascript
node.js express框架简介与实现
Jul 23 Javascript
JavaScript实现身份证验证代码实例
Aug 26 Javascript
JavaScript 面向对象程序设计详解【类的创建、实例对象、构造函数、原型等】
May 12 Javascript
基于jQuery Easyui实现登陆框界面
Jul 10 #jQuery
Angular X中使用ngrx的方法详解(附源码)
Jul 10 #Javascript
angular实现spa单页面应用实例
Jul 10 #Javascript
JavaScript 程序错误Cannot use 'in' operator to search的解决方法
Jul 10 #Javascript
JS 判断某变量是否为某数组中的一个值的3种方法(总结)
Jul 10 #Javascript
vue.js实现备忘录功能的方法
Jul 10 #Javascript
AugularJS从入门到实践(必看篇)
Jul 10 #Javascript
You might like
深入PHP FTP类的详解
2013/06/13 PHP
PHP提示Warning:phpinfo() has been disabled函数禁用的解决方法
2014/12/17 PHP
可以支持多中格式的JS键盘
2007/05/02 Javascript
javascript的trim,ltrim,rtrim自定义函数
2008/09/21 Javascript
jquery 插件实现图片延迟加载效果代码
2010/02/06 Javascript
JS编程小常识很有用
2012/11/26 Javascript
原生js实现shift/ctrl/alt按键的获取
2013/04/08 Javascript
jQuery支持添加事件的日历特效代码分享(3种样式)
2015/08/24 Javascript
window.location.hash知识汇总
2015/11/09 Javascript
jQuery插件Validate实现自定义校验结果样式
2016/01/18 Javascript
jquery ztree实现模糊搜索功能
2016/02/25 Javascript
jQuery中队列queue()函数的实例教程
2016/05/03 Javascript
基于Vuex无法观察到值变化的解决方法
2018/03/01 Javascript
浅谈Vue2.0中v-for迭代语法的变化(key、index)
2018/03/06 Javascript
开发用到的js封装方法(20种)
2018/10/12 Javascript
vue实现井字棋游戏
2020/09/29 Javascript
node.js通过url读取文件
2020/10/16 Javascript
Python实现发送email的几种常用方法
2014/08/18 Python
Python 文件管理实例详解
2015/11/10 Python
解读! Python在人工智能中的作用
2017/11/14 Python
softmax及python实现过程解析
2019/09/30 Python
django框架F&amp;Q 聚合与分组操作示例
2019/12/12 Python
Django密码存储策略分析
2020/01/09 Python
Django 构建模板form表单的两种方法
2020/06/14 Python
Python中免验证跳转到内容页的实例代码
2020/10/23 Python
python使用Windows的wmic命令监控文件运行状况,如有异常发送邮件报警
2021/01/30 Python
HTML5之多线程(Web Worker)
2019/01/02 HTML / CSS
html5版canvas自由拼图实例
2014/10/15 HTML / CSS
软件缺陷的分类都有哪些
2014/08/22 面试题
《春雨》教学反思
2014/04/24 职场文书
2015年生活老师工作总结
2015/05/27 职场文书
中学校园广播稿
2015/08/18 职场文书
校园安全教育心得体会
2016/01/15 职场文书
Pandas自定义选项option设置
2021/07/25 Python
使用HttpSessionListener监听器实战
2022/03/17 Java/Android
Python3使用Qt5来实现简易的五子棋小游戏
2022/05/02 Python