最新nodejs的开发学习实战（1）从一个博客开始

像许多刚开始学习Nodejs的朋友一样，一般都是从一个blog开始，因为大家都是这样做的，网上有很多相似的资料可以查看，这样学习起来比较方便，但是Nodejs这门技术，现在的发展实在是太快了，像大家买的书或是网上的实例一出来就过时了，所以诞生了今天这篇文章，希望能给后面的人一点启发！

开发环境：

nodejs:v0.12.7

express:v4.13.1

mongodb:3.0.4

默认大家都已经正确安装并配置好了相应的开发环境。

express是nodejs中核心的web开发框架，我们一般用这个来生成我们的开发应用，

安装express

$ npm install -g express -generator

上述命令是V4.0X以上的安装，如是V4.0.x以下参考其他

查看安装express信息

$ express -V

新建工程,本人在 E:\baiduyun_to_cloud\Nodejs 下面建立工程目录

$ express -e myblog

$ cd nmyblog &&npm install

这行命令可以分成两个来用(cd myblog 和 npm install)，看个人习惯,必须注意的是在npm install时，要先进去工程目录

第一个命令是生成一个myblog的工程

第二个命令是在生成目录下安装加载依赖项

上面是整个express框架的生成文件，包含:

1,bin目录，里面是可执行文件www.

2,node_modules,里面是各种中间件框架或是依赖模型

3，public,静态文件夹，里面是各有图片，或是javescript，还有网页渲染文件.CSS等

4，routes,路由文件里面包含index 和users

5, views, index.ejs和error.ejs

6, app,js 入口文件

7，package，依赖文件

下面我们对主要的代码文件进行分析:

1,APP.JS 入口文件

var express = require('express');//导入express 模块
var path = require('path');// 导入路径模块
var favicon = require('serve-favicon');//
var logger = require('morgan');
var cookieParser = require('cookie-parser');//cookie 解析
var bodyParser = require('body-parser');//body 解析

var routes = require('./routes/index');
var users = require('./routes/users');

var app = express();//实例化App

// view engine setup
app.set('views', path.join(__dirname, 'views'));//设置views路径
app.set('view engine', 'ejs');//设置模板引擎为EJS,也可以是其它模板，像JADE等

// uncomment after placing your favicon in /public
//app.use(favicon(path.join(__dirname, 'public', 'favicon.ico')));
app.use(logger('dev'));
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: false }));
app.use(cookieParser());
app.use(express.static(path.join(__dirname, 'public')));//静态public路径

app.use('/', routes);//路由
app.use('/users', users);//路由

// 捕获404错误并传给error
app.use(function(req, res, next) {
var err = new Error('Not Found');
err.status = 404;
next(err);
});

// error handlers

// development error handler
// 发现开发错误并打印出来
if (app.get('env') === 'development') {
app.use(function(err, req, res, next) {
    res.status(err.status || 500);
    res.render('error', {
      message: err.message,
      error: err
    });
});
}

// production error handler
// 发现生产错误并打印出来
app.use(function(err, req, res, next) {
res.status(err.status || 500);
res.render('error', {
message: err.message,
error: {}
});
});

module.exports = app;//导出实例

2，package.json

{
"name": "myblog",//项目名
"version": "0.0.0",//版本
"private": true,
"scripts": {
    "start": "node ./bin/www"//运行文件
},
"dependencies": {//依赖项文件及版本
    "body-parser": "~1.13.2",
    "cookie-parser": "~1.3.5",
    "debug": "~2.2.0",
    "ejs": "~2.3.3",
    "express": "~4.13.1",
    "morgan": "~1.6.1",
    "serve-favicon": "~2.3.0"
}
}

<span style="font-family:KaiTi_GB2312;font-size:24px;">上面的依赖项就是安装的一些中间件或是数据库等，当把需要的写在dependencieds后，运行npm install，nodejs就会自动下载安装，并保存在node_modules目录下面。（注意npm install要在安装目录下运行）</span>

<span style="font-family:KaiTi_GB2312;font-size:24px;"></span>

<span style="font-family:KaiTi_GB2312;font-size:24px;">关于其他文件的代码分析将在后面的博客中持续更新。。。。。</span>

<span style="font-family:KaiTi_GB2312;font-size:24px;">然后我们在生成项目中运行node ./bin/www 看下效果</span>

<img src="https://img-blog.csdn.net/20150729124631579" alt="" />

<span style="font-family:KaiTi_GB2312;font-size:24px;">在浏览器中输入localhost:3000</span>

<span style="font-family:KaiTi_GB2312;font-size:24px;">或是127.0.0.1：3000查看效果如下，表示成功生成了express框架。这个框架和我们要做的blog究竟有什么关系呢，后面我们将一步一步来学习如何设置路由和登录页面等内容。</span>

本小节完，但项目未完，要知接下来的步骤，请看后面的博客更新。。。。。

最新nodejs的开发学习实战（1）从一个博客开始

最新nodejs的开发学习实战（1）从一个博客开始相关推荐

最新文章

热门文章