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之自定义类型
May 04 Javascript
为JS扩展Array.prototype.indexOf引发的问题探讨及解决
Apr 24 Javascript
javascript firefox 自动加载iframe 自动调整高宽示例
Aug 27 Javascript
ajax请求乱码的解决方法(中文乱码)
Apr 10 Javascript
node.js中的fs.lstat方法使用说明
Dec 16 Javascript
javascript动态创建及删除元素的方法
Dec 22 Javascript
JavaScript代码因逗号不规范导致IE不兼容的问题
Feb 25 Javascript
javascript和jquery实现用户登录验证
May 04 Javascript
jQuery插件Validation快速完成表单验证的方式
Jul 28 Javascript
深入理解js generator数据类型
Aug 16 Javascript
详解使用Vue.Js结合Jquery Ajax加载数据的两种方式
Jan 10 Javascript
基于node+vue实现简单的WebSocket聊天功能
Feb 01 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获取本周星期一具体日期的方法
2015/04/20 PHP
PHP中使用curl入门教程
2015/07/02 PHP
PHP新建类问题分析及解决思路
2015/11/19 PHP
非常棒的10款jQuery 幻灯片插件
2011/06/14 Javascript
jquery offset函数应用实例
2012/11/14 Javascript
js 获取、清空input type=&quot;file&quot;的值示例代码
2014/02/19 Javascript
配置Grunt的Task时通配符支持和动态生成文件名问题
2015/09/06 Javascript
jquery validate demo 基础
2015/10/29 Javascript
Bootstrap学习系列之使用 Bootstrap Typeahead 组件实现百度下拉效果
2016/07/07 Javascript
jQuery弹出层后禁用底部滚动条(移动端关闭回到原位置)
2016/08/29 Javascript
微信小程序 wx.uploadFile无法上传解决办法
2016/12/14 Javascript
利用ES6的Promise.all实现至少请求多长时间的实例
2017/08/28 Javascript
react 应用多入口配置及实践总结
2018/10/17 Javascript
layui下拉框获取下拉值(select)的例子
2019/09/10 Javascript
Vue 的双向绑定原理与用法揭秘
2020/05/06 Javascript
基于Element封装一个表格组件tableList的使用方法
2020/06/29 Javascript
基于vue.js仿淘宝收货地址并设置默认地址的案例分析
2020/08/20 Javascript
[44:47]Ti4 循环赛第三日 iG vs NaVi
2014/07/12 DOTA
Python实现爬取知乎神回复简单爬虫代码分享
2015/01/04 Python
Python使用Paramiko模块编写脚本进行远程服务器操作
2016/05/05 Python
python+logging+yaml实现日志分割
2019/07/22 Python
windows、linux下打包Python3程序详细方法
2020/03/17 Python
cookies应对python反爬虫知识点详解
2020/11/25 Python
全网最详细的PyCharm+Anaconda的安装过程图解
2021/01/25 Python
英国HYPE双肩包官网:英国本土时尚潮牌
2018/09/26 全球购物
IdealFit官方网站:女性蛋白质、补充剂和运动服装
2019/03/24 全球购物
公司综合部的成员自我评价分享
2013/11/05 职场文书
退伍老兵事迹材料
2014/01/31 职场文书
大学生简历求职信
2014/06/24 职场文书
学校组织向国旗敬礼活动方案(中小学适用)
2014/09/27 职场文书
缓刑人员思想汇报
2014/10/11 职场文书
毕业设计论文评语
2014/12/31 职场文书
使用pycharm运行flask应用程序的详细教程
2021/06/07 Python
python中取整数的几种方法
2021/11/07 Python
如何避免mysql启动时错误及sock文件作用分析
2022/01/22 MySQL
python自动化测试之Selenium详解
2022/03/13 Python