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 ...
随机推荐
- Java常见知识点(二)
21.常量池专门用于管理在编译时被确定并被保存在已编译的.class文件中的一些数据.它包括了关于类.方法.接口中的常量,还包括字符串常量. 22.String已经重写了Object的equals ...
- django日志的设置
关于django的日志设置详细可以看下官方文档:https://yiyibooks.cn/xx/Django_1.11.6/topics/logging.html 示例: # 日志文件配置 LOGGI ...
- Selenium2+python自动化40-cookie相关操作【转载】
前言 虽然cookie相关操作在平常ui自动化中用得少,偶尔也会用到,比如登录有图形验证码,可以通过绕过验证码方式,添加cookie方法登录. 登录后换账号登录时候,也可作为后置条件去删除cookie ...
- python高阶函数,map,filter,reduce,ord,以及lambda表达式
为什么我突然扯出这么几个函数,是因为我今天在看流畅的python这本书的时候,里面有一部分内容看的有点懵逼. >>> symbols = '$¢£¥€¤' >>> ...
- 任务侦听器(Task listener)
任务侦听器:用于在任务相关的事件发生时执行一段java逻辑或者是表达式 <userTask id="myTask" name="My Task" > ...
- 微信小程序保存图片的方法
1.xhtml代码 长按保存: <view class="img" catchlongpress='baocun'></view> 2.Js代码 baocu ...
- Angular2响应式表单-翻译与概括官网REACTIVE FORMS页面
本文将半翻译半总结的讲讲ng2官网的另一个未翻译高级教程页面. 原文地址. 文章目的是使用ng2提供的响应式表单技术快速搭出功能完善丰富的界面表单组件. 响应式表单是一项响应式风格的ng2技术,本文将 ...
- 【转】python 生成器和迭代器有这篇就够了
总结得特别好,转自:https://www.cnblogs.com/wj-1314/p/8490822.html 本节主要记录一下列表生成式,生成器和迭代器的知识点 列表生成器 首先举个例子 现在有个 ...
- NAT+穿洞基础知识梳理
参考:https://www.cnblogs.com/shilxfly/p/6589255.html https://blog.csdn.net/phoenix06/article/details/7 ...
- luogu P1038借教室【Noip提高组2012】
这道题我读完题目的第一感觉是: 这不就是个线段树??用线段树维护区间最小值,检查是否满足订单要求即可判断. 对于修改操作直接在区间上进行. 据说会卡一卡线段树,但是貌似写一个懒标记,连zkw线段树都不 ...