nodejs+express+jade创建新文件

来源：互联网发布：梦里花落知多少小说编辑：程序博客网时间：2024/04/28 15:43

一直在给公司的项目做任务，可是还没有自己独立用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 setupapp.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末班来渲染界面，并传递参数：titlemodule.exports = router;

views文件中的index.jade代码

extends layoutblock content  h1= title  p Welcome to #{title}

layout代码

doctype htmlhtml  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

0 0