搭建express项目(摘录供自己参考)

这篇文章主要介绍 express generator 的使用,以及使用它生成 express 应用的目录结构。

使用 Express Generator--快速生成express项目

npm install express-generator -g
express myapp --view=pug
cd myapp
npm install

# Run the myapp on Windows
SET DEBUG=myapp:* & npm start

# Run myapp on Linux/Mac OS X
DEBUG=myapp:* npm start

添加nodemon

解决问题: 就是该代码时候每次都需要重启服务比较麻烦, 此插件可以自动重启服务
插件: npm install --save-dev nodemon
代码示例:
    进行package.json中进行配置
    "scripts": {
        "start": "node ./bin/www",
        "devstart": "nodemon ./bin/www"
      }
启动应用 npm run devstart

目录结构示例

/myapp
    app.js
    /bin
        www
    package.json
    /node_modules
        [about 4,500 subdirectories and files]
    /public
        /images
        /javascripts
        /stylesheets
            style.css
    /routes
        index.js
        users.js
    /views
        error.pug
        index.pug
        layout.pug

项目文件依次介绍

1.app.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 app = express();

2.使用上面引入的包:

// 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')));

3.引入routes文件夹里面的文件,这些文件主要处理URL路由。

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

4.关联路由路径与引入的文件:

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

5.设置模板,views 设置了模板的位置;view engine设置了要使用的模板引擎。

// view engine setup
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'pug');

6.最后处理错误的http请求:

// catch 404 and forward to error handler
app.use(function(req, res, next) {
  var err = new Error('Not Found');
  err.status = 404;
  next(err);
});

// error handler
app.use(function(err, req, res, next) {
  // set locals, only providing error in development
  res.locals.message = err.message;
  res.locals.error = req.app.get('env') === 'development' ? err : {};

  // render the error page
  res.status(err.status || 500);
  res.render('error');
});

7.routes文件夹

var express = require('express');
var router = express.Router();

/* GET users listing. */
router.get('/', function(req, res, next) {
  res.send('respond with a resource');
});

module.exports = router;
回调函数有第三个参数next,主要用于中间件中,即将数据传递到下一个方法去处理。

8.对中间件基本认识

expres是是一个极简的框架,完全是由路由和中间件构成的开发框架,本质上来说就是在调用各种中间件
1:中间件的结构
    app.use(path,function)
        参数path是路径
        funciton 可以理解为funciton(req,res,next){}
           设计到第三方中间件使用时候需要npm安装好,然后在使用
2. express.static 是Express目前唯一内置的一个中间件。用来处理静态资源文件。
3.第三方中间件
    body-parser :解析body中的数据,并将其保存为Request对象的body属性。

    cookie-parser :解析客户端cookie中的数据,并将其保存为Request对象的cookie属性

    express-session :解析服务端生成的sessionid对应的session数据,并将其保存为Request对象的        
    session属性

    query:这个中间件将一个查询字符串从URL转换为JS对象,并将其保存为Request对象的query属性。这个 
    中间件        在第四个版本中已经内置了无需安装
    

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值