基础要求:

电脑安装NodeJs ,熟悉javascript语法 ;

会使用工具 wamp

废话不多说,开始正文;

创建一个文件夹用来操作下面步骤;

使用 npm 安装 mysql插件; 完成后创建js文件;

$ npm install mysql --save

完成上面步骤后 目录结构会是这样的安装完mysql后,目录结构会变成这样

首先在 http.js 中引入所需模块与工具;

var http = require('http'); //引入httpvar querystring = require('querystring');

var url = require('url'); //引入urlvar fs = require('fs'); //引入文件管理

创建一个可以访问的端口;

http.createServer(function(req, res) {

console.log('链接成功');_

//向请求的客户端发送响应头 res.writeHead(200,{'Content-Type': 'text/html; charset=urf-8'});

res.end('hello word');

}.listen(3000)

用node 运行 http.js;

运行后在浏览器地址栏中输入 localhost:3000;成功后会显示

到这里表示可以创建端口并且可以访问;

然后我们创建3个页面; 分别是 index.html login.html regsiter.html;

index.html body代码

登录

注册

login.html body代码

登录页面

用户名:

密    码:

regsiter.html body 代码

注册页面

用户名:

密    码:

开始写页面路由; 在之前的http.js 中修改

http.createServer(function(req, res) {

if (req.url == '/favicon.ico') {

return; //加载图标也会被当做一次http请求};

var pathname = url.parse(req.url).pathname; //解析地址栏地址var body = '';

//使用fs文件管理读取相对应文件fs.readFile(pathname.substring(1) + '.html', function(err, data) {

if (err) { //如果错误存在说明文件不存在res.writeHead(404, {

'Content-Type': 'text/html; charset=utf-8'

});

res.write('404页面不存在');

} else { //否则文件读取成功res.writeHead(200, {

'Content-Type': 'text/html; charset=urf-8'

});

res.write(data); //写入文件};

res.end();

})

}).listen(3000);

写完后在node中 启动 http.js,

要执行的文件每次有更新都要重新用node执行一次;

或者可以安装subline text3的插件 nodeJs 在工具栏 选择nodeJs编译 按 ctrl+b 执行

在浏览器中输入 localhost:3000/index 会看到 ndex.html页面

先创建一个自己使用的表;

复制代码 在mysql中执行,执行成功后会创建一个my_sql的新表;

CREATE DATABASE IF NOT EXISTS my_sql CHARACTER SET UTF8;

USE my_sql;

SET FOREIGN_KEY_CHECKS=0;

DROP TABLE IF EXISTS `userinfo`;

CREATE TABLE `userinfo` (

`Id` int(11) NOT NULL AUTO_INCREMENT COMMENT '主键',

`UserName` varchar(64) NOT NULL COMMENT '用户名',

`UserPass` varchar(64) NOT NULL COMMENT '用户密码',

PRIMARY KEY (`Id`)

) ENGINE=InnoDB DEFAULT CHARSET=utf8 COMMENT='用户信息表';复制执行sql语句, 创建完后会出现一个my_sql的新表

回到node中, 开始连接mysql数据库;

var mysql = require('mysql'); //引入mysql模块

var mysql_user = { //编写数据库链接数据host: 'localhost', //地址user: 'root', //用户名password: '', //密码database: 'my_sql' //要链接的数据库名字 就是开始创建的那个表的名字};

var connection = mysql.createConnection(mysql_user); //建立数据库链接connection.connect(function(err) { //链接数据库if (err) { //链接错误执行console.log('[错误]' + err);

connection.end();

return;

};

console.log('链接成功'); //否则链接成功});

用 node 执行 http.js 后会链接成功后 会显示;

能够连接mysql数据库了后 我们还需要修改http.js

因为 login.html 和 regsiter.html 都用的是post 请求 所以获取数据 才能去查询数据库

http.createServer(function(req, res) {

if (req.url == '/favicon.ico') {

return;

};

var pathname = url.parse(req.url).pathname;

var body = ''; //定义一个放post数据的变量

req.on('data', function(chunk) { //接受post参数并赋值给bodybody = '';

body += chunk;

body = querystring.parse(body);

});

fs.readFile(pathname.substring(1) + '.html', function(err, data) {

if (err) {

res.writeHead(404, {

'Content-Type': 'text/html; charset=utf-8'

});

res.write('404页面不存在');

} else {

res.writeHead(200, {

'Content-Type': 'text/html; charset=urf-8'

});

if (body) { //如果body存在 说明进行了post请求switch (pathname) { //判断登录还是注册case '/login': //执行登录事件 并传入对应参数query.emit('login', body.username, body.password, connection);

break;

case '/regsiter': //执行注册事件 并传入对应参数query.emit('regsiter', body.username, body.password, connection);

break;

}

};

res.write(data);

};

res.end();

})

}).listen(3000);

定义了登陆和注册的事件执行,但是还没有写他们的事件函数;

不要急下面开始写注册/登录事件,并连接数据库;

var Event = require('events').EventEmitter; //引入事件模块var query = new Event(); //创建事件对象

//绑定login事件 传入 username password 链接数据库对象query.on('login', function(username, password, connection) {

//编写sql查询语句;var find = 'SELECT * FROM userinfo WHERE UserName = ' + username;

//执行sql语句connection.query(find, function(err, result) {

if (err) { //链接失败 直接return;console.log('[错误]' + err);

return;

};

if (result.length) { //如果查到了数据console.log('------------start----------------');

var string = JSON.stringify(result);

var json = JSON.parse(string)[0];

console.log(string)

if (json.UserPass == password) {

console.log('密码校验正确');

} else {

console.log('密码校验错误');

}

console.log('--------------end-----------------');

} else {

console.log('账号不存在')

}

})

})

密码校验成功后会node会显示

密码校验失败后会显示

登录事件写完了,开始写注册事件;

//定义注册事件 传入 username password 链接数据库对象query.on('regsiter', function(username, password, connection) {

//编写查询语句var find = 'SELECT * FROM userinfo WHERE UserName = ' + username;

//编写添加语句var insert = 'INSERT INTO userinfo (Id,UserName,UserPass) VALUES (0,?,?)';

//执行sql语句connection.query(find, function(err, result) {

if (err) { //链接失败 直接return;console.log('[错误]' + err);

return;

};

if (result.length) { //如果数据库返回数据 说明账号已存在console.log('账号已存在');

return;

} else { //否则不存在 可以进行注册var inserInfo = [username, password]; //定义插入数据 //执行插入数据语句connection.query(insert, inserInfo, function(err, result) {

if (err) { //链接失败 直接return;console.log('[注册错误]' + err);

return;

};

console.log('------------start----------------');

console.log('注册成功');

console.log(result);

console.log('--------------end-----------------');

});

};

});

})

随便创建一个账号;

成功后 node会显示

到数据库中查看 也会发现userinfo表中插入了一条数据

----------------------------------end------------------------------------------------------

第一次发文章,有不足的地方还请各位看官老爷指出来,谢谢观看!