NodeJS创建基础应用并应用模板引擎
作者:bea
本次的目的是搭建一个最基础的可以实现功能的NodeJS服务器,能够体现出NodeJS的工作流程以及开发的基本框架。 需求:已经安装了nodejs以及express。 一、构建基础的NodeJS服务器(express、路由) var express = require(‘express'); //引入express模块 var app = express(); //调用express()函数,对函数进行初始化 app.get('/stooges/:name?', func
本次的目的是搭建一个最基础的可以实现功能的NodeJS服务器,能够体现出NodeJS的工作流程以及开发的基本框架。 需求:已经安装了nodejs以及express。 一、构建基础的NodeJS服务器(express、路由)
var express = require(‘express'); //引入express模块
var app = express(); //调用express()函数,对函数进行初始化
app.get('/stooges/:name?', function(req, res, next){ //设置第一个路由,期待一个name被输入
var name = req.params.name; //获取输入的名字,req.params
switch(name?name.toLowerCase():' '){ //对名字进行判断
case ‘larry':
case ‘curly':
case ‘moe':
res.send(name + 'is my favorite stooge.'); //符合条件利用res.send发送信息
break;
default:
next(); //next()函数,在function中也有参数传递,它的含义是如果这个路由传递的参数不够不能执行这个路由的话,next()函数表示跳转到下一个函数继续执行(这里是路由)
}
});
app.get(‘/stooges/*?', function(){ //这里?表示最后的参数可以有也可以没有,同上一个路由相同
res.send(‘no stooges listed');
});
app.get(‘/?', function(req,res){ //什么都没有的时候默认的路由
res.send(‘hello world');
});
var port = 8080; //设定并对端口进行监听
app.listen(port);
console.log(‘Listensing on port' + port);
二、使用Jade模板引擎,加入模板渲染
var express = require(‘express');
var app = express();
//下面三句话完成了对view的设定,包括引擎、模板路径以及其他设定
app.set(‘view engine', ‘jade');
app.set(‘view options', {layout:true});
app.set(‘views', __dirname + ‘/views');
app.get('/stooges/:name?', function(req, res, next){
var name = req.params.name;
switch(name?name.toLowerCase():' '){
case ‘larry':
case ‘curly':
case ‘moe':
res.render(‘stooges', {stooge: name}); //进行视图的渲染,传入模板名即可
break;
default:
next();
}
});
app.get(‘/stooges/*?', function(req, res){
res.render(‘stooges', {stooges:null});
});
app.get(‘/?', function(req, res){
res.render(‘index');
});
var port = 8080;
app.listen(port);
console.log(‘Listensing on port' + port);
一共有三个模板文件,分别为layout.jade(布局文件),index.jade以及stooges.jade,三个模板文件代码如下: layout.jade
!!! 5 //代表文档类型是HTML5
html(lang=”en”)
head
title My Web Site
block scripts
block content
index.jade
entends layout
block content
hi hello world
stooges.jade
extends layout
block content
if(stooge)
p #{stooge} is my favorite stooge. //这里的#{stooge}获取了js渲染模板时传递进来的参数
Else
p no stooges listed
通过以上的代码,就可以利用node.js以及express搭建出一个基础的node应用了。
有用 | 无用
var express = require(‘express'); //引入express模块
var app = express(); //调用express()函数,对函数进行初始化
app.get('/stooges/:name?', function(req, res, next){ //设置第一个路由,期待一个name被输入
var name = req.params.name; //获取输入的名字,req.params
switch(name?name.toLowerCase():' '){ //对名字进行判断
case ‘larry':
case ‘curly':
case ‘moe':
res.send(name + 'is my favorite stooge.'); //符合条件利用res.send发送信息
break;
default:
next(); //next()函数,在function中也有参数传递,它的含义是如果这个路由传递的参数不够不能执行这个路由的话,next()函数表示跳转到下一个函数继续执行(这里是路由)
}
});
app.get(‘/stooges/*?', function(){ //这里?表示最后的参数可以有也可以没有,同上一个路由相同
res.send(‘no stooges listed');
});
app.get(‘/?', function(req,res){ //什么都没有的时候默认的路由
res.send(‘hello world');
});
var port = 8080; //设定并对端口进行监听
app.listen(port);
console.log(‘Listensing on port' + port);
二、使用Jade模板引擎,加入模板渲染
var express = require(‘express');
var app = express();
//下面三句话完成了对view的设定,包括引擎、模板路径以及其他设定
app.set(‘view engine', ‘jade');
app.set(‘view options', {layout:true});
app.set(‘views', __dirname + ‘/views');
app.get('/stooges/:name?', function(req, res, next){
var name = req.params.name;
switch(name?name.toLowerCase():' '){
case ‘larry':
case ‘curly':
case ‘moe':
res.render(‘stooges', {stooge: name}); //进行视图的渲染,传入模板名即可
break;
default:
next();
}
});
app.get(‘/stooges/*?', function(req, res){
res.render(‘stooges', {stooges:null});
});
app.get(‘/?', function(req, res){
res.render(‘index');
});
var port = 8080;
app.listen(port);
console.log(‘Listensing on port' + port);
一共有三个模板文件,分别为layout.jade(布局文件),index.jade以及stooges.jade,三个模板文件代码如下: layout.jade
!!! 5 //代表文档类型是HTML5
html(lang=”en”)
head
title My Web Site
block scripts
block content
index.jade
entends layout
block content
hi hello world
stooges.jade
extends layout
block content
if(stooge)
p #{stooge} is my favorite stooge. //这里的#{stooge}获取了js渲染模板时传递进来的参数
Else
p no stooges listed
通过以上的代码,就可以利用node.js以及express搭建出一个基础的node应用了。
有用 | 无用
猜你喜欢
您可能感兴趣的文章:
- JS跨域解决方案之使用CORS实现跨域
- [原创]Bootstrap 中下拉菜单修改成鼠标悬停直接显示
- Seajs 简易文档 提供简单、极致的模块化开发体验
- 原生js编写autoComplete插件
- JS中的eval 为什么加括号
- jQuery操作属性和样式详解
- jquery跟随屏幕滚动效果的实现代码
- 两种方法解决javascript url post 特殊字符转义 + & #
- Angular.js与Bootstrap相结合实现手风琴菜单代码
- JQuery 两种方法解决刚创建的元素遍历不到的问题
- 更高效的使用JQuery 这里总结了8个小技巧
- 深入理解关于javascript中apply()和call()方法的区别
- javascript中去除数组重复元素的实现方法【实例】
- Bootstrap每天必学之折叠
- JavaScript几种数组去掉重复值的方法推荐
- 学习使用bootstrap基本控件(table、form、button)
- 如何高效率去掉js数组中的重复项
- 学习使用bootstrap3栅格系统
- 分享两段简单的JS代码防止SQL注入