NodeJS实战——创建基础应用并应用模板引擎
本次的目的是搭建一个最基础忽地可以实现功能的NodeJSserver,可以体现出NodeJS的工作流程以及开发的基本框架。
需求:已经安装了nodejs以及express。
一、构建基础的NodeJSserver(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应用了。
NodeJS实战——创建基础应用并应用模板引擎的更多相关文章
- MVC的验证(模型注解和非侵入式脚本的结合使用) .Net中初探Redis .net通过代码发送邮件 Log4net (Log for .net) 使用GDI技术创建ASP.NET验证码 Razor模板引擎 (RazorEngine) .Net程序员应该掌握的正则表达式
MVC的验证(模型注解和非侵入式脚本的结合使用) @HtmlHrlper方式创建的标签,会自动生成一些属性,其中一些属性就是关于验证 如图示例: 模型注解 通过模型注解后,MVC的验证,包括前台客 ...
- Django基础,Day10 - template 模板引擎与路径设置
作为一个Web框架,Django需要一个方便的方式来生成动态的HTML.最常见的方法依赖于模板.模板包含所需的HTML输出的静态部分以及一些特殊的语法描述如何插入动态内容. Django框架后端默认支 ...
- node创建项目,要ejs模板引擎,不要jade怎么办?
创建项目时:express ejs blog,生成的是.jade文件怎么办?我想要的是ejs的呀 上述语句不仅名字不对,生成文件的格式也不是我想要的. 不妨试试:express -e blog 这下就 ...
- 【SpringBoot】常用Starter介绍和整合模板引擎Freemaker、thymeleaf
========7.SpringBoot常用Starter介绍和整合模板引擎Freemaker.thymeleaf ========================= 1.SpringBoot Sta ...
- SpringBoot常用Starter介绍和整合模板引擎Freemaker、thymeleaf 4节课
1.SpringBoot Starter讲解 简介:介绍什么是SpringBoot Starter和主要作用 1.官网地址:https://docs.spring.io/spring-boot/doc ...
- .net 开源模板引擎jntemplate 实战演习:基础篇之入门
一.简介 模板引擎是Web开发中非常重要的一环,它负责将页面上的动态内容呈现出最终的结果展现给前端用户,在asp.net mvc中,我们最熟悉的就是Razor了,作为官方的视图引擎(视图引擎不等同于模 ...
- 小D课堂 - 零基础入门SpringBoot2.X到实战_第7节 SpringBoot常用Starter介绍和整合模板引擎Freemaker、thymeleaf_28..SpringBoot Starter讲解
笔记 1.SpringBoot Starter讲解 简介:介绍什么是SpringBoot Starter和主要作用 1.官网地址:https://docs.spring.io/spring-b ...
- webpack4打包nodejs项目进阶版——多页应用模板
前段时间我写了个打包nodejs项目的文章,点击前往 但是,问题很多.因为之前的项目是个历史遗留项目,重构起来可能会爆炸,当时又比较急所以就写个的适用范围很小的webpack的打包方法. 最近稍微得空 ...
- NodeJS实战:Express+Mongoose+ejs
元宵还没到,先向所有朋友拜一个晚年~~~ 文章目录: 1.组件版本号 -- --node -- --express -- --Mongoose 2.初始化项目 firstblood -- --用 ex ...
随机推荐
- P1029 最大公约数和最小公倍数问题
题目描述 输入二个正整数x0,y0(2<=x0<100000,2<=y0<=1000000),求出满足下列条件的P,Q的个数 条件: 1.P,Q是正整数 2.要求P,Q以x0为 ...
- 实战WCF中net.tcp和net.msmq绑定协议
平时很少写博文的,以前都是转载其他园友的文章,这几天有时间就自己尝试写一些wcf相关的文章,希望能给有需要的人带来一点帮助吧,水平有限再加上初次动手,写得不好还请多多包含!废话不多说了直接进入正题. ...
- [libgdx游戏开发教程]使用Libgdx进行游戏开发(4)-素材管理
游戏中总是有大量的图像资源,我们通常的做法是把要用的图片做成图片集,这样做的好处就不多说了.直接来看怎么用. 这里我们使用自己的类Assets来管理它们,让这个工具类作为我们的资源管家,从而可以在任何 ...
- Square Number & Cube Number
Square Number: Description In mathematics, a square number is an integer that is the square of an in ...
- WordPress 数据库操作WPDB对象($wpdb)用法详解【转载】
使用wordpress的时候,如果想直接使用WP里封装的数据库操作的类(wp-db.php),将wp-blog-header.php包含到代码中就可以使用了. define(‘PATH’, dirna ...
- (8)python 类和对象
一.类和对象 python可以动态的添加删除变量和方法 类中的方法至少要有一个参数,第一个参数会被绑定到类的实例上,通常命名为self 1.构造函数 类中的构造方法名为 __init__(self,. ...
- 利用PyPDF2删除PDF文件首页
前话:有个朋友让我给他编辑他们公司的PDF文件,签名的日期时间不对,需要进(nong)行(xu)优(zuo)化(jia).而我手上只有两个管理pdf的软件,一个福晰阅读器,还有一个福晰编辑器.但是阅读 ...
- 【动态规划】【记忆化搜索】1017 乘积最大 2000年NOIP全国联赛普及组NOIP全国联赛提高组
跟CODEVS 3415没有什么区别,也不用高精度. http://www.cnblogs.com/autsky-jadek/p/4055184.html #include<cstdio> ...
- 分析成绩 Exercise07_04
import java.util.Scanner; /** * @author 冰樱梦 * 时间:2018年下半年 * 题目:分析成绩 * */ public class Exercise07_04 ...
- 关于Block Formatting Context--BFC和IE的hasLayout(转)
转文请标明 --- 出处:穆乙 http://www.cnblogs.com/pigtail/ 一.BFC是什么? BFC(Block Formatting Context)直译为“块级格式化范围”. ...