app.js：启动文件，或者说入口文件
package.json：存储着工程的信息及模块依赖，当在 dependencies 中添加依赖的模块时，运行 npm install，npm 会检查当前目录下的 package.json，并自动安装所有指定的模块
node_modules：存放 package.json 中安装的模块，当你在 package.json 添加依赖的模块并安装后，存放在这个文件夹下
public：存放 image、css、js 等文件
routes：存放路由文件
views：存放视图文件或者说模版文件
bin：存放可执行文件
 
 
打开app.js，看一看里面的内容：
 //通过require()加载express、path模块。以及routes文件夹下的index.js 和user.js路由文件

 var express = require('express');

 var path = require('path');

 var favicon = require('serve-favicon');

 var logger = require('morgan');

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

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

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

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

 var app = express();  //生成一个express实例app

 // view engine setup

 app.set('views', path.join(__dirname, 'views'));//设置 views 文件夹为存放视图文件的目录, 即存放模板文件的地方,__dirname 为全局变量,存储当前正在执行的脚本所在的目录。

 app.set('view engine', 'ejs');// 设置视图模板引擎为 ejs

 // uncomment after placing your favicon in /public

 //app.use(favicon(__dirname + '/public/favicon.ico'));   //设置/public/favicon.ico为favicon图标

 app.use(logger('dev'));//加载日志中间件

 app.use(bodyParser.json());//加载解析json的中间件

 app.use(bodyParser.urlencoded({ extended: false }));//加载解析urlencoded请求体的中间件

 app.use(cookieParser());//加载解析cookie的中间件

 app.use(express.static(path.join(__dirname, 'public')));//设置public文件夹为存放静态文件的目录

 //路由控制器

 app.use('/', routes);

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

 // catch 404 and forward to error handler     捕获404错误，并转发到错误处理器。

 app.use(function(req, res, next) {

     var err = new Error('Not Found');

     err.status = 404;

     next(err);

 });

 // error handlers

 // development error handler

 // will print stacktrace

 //开发环境下的错误处理器，将错误信息渲染error模版并显示到浏览器中。

 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

 // no stacktraces leaked to user

 //生产环境下的错误处理器，将错误信息渲染error模板并显示到浏览器中。

 app.use(function(err, req, res, next) {

     res.status(err.status || 500);

     res.render('error', {

         message: err.message,

         error: {}

     });

 });

 module.exports = app;//导出app实例并供其它模块使用
  • require    加载模块和引用路由
  • 生成express实例app
  • app.set
  • app.use
  • 三种错误情况响应：捕获404错误  、开发环境下的错误处理器、  生产环境下的错误处理器。
  • module.exports = app  导出app实例供其它模块使用
答疑解惑
app.set和app.use的用法 err,req,res,next参数
   
 
 
 
 
打开./bin/www，看一看内容
 #!/usr/bin/env node    //node是可执行文件

 var debug = require('debug')('blog');  //引用debug模块，打印调试日志

 var app = require('../app');//导入app实例

 app.set('port', process.env.PORT || 3000);//设置端口号

 //启动工程并监听3000端口

 var server = app.listen(app.get('port'), function() {

   debug('Express server listening on port ' + server.address().port);

 });

打开routes/index.js，看一看内容

 var express = require('express');

 var router = express.Router();  //创建路由实例

 /* GET home page. */

 router.get('/', function(req, res) {   //捕获访问主页的GET请求

   res.render('index', { title: 'Express' });

 });

 module.exports = router;//导出路由，并在app.js中以app.use('/',routes);加载

生成一个路由实例用来捕获访问主页的GET请求，导出这个路由并在app.js中通过app.use('/', routes); 加载。这样，当访问主页时，就会调用res.render('index', { title: 'Express' });渲染views/index.ejs模版并显示到浏览器中。

 打开views/index.ejs，看一看内容

 <!DOCTYPE html>

 <html>

   <head>

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

     <link rel='stylesheet' href='/stylesheets/style.css' />

   </head>

   <body>

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

     <p>Welcome to <%= title %></p>

   </body>

 </html>

渲染模板index.ejs中，传入一个变量 title 值为 express 字符串，模板引擎会将所有 <%= title %> 替换为 express ，然后将渲染后生成的html显示到浏览器中，如上图所示。

【nodejs笔记2】认识express框架的更多相关文章

  1. nodejs笔记1 ----关于express不是本地命令

    1,npm install -g express安装express框架 2,npm install -g express-generator安装命令工具 3,express --help 安装完成

  2. Vue nodejs商城项目-搭建express框架环境

    1.express-project 搭建express框架环境 安装express generator生成器 通过生成器自动创建项目 配置分析 安装 cnpm i -g express-generat ...

  3. 【nodejs笔记3】Express基本用法，和路由控制，和模板渲染ejs

    1. 路由控制的工作原理 //routes/index.js中的代码//访问主页时,调用ejs模板引擎,渲染index.ejs模板文件,生成静态页面,并显示在浏览器中.router.get('/', ...

  4. NodeJs接口token认证express框架passport实现方式Bearer认证

    1.生成一个简单的express项目(命令:express passport-test),项目结构如下: 2.添加项目依赖: npm install passport --save npm insta ...

  5. Node.js中的express框架获取http参数

    最近本人在学习开发NodeJs,使用到express框架,对于网上的学习资料甚少,因此本人会经常在开发中做一些总结. express获取参数有三种方法:官网介绍如下 Checks route para ...

  6. Nodejs学习笔记（3） 创建服务器：Web 模块(http)与 express 框架

    目录 参考资料 1. 使用 http 模块创建服务器 1.1 实现思路及代码 1.2 HTTP 结构 1.2.1 Request中的重要字段 1.2.2 Response 头信息:文件类型.状态码.连 ...

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

    偶遇node是在一个阳光明媚的上午,无意间打开博客看到一片关于nodejs的介绍,通读全篇后,心情跌宕起伏,哎呀,这么好的东西我竟然现在才知道,这是最气的,于是马上开始制定学习nodejs计划,好了, ...

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

    上一章介绍了如何去创建一个express框架的工程项目,这章介绍一下express框架下的文件和用法解析,上一张我们创建的工程项目结构图如下: models是不属于原工程项目结构,为了实现数据模型后添 ...

  9. 【nodejs笔记1】配置webstorm + node.js +express + mongodb开发博客的环境

    1. 安装webstorm 并破解 2. 安装node (以及express框架) 至官网下载并安装.(http://nodejs.org)v0.10.32   msi  安装后测试,打开命令行, c ...

  10. Express框架使用以及数据库公共操作类整理(Win7下的NodeJs)

    具体步骤: 1.安装开发工具WebStorm: 2.安装node/npm(下载地址:https://nodejs.org/download/)选择适合你的xxx.mis安装: 3.安装express框 ...

随机推荐

  1. 从天猫和支付宝身上学习opcity与rgba

    不知道什么时候,一个双层透明的对话框悄然流行了起来. 我们在各大网站上都能见到类似这样的对话框: 这样的聚焦更明显,用户体验更好,也显得更加的高大上. 先说点题外话,这种布局如何用CSS+DIV去实现 ...

  2. 玩转Windows服务系列——创建Windows服务

    创建Windows服务的项目 新建项目->C++语言->ATL->ATL项目->服务(EXE) 这样就创建了一个Windows服务项目. 生成的解决方案包含两个项目:Servi ...

  3. 谷歌chrome浏览器www.tradeadexchange.com广告弹窗跳转劫持病毒

    近期大量网友出现chrome浏览器被劫持的情况,表现如下:           ·  点击(访问)任意网站任意链接均有概率弹出www.tradeadexchange.com.           ·  ...

  4. ArcGIS之Cartogram地图变形记

    一.地图会说谎 地图作为真实世界的抽象,是“用图说话”最可靠的工具,但是有的时候地图也会撒一些小小的谎言,其中最著名的例子当属美国总统大选.如图1是2012年美国总统大选后网上给出的一个结果图,红色代 ...

  5. Step by Step 创建一个WCF Service

    原创地址:http://www.cnblogs.com/jfzhu/p/4025448.html 转载请注明出处 (一)创建WCF Service (1)创建WCF Service类库 创建一个Cla ...

  6. 《Entity Framework 6 Recipes》中文翻译系列 (12) -----第三章 查询之使用SQL语句

    翻译的初衷以及为什么选择<Entity Framework 6 Recipes>来学习,请看本系列开篇 3-2使用原生SQL语句更新 问题 你想在实体框架中使用原生的SQL语句,来更新底层 ...

  7. Objective-C 原型模式 -- 简单介绍和使用

    用原型实例指定创建对象的种类,并且通过拷贝这些原型创建新的对象. Prototype原型模式是一种创建型设计模式,Prototype模式允许一个对象再创建另外一个可定制的对象,根本无需知道任何如何创建 ...

  8. Android开发学习之路-该怎么学Android（Service和Activity通信为例）

    在大部分地方,比如书本或者学校和培训机构,教学Android的方式都基本类似,就是告诉先上原理方法,然后对着代码讲一下. 但是,这往往不是一个很好的方法,为什么? ① 学生要掌握这个方法的用途,只能通 ...

  9. 解决ora-01652无法通过128（在temp表空间中）扩展temp段的过程

    解决ora-01652无法通过128(在temp表空间中)扩展temp段的过程 昨天开发人员跟我说,执行一个sql语句后,大约花了10分钟,好不容易有一个结果,但是报了一个ora-01652错误,查阅 ...

  10. LINQ系列：LINQ to SQL Select查询

    1. 查询全部字段 using (NorthwindContext context = new NorthwindContext()) { var expr = context.Products; f ...