nodejs+express+jade创建新文件

亦凉 2022-08-18 01:56 220阅读 0赞

一直在给公司的项目做任务，可是还没有自己独立用nodejs+express+jade开发过一款项目，一直在参考网上的博客、聊天室之类的项目做实验，但当自己动手写时突然觉得很多地方并不是很理解，特别的事有关页面跳转的问题。  
在某一个网站上看到了express和jade之间的传递过程，今天就记录下来，与大家分享。  
首先打开webstorm，新创建一个node express app 项目，

app.js文件中：

var express = require('express'); //j加载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 routes = require('./routes/index');
    var users = require('./routes/users');
    
    var app = express();   //执行express，赋值给app变量
    
    // view engine setup
    app.set('views', path.join(__dirname, 'views'));//设置视图的物理路径
    app.set('view engine', 'jade');//设置视图引擎为jade
    
    
    //（此处省略部分代码）
    app.use('/', routes);  //设置默认首页的路由
    app.use('/users', users);

routes文件下的index.js文件

var express = require('express');
    var router = express.Router();
    
    /* GET home page. */
    router.get('/', function(req, res, next) { 
      res.render('index', { title: 'Express' });
    });
    //当截取到localhost：3000get请求后，根据index.jade末班来渲染界面，并传递参数：title
    
    module.exports = router;

views文件中的index.jade代码

extends layout
    
    block content
      h1= title
      p Welcome to #{
       title}

layout代码

doctype html
    html
      head
        title= title
        link(rel='stylesheet', href='/stylesheets/style.css')
      body
        block content

layout就相当于是一个母版页，定义一些公共部分的信息，例如头信息。将内容部分空出来，让子页面去自定义，就使用block content的语法定义自定义区域  
index使用  
extend layout  
来使用母版页，使用关键字后跟空格再跟着普通字符串来显示内容。

但是遇到一个小问题，就是router的模块定义是通过  
1 module.exports = router;  
来返回的，  
那么module.exports 和 exports又有什么区别呢？  
module.exports的定义如下：  
module.exports = exports = \{\};  
1、模块最终返回给调用者的内容，或者说公开的内容是module.exports  
2、当直接给module.exports指定值之后，无论你再怎么改exports对象，module.exports都不会变。因为exports还是指向\{\}，而module.exports已经指向新的对象  
3、当在页面中不给module.exports指定值，而是只给exports指定属性，例如：exports.name = “张三”,  
那么最后module.exports也会有name这个属性，即module.exports.name= “张三”  
4、如果给module.exports指定属性，module.exports.name = “张三”，  
同时也给exports指定一个属性，exports.age = 22,那么最后module.exports也会有age属性，即：module.exports.age = 22