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

来源:互联网 发布:学党史知国情征文 编辑:程序博客网 时间:2024/05/17 22:45

   像许多刚开始学习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="http://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>


 

 

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

 



0 0
原创粉丝点击