美文网首页node+express+mysql学习
express生成器文件详解

express生成器文件详解

作者: zjxl | 来源:发表于2017-05-25 11:55 被阅读0次

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;  //导出

相关文章

  • express生成器文件详解

    express项目目录结构1.bin 脚本执行目录(创建服务器)2.node_modules 模块存放目录3....

  • express 使用笔记1

    创建app.js文件 Express 应用生成器 路由实例 利用 Express 托管静态文件 通过 Expres...

  • express上传图片

    1.用express生成器生成文件项目 express+文件名+--view=ejs2.更改文件后缀名...

  • 简单的学生信息管理

    一、基本操作 1、采用express生成器,express+文件名+—view=ejs;2、cd到该文件夹,npm...

  • express框架

    如何通过express生成器创建express项目 安装express generator生成器 指令是cnpm ...

  • Express学习

    Express介绍 Express-generator (Express 应用生成器) 通过Express-gen...

  • 课时78-课时81笔记.md

    课时78 Express-应用生成器上 快速生成一个Express工程目录Express 应用程序生成器 Expr...

  • 搭建基于express框架的运行环境

    搭建基于Express框架运行环境 安装express generator生成器 通过生成器自动创建项目 配置分析...

  • Express教程

    创建 Express 项目 Express 官网给出了一个 Express 项目生成器:express-gener...

  • Express搭建在线便利贴——Webpack配置

    使用express应用生成器搭建项目 使用一下命令安装生成器$ npm install express-gener...

网友评论

    本文标题:express生成器文件详解

    本文链接:https://www.haomeiwen.com/subject/hxoaxxtx.html