设为首页 收藏本站

运维网

 找回密码
 立即注册
查看: 1183|回复: 0

[经验分享] Nodejs学习总结

[复制链接]
wlyyb521

尚未签到
发表于 2017-2-24 11:25:56 | 显示全部楼层 |阅读模式
　　项目创建后，我们来做个登录注册实例，详细操作步骤如下。
　　1、新建项目demo ，具体操作步骤参考上一章内容
　　https://www.cnblogs.com/Anlycp/
　　2、添加mysql和session包


  • package.json dependencies中添加下面内容后输入npm install进行安装

　　"mysql": "latest",
"express-session" : "latest",



  • 输入下面语句进行和上面功能相同（多个安装包空格隔开）

　　npm install mysql express-session –save

　　3、app.js 添加session配置
　　var session = require('express-session');
　　// 设置 Session  
　　//位置必须写在app.use('/', routes);前，否则下面中req.session.user 赋值时会报 TypeError: Cannot set property 'user' of undefined错误   
app.use(session({     
     secret: '12345',     
     name: 'demo',   //这里的name值得是cookie的name，默认cookie的name是：connect.sid     
     cookie: {maxAge: 80000 },  //设置maxAge是80000ms，即80s后session和相应的cookie失效过期     
     resave: false,     
     saveUninitialized: true,     
}));
　　4、创建数据库及用户表


DSC0000.gif DSC0001.gif


CREATE DATABASE IF NOT EXISTS nodedb CHARACTER SET UTF8;
USE nodedb;
SET FOREIGN_KEY_CHECKS=0;
DROP TABLE IF EXISTS `userinfo`;
CREATE TABLE `userinfo` (
`userid` int(11) NOT NULL AUTO_INCREMENT COMMENT '主键',
`username` varchar(64) NOT NULL COMMENT '用户名',
`userpwd` varchar(64) NOT NULL COMMENT '用户密码',
PRIMARY KEY (`userid`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8 COMMENT='用户信息表';
View Code　　5、新建models文件夹，创建user.js文件  用户数据库连接池连接及用户登录注册方法





var mysql = require('mysql');
var DB_NAME= 'nodedb';
//创建连接池 createPool(Object)
// Object和createConnection参数相同。
var pool = mysql.createPool({
host : '127.0.0.1',
user : 'root',
password :'caip',
database:'nodedb',
port : 3306
});
//可以监听connection事件，并设置session值
pool.on('connnection',function(connection){
console.log("pool on");
connection.query('SET SESSION auto_increment_increment=1')
});
function User(user){
this.username = user.username;
this.userpwd = user.userpwd;
}
User.prototype.userSave = function save(callback){
var user = {
username : this.username,
userpwd : this.userpwd
};
var INSERT_USER= "INSERT INTO USERINFO (USERID,USERNAME,USERPWD) VALUES (0,?,?)";
pool.getConnection(function(err,connection){
connection.query(INSERT_User,[user.username,user.userpwd],function(err,result){
if(err){
console.log("INSERT_USER Error: " + err.message);
return;
}
connection.release();
callback(err,result);
});
});
};

//根据用户名得到用户数量
User.prototype.userNum = function(username, callback) {
pool.getConnection(function(err,connection){
console.log("getConnection");
console.log("getUserNumByName");
var SELECT_NUM = "SELECT COUNT(1) AS num FROM USERINFO WHERE USERNAME = ?";
connection.query(QUERY_Num, [username], function (err, result) {
if (err) {
console.log("SELECT_NUM Error: " + err.message);
return;
}
connection.release();
callback(err,result);
});
});
};
User.prototype.userInfo = function(callback){
var user = {
username : this.username,
userpwd : this.userpwd
};
var SELECT_LOGIN ="SELECT * FROM USERINFO WHERE USERNAME = ?";
pool.getConnection(function(err,connection){
connection.query(QUERY_LOGIN,[user.username],function(err,result){
if (err) {
console.log("SELECT_LOGIN Error: " + err.message);
return;
}
connection.release();
callback(err,result);
});
});
}
module.exports = User;
View Code　　6、页面目录及详细代码
　　index 登录及注册链接跳转
　　main 登录成功系统界面 调用session显示登录用户信息
　　regist 注册
DSC0002.png

　　index.html





<!DOCTYPE html>
<html>
<head>
<title>登录界面</title>
<link rel='stylesheet' href='/stylesheets/style.css' />
</head>
<body>
<form action="/" method="post">
<div class="form-group">
<div class="form-name left">
<label>用户名</label>
</div>
<input type="text" name="username" class="form-input left"/>
</div>
<div class="form-group">
<div class="form-name left">
<label>密码</label>
</div>
<input type="password" name="password" class="form-input left"/>
</div>
<div class="form-btn">
<input type="submit" value="登录"  />
<input type="button" value="注册" onclick="getRegist()" />
</div>
<div class="form-btn">
<label class="warn"><%=errMsg %></label>
</div>
</form>
<script type="text/javascript">
function getRegist(){
location.href = "/regist";
}
</script>
</body>
</html>
View Code　　index.js





var express = require('express');
var router = express.Router();
var User = require("../models/user.js");
/* GET home page. */
router.get('/', function(req, res, next) {
res.render('index',{ errMsg: '' });
});
router.post("/",function(req, res) {
//获取form表单提交的登录数据
var username = req.body.username;
var password = req.body.password;
var loginUser = new User({
username : username,
userpwd : password
});
//通过用户名取到用户信息
loginUser.userInfo(function(err,result){
if(err){
res.render('index', {errMsg: err });
return;
}
if(result == ''){
res.render('index', {errMsg: '用户不存在' });
return;
}
else{
//判断用户密码是否填写正确  演示没做加密，等有时间再加
if(result[0]['userpwd'] == password){
var user = {'username':username};
req.session.user = user;//保存用户session信息
res.redirect('/main');
}
else{
res.render('index', {errMsg: '密码有误' });
}
}
});
});
module.exports = router;
View Code　　main.html





<!DOCTYPE html>
<html>
<head>
<title>系统界面</title>
<link rel='stylesheet' href='/stylesheets/style.css' />
<script src="/javascripts/jquery.min.js" type="text/javascript"></script>
</head>
<body>
欢迎  <%= username %>
</body>
View Code　　main.js





var express = require('express');
var router = express.Router();
/* GET home page. */
router.get('/', function(req, res, next) {
var user = req.session.user;
res.render('main', { username:user.username});
});
module.exports = router;
View Code　　regist.html





<!DOCTYPE html>
<html>
<head>
<title>注册</title>
<link rel='stylesheet' href='/stylesheets/style.css' />
</head>
<body>
<form action="/regist" method="post">
<div class="form-group">
<div class="form-name left">
<label>用户名</label>
</div>
<input type="text" name="username" class="form-input left"/>
</div>
<div class="form-group">
<div class="form-name left">
<label>密码</label>
</div>
<input type="password" name="password" class="form-input left"/>
</div>
<div class="form-btn">
<input type="submit" value="注册"  />
</div>
<div class="form-btn">
<label class="warn"><%= errMsg %></label>
</div>
<% if(locals.status=="success"){ %>
<div class="form-btn">
注册成功，请点击<a href='/' >登录</a>
</div>
<%} %>
</form>
</body>
</html>
View Code　　regist.js





var express = require('express');
var router = express.Router();
var User = require("../models/user.js");
/* GET home page. */
router.get('/', function(req, res, next) {
res.render('regist', {errMsg:""});
});

router.post('/',function(req, res) {
var username = req.body.username;
var password = req.body.password;
var newUser = new User({
username : username,
userpwd : password
});
//检查用户名是否已经存在
newUser.userNum(newUser.username, function (err, results) {
if (results != null && results[0]['num'] > 0) {
err = '用户名已存在';
}
if (err) {
res.render('regist', {errMsg: err });
return;
}
newUser.userSave(function(err,result){
if(err){
res.render('regist', {errMsg: err });
return;
}
if(result.insertId > 0){
res.locals.status = "success";
res.render('regist', {errMsg:'' });
}
else{
res.render('regist', {errMsg: err });
}
});
});
});
module.exports = router;
View Code　　代码下载地址：
　　http://download.csdn.net/detail/caiping07/9618977

运维网声明 1、欢迎大家加入本站运维交流群:群②:261659950 群⑤:202807635 群⑦870801961 群⑧679858003
2、本站所有主题由该帖子作者发表，该帖子作者与运维网享有帖子相关版权
3、所有作品的著作权均归原作者享有，请您和我们一样尊重他人的著作权等合法权益。如果您对作品感到满意，请购买正版
4、禁止制作、复制、发布和传播具有反动、淫秽、色情、暴力、凶杀等内容的信息，一经发现立即删除。若您因此触犯法律，一切后果自负，我们对此不承担任何责任
5、所有资源均系网友上传或者通过网络收集，我们仅提供一个展示、介绍、观摩学习的平台，我们不对其内容的准确性、可靠性、正当性、安全性、合法性等负责，亦不承担任何法律责任
6、所有作品仅供您个人学习、研究或欣赏，不得用于商业或者其他用途，否则，一切后果均由您自己承担，我们对此不承担任何法律责任
7、如涉及侵犯版权等问题，请您及时通知我们，我们将立即采取措施予以解决
8、联系人Email：admin@iyunv.com 网址：www.yunweiku.com

所有资源均系网友上传或者通过网络收集,我们仅提供一个展示、介绍、观摩学习的平台,我们不对其承担任何法律责任,如涉及侵犯版权等问题,请您及时通知我们,我们将立即处理,联系人Email:kefu@iyunv.com,QQ:1061981298 本贴地址：https://www.yunweiku.com/thread-346595-1-1.html 上篇帖子： NodeJS写模块和引入模块的例子 下篇帖子： nodejs操作arduino入门（javascript操作底层硬件）
回复

使用道具 举报

返回列表
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

扫码加入运维网微信交流群X

扫码加入运维网微信交流群

扫描二维码加入运维网微信交流群，最新一手资源尽在官方微信交流群！快快加入我们吧...

扫描微信二维码查看详情

客服 E-mail:iyunvcom@gmail.com

本站由青云提供云计算服务

运维网--中国最专业的运维工程师交流社区

豫ICP备20007574号-1 Copyright © 2012-2025

关于我们

发展历程

联系我们

关注我们

广告服务

广告案例

隐私条款

免责声明

用户登录

用户注册

版主守则

申请版主

手机版

金币获取

帮助中心

每日签到

Good Good

Study

Day Day

UP


客服E-mail:kefu@iyunv.com 客服QQ：1061981298


QQ群⑦：运维网交流群⑦ QQ群⑧：运维网交流群⑧ k8s群：运维网kubernetes交流群


提醒：禁止发布任何违反国家法律、法规的言论与图片等内容；本站内容均来自个人观点与网络等信息，非本站认同之观点.


本站大部分资源是网友从网上搜集分享而来，其版权均归原作者及其网站所有，我们尊重他人的合法权益，如有内容侵犯您的合法权益，请及时与我们联系进行核实删除！



合作伙伴: 青云cloud

快速回复 返回顶部 返回列表