当使用express创建大型项目时,会生成一个模板,如下图所示
packages.json:需要安装的依赖
node_modules:通过npm安装的依赖(npm安装完成时,该文件夹生成)
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');
// 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')));
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');
});
module.exports = app;
public:静态资源,其中包括图片,css文件,js文件
routers:路由
index.js
var express = require('express');
var router = express.Router();
/* GET home page. */
router.get('/', function(req, res, next) {
res.render('index');
});
/* 新路径 */
router.get('路径名', function(req, res, next) {
res.rander('文件名');
});
module.exports = router;
users.js
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;
views:视图部分,默认是.jade格式
layout.jade
doctype html
html
head
title= title
link(rel='stylesheet', href='/stylesheets/style.css')
body
block content
index.jade
extends layout
block content
h1= title
p Welcome to #{title}
关于jade的教程:http://www.w3cplus.com/html/how-to-use-jade.html
(完)