• 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;  //导出
  • 相关阅读:
    字体最小值
    javascript常用事件
    豆瓣移动端风格的css命名方法与学习
    JS基础函数
    css3动画
    html与css的移动端与pc端需要注意的事项
    javascript什么是函数
    JavaScript基础学习
    开始学javascript基础
    使用css3属性,大部分浏览器要识别前缀
  • 原文地址:https://www.cnblogs.com/wjlbk/p/12633305.html
Copyright © 2020-2023  润新知