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 相关文章推荐
jQuery的一些注意
Dec 06 Javascript
js操作Xml(向服务器发送Xml,处理服务器返回的Xml)(IE下有效)
Jan 30 Javascript
通过JS获取用户本地图片路径并显示的代码
Feb 16 Javascript
javascript组合使用构造函数模式和原型模式实例
Jun 04 Javascript
jQuery 1.9.1源码分析系列(十三)之位置大小操作
Dec 02 Javascript
Bootstrap每天必学之弹出框(Popover)插件
Apr 25 Javascript
JS声明式函数与赋值式函数实例分析
Dec 13 Javascript
js 中rewrap-ajax.js插件实例代码
Oct 20 Javascript
JS/HTML5游戏常用算法之追踪算法实例详解
Dec 12 Javascript
浅谈JS中几种轻松处理'this'指向方式
Sep 16 Javascript
vue transition 在子组件中失效的解决
Nov 12 Javascript
详解Webpack4多页应用打包方案
Jul 16 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中使用Imagick实现图像直方图的实现代码
2011/08/30 PHP
Linux下实现PHP多进程的方法分享
2012/08/16 PHP
Yii CDBCriteria常用方法实例小结
2017/01/19 PHP
新老版本juqery获取radio对象的方法
2010/03/01 Javascript
js Date自定义函数 延迟脚本执行
2010/03/10 Javascript
动态加载js和css(外部文件)
2013/04/17 Javascript
使用RequireJS库加载JavaScript模块的实例教程
2016/06/06 Javascript
AngularJS优雅的自定义指令
2016/07/01 Javascript
jQuery Ajax自定义分页组件(jquery.loehpagerv1.0)实例详解
2017/05/01 jQuery
简单谈谈React中的路由系统
2017/07/25 Javascript
Vue 第三方字体图标引入 Font Awesome的方法
2018/09/28 Javascript
微信小程序实现日历功能
2018/11/27 Javascript
vscode配置vue下的es6规范自动格式化详解
2019/03/20 Javascript
关于layui表单中按钮自动提交的解决方法
2019/09/09 Javascript
新手入门js闭包学习过程解析
2019/10/08 Javascript
jQuery实现简单聊天室
2020/02/08 jQuery
[06:44]2018DOTA2亚洲邀请赛4.5 SOLO赛 MidOne vs Sumail
2018/04/06 DOTA
Python设计模式之单例模式实例
2014/04/26 Python
测试、预发布后用python检测网页是否有日常链接
2014/06/03 Python
浅谈python 线程池threadpool之实现
2017/11/17 Python
浅谈Python对内存的使用(深浅拷贝)
2018/01/17 Python
python实现简单http服务器功能
2018/09/17 Python
Python 忽略warning的输出方法
2018/10/18 Python
在Python中使用Neo4j的方法
2019/03/14 Python
详解python之heapq模块及排序操作
2019/04/04 Python
Python 使用 docopt 解析json参数文件过程讲解
2019/08/13 Python
基于Python的图像数据增强Data Augmentation解析
2019/08/13 Python
PyTorch 对应点相乘、矩阵相乘实例
2019/12/27 Python
python实现双色球随机选号
2020/01/01 Python
python编写实现抽奖器
2020/09/10 Python
CSS3+JavaScript实现炫酷呼吸效果的示例代码
2020/06/15 HTML / CSS
优质有机椰子产品:Dr. Goerg
2019/09/24 全球购物
简单介绍Object类的功能、常用方法
2013/10/02 面试题
赔偿协议书范本
2014/09/12 职场文书
企业年检委托书范本
2014/10/14 职场文书
中学教代会开幕词
2016/03/04 职场文书