express生成器生成项目以及目录详解和 app.js文件的解释

本文介绍了如何使用Express生成器创建项目,并详细解析了生成的app.js文件内容。通过在命令行运行指定指令,可以在文件夹中生成项目,启动后通过访问http://localhost:3000/查看效果。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

创建一个文件夹,在文件夹下,按照以下命令输入。

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

创建完成后输入

node app.js

这样就可以启动项目
在浏览器中打开 http://localhost:3000/ 就可以看见了

这是创建完成后的文件夹目录
.
├── app.js(这是项目入口文件,很重要)
├── bin
│   └── www(这是服务端配置文件也就是项目启动浇崩文件,管理的是使用 url 访问项目的端口号,以及url访问出错情况下的一些处理)
├── package.json
├── public(这是放置静态文件的地方)(如果不使用后端传输图片或文件就不用管)
│   ├── images
│   ├── javascripts
│   └── stylesheets
│       └── style.css
├── routes(路由文件)
│   ├── index.js
│   └── users.js
└── views(页面文件)
    ├── error.pug
    ├── index.pug
    └── layout.pug

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 index = require('./routes/index');
var users = require('./routes/users');
//

var app = express();

// view engine setup
app.set('views', path.join(__dirname, 'views'));// 制定模板目录
app.set('view engine', 'jade'); // 设置模板引擎为jade

// uncomment after placing your favicon in /public
//app.use(favicon(path.join(__dirname, 'public', 'favicon.ico')));
//以下是使用一个特殊的中间件,目的是为了支持 req.body(req.body是前端请求中所携带的数据) 的使用
app.use(logger('dev'));
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: false }));

// 获取cookie
app.use(cookieParser());
app.use(express.static(path.join(__dirname, 'public')));

//这是使用中间件之后的路由
app.use('/', index);
app.use('/users', users);

// 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');
});
moule.exports = app;

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值