Nodejs学习笔记（七）--- Node.js + Express 构建网站简单示例

目录

  • 前言

  • 新建项目、建立数据库以及其它准备工作
    • 新建express + ejs 项目：sampleEjs

    • 创建数据库

    • 修改package.json文件,安装session和mysql模块

    • 样式和JQuery文件

    • 清理项目冗余文件，并添加监听

  • 规划路由，并新建相关文件

  • 实现登录和注册需要的数据访问方法

  • 注册

  • 登录

  • 首页

  • 安全退出

  • 写在之后

前言


　　上一篇学习了一些构建网站会用到的一些知识点   http://www.cnblogs.com/zhongweiv/p/nodejs_express_webapp1.html

　　这一篇主要结合前面讲到的知识，去构建一个较为完整的网站应用程序，对前面学到的一些知道做一个串联加深并灵活运用!

　　功能主要用MySQL数据库，包括登录、注册、主页三部分；下面就一步步开始吧！

新建项目、建立数据库以及其它准备工作

　　1.新建express + ejs
项目：sampleEjs


cd 工作目录

express -e sampleEjs

cd sampleEjs && npm install

　　2.创建数据库 （还第四篇数据库一致： http://www.cnblogs.com/zhongweiv/p/nodejs_mysql.html）


CREATE DATABASE IF NOT EXISTS nodesample CHARACTER SET UTF8;


USE nodesample;


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=‘用户信息表‘;

　　3.修改package.json文件,安装session和mysql模块


{

  "name": "sampleEjs",

  "version": "0.0.1",

  "private": true,

  "scripts": {

    "start": "node ./bin/www"

  },

  "dependencies": {

    "express": "~4.0.0",

    "static-favicon": "~1.0.0",

    "morgan": "~1.0.0",

    "cookie-parser": "~1.0.1",

    "body-parser": "~1.0.0",

    "debug": "~0.7.4",

    "ejs": "~0.8.5",

    "express-session" : "latest",

    "mysql" : "latest"

  }

}

　　主要是标红部分(mysql如果是在这篇文章http://www.cnblogs.com/zhongweiv/p/nodejs_mysql.html 中按照我的步骤安装过了的，其实可以不用再安装)，然后在cmd中运行


npm install

　　安装完成后，打开app.js文件，添加如下代码


var express = require(‘express‘);

var path = require(‘path‘);

var favicon = require(‘static-favicon‘);

var logger = require(‘morgan‘);

var cookieParser = require(‘cookie-parser‘);

var bodyParser = require(‘body-parser‘);

var session = require(‘express-session‘);


...


//这里传入了一个密钥加session id

app.use(cookieParser(‘Wilson‘));

//使用靠就这个中间件

app.use(session({ secret: ‘wilson‘}));


...

　　4.样式和JQuery文件

　　样式：　　样式主要使用了bootstrap 3.0.3  https://github.com/twbs/bootstrap/releases/tag/v3.0.3

　　JQuery:     jquery  1.11.1    　　　　　　　http://jquery.com/download/　

　　

　　添加以上文件到项目中，目录结构如下

　　

　　不在bootstrap包中两个css文件样式如下：


body {

  min-height: 2000px;

}


.navbar-static-top {

  margin-bottom: 19px;

}

navbar-static-top.css

body {

  padding-top: 40px;

  padding-bottom: 40px;

  background-color: #eee;

}


.form-signin {

  max-width: 330px;

  padding: 15px;

  margin: 0 auto;

}

.form-signin .form-signin-heading,

.form-signin .checkbox {

  margin-bottom: 10px;

}

.form-signin .checkbox {

  font-weight: normal;

}

.form-signin .form-control {

  position: relative;

  font-size: 16px;

  height: auto;

  padding: 10px;

  -webkit-box-sizing: border-box;

     -moz-box-sizing: border-box;

          box-sizing: border-box;

}

.form-signin .form-control:focus {

  z-index: 2;

}

.form-signin input[type="text"] {

  margin-bottom: 10px;

  border-bottom-left-radius: 0;

  border-bottom-right-radius: 0;

}

.form-signin input[type="password"] {

  margin-bottom: 10px;

  border-top-left-radius: 0;

  border-top-right-radius: 0;

}

signin.css

　　5.清理项目冗余文件，并添加监听

　　　删除自带的style.css文件

　　　删除routes目录下user.js文件，并在app.js中删除如下代码


var users = require(‘./routes/users‘);


...


app.use(‘/users‘, users);

　　  app.js文件中添加8000端口监听


...

app.listen(8000);

...

　　

　　到这里，示例环境准备完毕！

规划路由，并新建相关文件

　　1.路由

　　首页：/

　　注册页：/reg

　　登录页：/login

　　安全退出：/logout

　　(红色表示需要新建的)

　　2.routes目录下新建如下文件

　　reg.js

　　login.js

　　logout.js

　　3.views目录下新建：

　　header.ejs

　　reg.ejs

　　login.ejs

　　4.打开app.js文件，添加如下代码


...


var routes = require(‘./routes/index‘);

var reg = require(‘./routes/reg‘);

var login = require(‘./routes/login‘);

var logout = require(‘./routes/logout‘);


...


app.use(‘/‘, routes);

app.use(‘/reg‘, reg);

app.use(‘/login‘, login);

app.use(‘/logout‘, logout);


...

实现登录和注册需要的数据访问方法


　　我们新建一个models文件夹，在其中新建user.js，实例代码如下


var mysql = require(‘mysql‘);

var DB_NAME = ‘nodesample‘;


var pool  = mysql.createPool({

    host     : ‘192.168.0.200‘,

    user     : ‘root‘,

    password : ‘abcd‘

});


pool.on(‘connection‘, function(connection) {

    connection.query(‘SET SESSION auto_increment_increment=1‘);

});


function User(user){

    this.username = user.username;

    this.userpass = user.userpass;

};

module.exports = User;


pool.getConnection(function(err, connection) {


var useDbSql = "USE " + DB_NAME;

    connection.query(useDbSql, function (err) {

         if (err) {

            console.log("USE Error: " + err.message);

            return;

         }

         console.log(‘USE succeed‘);

    });


//保存数据

    User.prototype.save = function save(callback) {

        var user = {

            username: this.username,

            userpass: this.userpass

        };


var insertUser_Sql = "INSERT INTO userinfo(id,username,userpass) VALUES(0,?,?)";


connection.query(insertUser_Sql, [user.username, user.userpass], function (err,result) {

            if (err) {

                console.log("insertUser_Sql Error: " + err.message);

                return;

            }


connection.release();


console.log("invoked[save]");

            callback(err,result);

        });

    };


//根据用户名得到用户数量

    User.getUserNumByName = function getUserNumByName(username, callback) {


var getUserNumByName_Sql = "SELECT COUNT(1) AS num FROM userinfo WHERE username = ?";


connection.query(getUserNumByName_Sql, [username], function (err, result) {

            if (err) {

                console.log("getUserNumByName Error: " + err.message);

                return;

            }


connection.release();


console.log("invoked[getUserNumByName]");

            callback(err,result);

        });

    };


//根据用户名得到用户信息

    User.getUserByUserName = function getUserNumByName(username, callback) {


var getUserByUserName_Sql = "SELECT * FROM userinfo WHERE username = ?";


connection.query(getUserByUserName_Sql, [username], function (err, result) {

            if (err) {

                console.log("getUserByUserName Error: " + err.message);

                return;

            }


connection.release();


console.log("invoked[getUserByUserName]");

            callback(err,result);

        });

    };


});

　　有这三个方法，基本登录注册就够了^_^!

注册

　　1.先来布局一下HTML和CSS，加上前端验证及一些提示信息显示（reg.ejs）


<!DOCTYPE html>

<html>

  <head>

    <meta charset="utf-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title><%= title %></title>


<link rel="stylesheet" type="text/css" href="/stylesheets/bootstrap.min.css" />

    <link rel="stylesheet" type="text/css" href="/stylesheets/signin.css" />

  </head>


<body>


<div id="container" class="container">

       <% if (locals.success) { %>

          <div id="alt_sucess" class="alert alert-success">

            <%- success %>

          </div>

       <% } %>


<% if (locals.error) { %>

        <div id="alt_warning" class="alert alert-warning">

          <%= error %>

        </div>

      <% } %>


<form class="form-signin" role="form" method="post">

        <h2 class="form-signin-heading">注册</h2>


<input id="txtUserName" name="txtUserName" type="text" class="form-control" placeholder="用户名" required autofocus />

        <input id="txtUserPwd" name="txtUserPwd" type="password" class="form-control" placeholder="密码" required/>

        <input id="txtUserRePwd"  name="txtUserRePwd" type="password" class="form-control" placeholder="重复密码" required/>


<button id="btnSub" class="btn btn-lg btn-primary" type="submit">注  册</button>

        <a class="btn btn-link" href="/login" role="button">登  录</a>

      </form>


</div>

  </body>

</html>


<script src="/javascripts/jquery-1.11.1.min.js" type="text/javascript"></script>


<script type="text/javascript">

     String.prototype.format = function (args) {

            var result = this;

            if (arguments.length > 0) {

                if (arguments.length == 1 && typeof (args) == "object") {

                    for (var key in args) {

                        if (args[key] != undefined) {

                            var reg = new RegExp("({" + key + "})", "g");

                            result = result.replace(reg, args[key]);

                        }

                    }

                }

                else {

                    for (var i = 0; i < arguments.length; i++) {

                        if (arguments[i] != undefined) {

                            var reg = new RegExp("({)" + i + "(})", "g");

                            result = result.replace(reg, arguments[i]);

                        }

                    }

                }

            }

            return result;

    }


$(function(){

        $(‘#btnSub‘).on(‘click‘,function(){

            var

            $txtUserName = $(‘#txtUserName‘),

            txtUserNameVal = $.trim($txtUserName.val()),

            $txtUserPwd = $(‘#txtUserPwd‘),

            txtUserPwdVal = $.trim($txtUserPwd.val()),

            $txtUserRePwd = $(‘#txtUserRePwd‘),

            txtUserRePwdVal = $.trim($txtUserRePwd.val()),

            errorTip = ‘<div id="errorTip" class="alert alert-warning">{0}</div> ‘;


$("#errorTip,#alt_sucess,#alt_warning").remove();


if(txtUserNameVal.length == 0)

            {

                $("#container").prepend(errorTip.format(‘用户名不能为空‘));

                $txtUserName.focus();

                return false;

            }


if(txtUserPwdVal.length == 0)

            {

                $("#container").prepend(errorTip.format(‘密码不能为空‘));

                $txtUserPwd.focus();

                return false;

            }


if(txtUserRePwdVal.length == 0)

            {

                $("#container").prepend(errorTip.format(‘重复密码不能为空‘));

                $txtUserRePwd.focus();

                return false;

            }


if(txtUserPwdVal != txtUserRePwdVal)

            {

                 $("#container").prepend(errorTip.format(‘两次密码不一致‘));

                 $txtUserPwd.focus();

                 return false;

            }


return true;

        })

    });


</script>

　　2.实现注册功能（reg.js）


var express = require(‘express‘),

    router = express.Router(),

    User = require(‘../models/user.js‘),

    crypto = require(‘crypto‘),

    TITLE_REG = ‘注册‘;


router.get(‘/‘, function(req, res) {

  res.render(‘reg‘,{title:TITLE_REG});

});


router.post(‘/‘, function(req, res) {

  var userName = req.body[‘txtUserName‘],

      userPwd = req.body[‘txtUserPwd‘],

      userRePwd = req.body[‘txtUserRePwd‘],

      md5 = crypto.createHash(‘md5‘);


userPwd = md5.update(userPwd).digest(‘hex‘);


var newUser = new User({

      username: userName,

      userpass: userPwd

  });


//检查用户名是否已经存在

  User.getUserNumByName(newUser.username, function (err, results) {


if (results != null && results[0][‘num‘] > 0) {

          err = ‘用户名已存在‘;

      }


if (err) {

          res.locals.error = err;

          res.render(‘reg‘, { title: TITLE_REG });

          return;

      }


newUser.save(function (err,result) {

          if (err) {

              res.locals.error = err;

              res.render(‘reg‘, { title: TITLE_REG });

              return;

          }


if(result.insertId > 0)

          {

              res.locals.success = ‘注册成功,请点击   <a class="btn btn-link" href="/login" role="button"> 登录 </a>‘ ;

          }

          else

          {

              res.locals.error = err;

          }


res.render(‘reg‘, { title: TITLE_REG });

          });

    });

});


module.exports = router;

　　3.运行查看效果（命令行中cd到项目根目录，运行: node app）

　　运行程序后，在浏览器中输入：  http://localhost:8000/reg   ,运行后如下图

　　

　　前端提示如下图：

　　

　　注册成功后提示与检查数据库中插入数据！

　　

　　

　　到这里，注册功能完成（比如判断用户名是否已存在等情况显示就不列举了，自已写出来运行再看!）

登录

　　1.先来布局一下HTML和CSS，加上前端验证及一些提示信息显示（login.ejs）

<!DOCTYPE html>

<html>

  <head>

    <meta charset="utf-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title><%= title %></title>


<link rel="stylesheet" type="text/css" href="/stylesheets/bootstrap.min.css" />

    <link rel="stylesheet" type="text/css" href="/stylesheets/signin.css" />

  </head>


<body>


<div id="container" class="container">

       <% if (locals.success) { %>

          <div id="alt_sucess" class="alert alert-success">

            <%- success %>

          </div>

       <% } %>


<% if (locals.error) { %>

        <div id="alt_warning" class="alert alert-warning">

          <%= error %>

        </div>

      <% } %>


<form class="form-signin" role="form" method="post">

        <h2 class="form-signin-heading">登录</h2>

        <input id="txtUserName" name="txtUserName" type="text" class="form-control" placeholder="用户名" required autofocus />

            <input id="txtUserPwd" name="txtUserPwd" type="password" class="form-control" placeholder="密码" required/>

        <label class="checkbox">

          <input name="chbRem" id="chbRem" type="checkbox" value="remember-me"> 记住密码

        </label>

        <button id="btnSub" class="btn btn-lg btn-primary" type="submit">登  录</button>

        <a class="btn btn-link" href="/reg" role="button">注  册</a>


</form>


</div>

  </body>

</html>


<script src="/javascripts/jquery-1.11.1.min.js" type="text/javascript"></script>


<script type="text/javascript">

     String.prototype.format = function (args) {

            var result = this;

            if (arguments.length > 0) {

                if (arguments.length == 1 && typeof (args) == "object") {

                    for (var key in args) {

                        if (args[key] != undefined) {

                            var reg = new RegExp("({" + key + "})", "g");

                            result = result.replace(reg, args[key]);

                        }

                    }

                }

                else {

                    for (var i = 0; i < arguments.length; i++) {

                        if (arguments[i] != undefined) {

                            var reg = new RegExp("({)" + i + "(})", "g");

                            result = result.replace(reg, arguments[i]);

                        }

                    }

                }

            }

            return result;

    }


$(function(){

        $(‘#btnSub‘).on(‘click‘,function(){

            var

            $txtUserName = $(‘#txtUserName‘),

            txtUserNameVal = $.trim($txtUserName.val()),

            $txtUserPwd = $(‘#txtUserPwd‘),

            txtUserPwdVal = $.trim($txtUserPwd.val()),

            errorTip = ‘<div id="errorTip" class="alert alert-warning">{0}</div> ‘;


$("#errorTip,#alt_warning").remove();


if(txtUserNameVal.length == 0)

            {

                $("#container").prepend(errorTip.format(‘用户名不能为空‘));

                $txtUserName.focus();

                return false;

            }


if(txtUserPwdVal.length == 0)

            {

                $("#container").prepend(errorTip.format(‘密码不能为空‘));

                $txtUserPwd.focus();

                return false;

            }


return true;

        })

    });


</script>

login.ejs 示例

　　2.再来完成后端代码（包括保存session和cookies记录密码）

var express = require(‘express‘),

    router = express.Router(),

    User = require(‘../models/user.js‘),

    crypto = require(‘crypto‘),

    TITLE_LOGIN = ‘登录‘;


router.get(‘/‘, function(req, res) {

    res.render(‘login‘,{title:TITLE_LOGIN});

});


router.post(‘/‘, function(req, res) {

    var userName = req.body[‘txtUserName‘],

        userPwd = req.body[‘txtUserPwd‘],

        isRem = req.body[‘chbRem‘],

        md5 = crypto.createHash(‘md5‘);


User.getUserByUserName(userName, function (err, results) {


if(results == ‘‘)

        {

            res.locals.error = ‘用户不存在‘;

             res.render(‘login‘,{title:TITLE_LOGIN});

             return;

        }


userPwd = md5.update(userPwd).digest(‘hex‘);

         if(results[0].UserName != userName || results[0].UserPass != userPwd)

         {

             res.locals.error = ‘用户名或密码有误‘;

             res.render(‘login‘,{title:TITLE_LOGIN});

             console.log(1);

             return;

         }

         else

         {

             if(isRem)

             {

                res.cookie(‘islogin‘, userName, { maxAge: 60000 });

             }


res.locals.username = userName;

             req.session.username = res.locals.username;

             console.log(req.session.username);

             res.redirect(‘/‘);

             return;

         }

    });

});


module.exports = router;

login.js

　　3.运行查看效果

　　运行程序后，在浏览器中输入：  http://localhost:8000/login  
,运行后如下图

　　

　　提示效果如下：

　　

　　

　　登录成功后，会跳转到首页，下面我们就着手把首页完成！

首页

　　首页主要为了测试登录注册的功能是否可可用，虽然首页基本没什么功能，但是我还是把它头部放到了header.ejs文件中！

　　1.头部HTML和CSS

<div class="navbar navbar-default navbar-static-top" role="navigation">

  <div class="container">

    <div class="navbar-header">

      <a class="navbar-brand" href="/">Porschev - Nodejs + Express + Ejs + MySQL + Bootstrap 示例</a>

    </div>

    <div class="navbar-collapse collapse">

      <ul class="nav navbar-nav navbar-right">


<% if (locals.username) { %>

          <li><a href="#">

                <%= username %>

          </a></li>

          <li><a href="/logout">安全退出</a></li>

        <% } %>

      </ul>

    </div>

  </div>

</div>

header.ejs

　　2.index.ejs

<!DOCTYPE html>

<html>

  <head>

    <meta charset="utf-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

      <title><%= title %></title>

    <link rel="stylesheet" type="text/css" href="/stylesheets/bootstrap.min.css" />

    <link rel="stylesheet" type="text/css" href="/stylesheets/navbar-static-top.css" />

  </head>

  <body>

      <% include header %>

  </body>

</html>

index.ejs

　　3.index.js实现（主要是cookies,session登录状态判断）

var express = require(‘express‘),

    router = express.Router();


router.get(‘/‘, function(req, res) {

  if(req.cookies.islogin)

  {

         console.log(‘cookies:‘ + req.cookies.islogin);

       req.session.username = req.cookies.islogin;

  }


if(req.session.username)

  {

          console.log(‘session:‘ + req.session.username);

        res.locals.username = req.session.username;

  }

  else

  {

        res.redirect(‘/login‘);

        return;

  }


res.render(‘index‘,{title:‘主页‘});

});


module.exports = router;

index.js

　　4.运行，登录后，查看效果

　　登录，不勾选自动登录，运行http://localhost:8000
会自动跳到登录页

　　输入正确的用户名和密码登录成功后，页面显示如下（右上角的部分显示了用户名）

　　

　　关闭浏览器，再次输入http://localhost:8000 ，跳转到登录页，需要重新登录！

　　

　　再次登录，勾选自动登录

　　进行首页如上图；

　　关闭浏览器，再次输入http://localhost:8000，不会跳转到登录页，而是直接登录了！（cookies起了作用）

　　关闭浏览器，过一分钟后，再输入http://localhost:8000 ，跳转到登录页
（cookies失效）

安全退出

　　安全退出主要就是清除session（logout.js）

var express = require(‘express‘),

     router = express.Router();


router.get(‘/‘, function(req, res) {

  req.session.destroy();

  res.redirect(‘/login‘);

});


module.exports = router;

logout.js

　　

　　实现效果：在不是自动登录的情况下，登录后点击安全退出，不关闭浏览器，通过url再访问首页，无法直接进入，会跳转到登录页！

前言

　　这一篇主要是对前面所学的知识的运用，把零散的知识能真正变成能帮助你实现功能的技能！

　　示例并没有过多去优化代码，有很多可优化的部分，在学习的过程中去思考提升，比如：

　　1.怎么把代码写的更高效和优美

　　2.如果登录验证的部分都像index.js里那么写，那页多了怎么办？

　　3.像header.ejs一样的提取页面公共部分怎么才能做得更好

　　...

　　提示：

　　1.上面示例中我提到了“自动登录”，而我写的是“记录密码”,大家就当自动登录来用吧^_^!

　　2.关于session和cookies的实现登录和自动登录部分，示例主要为了体现运用，太懒没有去按照实际规格去完成，有过web开发经验的应该都知道怎么去做以及该存储什么信息，实在不清楚的留言或邮件给我吧！

时间： 2024-10-07 05:57:10

Nodejs学习笔记（七）--- Node.js + Express 构建网站简单示例的相关文章

Node.js操作Redis的简单示例

Redis是一个key-value类型的数据库,而key全部都是字符串,value可以是集合.hash.list等等. Redis是通过MULTI/DISCARD/EXEC/WATCH这4个命令来实现事务功能.对事务,我们必须知道事务安全性是一个非常重要的. 事务提供了一种"将多个命令打包,然后一次性.按顺序执行"的机制,并且在事务执行期间不会中断--意思就是在事务完成之前,客户端的其他命令都是阻塞状态. var redis = require("redis");

【学习笔记】Node.js学习笔记（二）

三.使用Node.js进行Web开发 1.安装Express Express是官方推荐的Web开发框架,功能十分强大. 在命令行输入 npm install -g express 进行全局安装Express 这样就是安装完成了.但是这时候我们执行express -h命令却不成功,因为express4.0以后需要再安装express-generator包才能执行express命令 再安装express-generator包:npm install -g express-generator 这样就可

[MongoDB学习笔记-02] Node.js连接MongoDB的两种方法

MongoDB Node.js驱动程序是被官方所支持的原生Node.js驱动程序,他是至今为止最好的实现, 并且得到了MongoDB官方的支持.MongoDB团队已经采用MongoDB Node.js驱动程序作为标准方法. npm install mongodb@1.4.3 // MongoDB Node.js驱动程序 npm install mongoose@3.8.8 //mongoose模块 要从Node.js连接MongoDB数据库我们有两种方法可选择: 通过实例化mongodb模块中提

Node.js(express) + MongoDB(mongoose) 简单开发（一）

前言: express作为一个Node框架,很适合新学习Node的同学,加上mongoose的数据处理,堪称完美~ 闲话少说,步入正题. 我的系统环境: Win7 64bit Nodejs: v0.10.35 Npm: 1.4.28 IDE:webstorm 1. 建立项目 Node及express的安装这里就不再赘述,网上有很多安装的教程,不会的同学可以自行查找,这里我们采用express4.x版本 安装express库完成之后,我们可以使用express命令来建立一个自己的项目: expre

Node.js开发入门—Angular简单示例

在"使用AngularJS"中,我们提到了如何在Node.js项目中引入AngularJS,这次提供一个非常简单的示例,演示AngularJS里的指令.数据绑定.服务等内容. 我准备做Web后台管理系统,不同的管理员会有不同的权限,管理员登录后看到的菜单和他的权限有关,能看到什么,是动态生成的(类似RBAC).本文的示例从这个项目而来,当然,现在还是最简单的. 如果没有特别说明,后面我们用到的示例都使用express generator生成. Angular小demo 先搞起来吧. 第

nodejs学习笔记一：安装express框架并构建工程目录

偶遇node是在一个阳光明媚的上午,无意间打开博客看到一片关于nodejs的介绍,通读全篇后,心情跌宕起伏,哎呀,这么好的东西我竟然现在才知道,这是最气的,于是马上开始制定学习nodejs计划,好了,话不多说,开始我的学习记录. 想要学习node首先开发环境不可少,下面就记录一下安装express框架和构建第一个node工程项目(跳过安装nodejs环境,因为已经装过,nodejs.org下载对应的安装包下一步傻瓜化安装): 1.安装express express是nodejs上最流行的web开

nodejs学习笔记二：解析express框架项目文件

上一章介绍了如何去创建一个express框架的工程项目,这章介绍一下express框架下的文件和用法解析,上一张我们创建的工程项目结构图如下: models是不属于原工程项目结构,为了实现数据模型后添加的,而node_modules这个文件夹内存放着项目需要的中间件,public是存放静态文件的文件夹,routes顾名思义就是路由解析文件的所在,views就是ejs模板引擎的视图文件,app.js是项目运行的入口存放着全局大量的配置,package.json是加载第三方包的配置文件.下面来一一解

Node.js(express) + MongoDB(mongoose) 简单开发（二）

前面说过,做一个真正意义上的登录注册,接下来就让我们一步一步实现吧~ 首先需要安装mongodb,网上有很多安装教程,这里就不再赘述. 安装完成后开始与本地数据库连接,可以参考这里:MongoDB介绍及下载与安装 最后可以安装一个可视化的操作数据库的软件:MongoVUE,配置也很简单: 最后在项目级目录下安装mongoose,安装过程自行百度~ 安装成功后可在node_modules下看见mongoose文件夹 接下来我们测试数据库是否连同: 新建一个models的文件夹,在这里我们对表进行操

Nodejs学习笔记（八）--- Node.js + Express 实现上传文件功能（felixge/node-formidable）

目录 前言 formidable简介 创建项目并安装formidable 实现上传功能 运行结果 部分疑惑解析 写在之后 前言 前面讲了一个构建网站的示例,这次在此基础上再说说web的常规功能----文件上传,示例以一个上传图片的功能为例子 上传功能命名用formidable实现,示例很简单! PS:最近比较忙,距上一次更新已经比较久了^_^! formidable简介 nodejs原生实现上传还是比较麻烦,有兴趣的自已去参考一下网上有网友写的代码 这里选择了formidable,也是githu