express生成器文件详解
express项目目录结构
1.bin 脚本执行目录(创建服务器)
2.node_modules 模块存放目录
3.public 公共资源存放处(css,js,图片,视频,上传文件存放处)
4.routes 路由文件
5.views 视图文件(html)
6.Package.json
{
"name": "project", //项目名称
"version": "0.0.0",
"private": true,
"scripts": {
"start": "supervisor ./bin/www" //将node修改成supervisor自动重启服务器
},
"dependencies": { //表示当前项目的依赖模块
"body-parser": "~1.17.1", //跟post提交
"cookie-parser": "~1.4.3", //解析cookie数据
"debug": "~2.6.3", //开启调试模式
"ejs": "~2.5.6", //ejs引擎
"express": "~4.15.2", //express核心内容
"morgan": "~1.8.1", //mongodb数据操作模块
"serve-favicon": "~2.4.2"
}
}
7.App.js
var express = require('express'); //引入插件
var path = require('path');
var favicon = require('serve-favicon'); //请求ico图标问题
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.engine(“.html”,require(“ejs”).__express); //添加,实现文件名修改为html形式。
app.set('view engine', 'html');
//通过将ejs更改为html,并且加上上一行和将/views文件下的文件后缀名改为html,实现文件html形式。
// uncomment after placing your favicon in /public
//译为:将下面一行取消注释,可以实现标题栏的图标呈现
//app.use(favicon(path.join(__dirname, 'public', 'favicon.ico')));
//取消注释,实现标题图片,但图片后缀名必须为.ico形式,网上有将图片转为.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);
//index代码添加处
//始终放在最后:
// 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 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'); //渲染error
});
module.exports = app; //导出