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 ...
随机推荐
- selenium+python自动化77-autoit文件上传【转载】
前言 关于非input文件上传,点上传按钮后,这个弹出的windows的控件了,已经跳出三界之外了,不属于selenium的管辖范围(selenium不是万能的,只能操作web上元素).autoit工 ...
- 描述一下JVM加载class文件的原理机制
Java中的所有类,都需要由类加载器装载到JVM中才能运行.类加载器本身也是一个类,而它的工作就是把class文件从硬盘读取到内存中.在写程序的时候,我们几乎不需要关心类的加载,因为这些都是隐式装载的 ...
- AC日记——Collectors Problem uva 10779
UVA - 10779 思路: 最大流: s向所有的贴纸的种类连边,流量为Bob拥有的数量: 然后,Bob的朋友如果没有这种贴纸,则这种贴纸向bob的朋友连边,容量1: 如果bob的朋友的贴纸很多大于 ...
- [centos6.5] 把xampp的htdocs改为其他目录
vim /opt/lampp/etc/httpd.conf DocumentRoot "/opt/lampp/htdocs" 改为 DocumentRoot "/var/ ...
- LaTeX的一些宏包及细节知识
文章来源:LaTeX的一些宏包及细节知识http://blog.chinaunix.net/uid-20289887-id-1710422.html ps:我的机器上软件并不能直接运行通,下面“代码” ...
- UVA 11624 Fire!【两点BFS】
Joe works in a maze. Unfortunately, portions of the maze have caught on fire, and the owner of the m ...
- The 15th Zhejiang Provincial Collegiate Programming Contest Sponsored by TuSimple -A Peak
Peak Time Limit: 1 Second Memory Limit: 65536 KB A sequence of integers is called a peak, if ...
- hdu6070
hdu6070 题意 给出 \(n\) 个数, \(\frac{x}{y}\) 表示某个区间不同数的个数除以区间的长度,求 \(\frac{x}{y}\) 最小值. 分析 设 \(size(l, r) ...
- volatile 和 Interlocked
class Volatile_Test3 { ; public static void Test() { count = ; Task[] tasks = ]; ; i < tasks.Leng ...
- IDL软件初步了解
软件名称:IDL(交互式数据语言Interactive Data Language) 软件类别:是国产软件,语言类,数据分析类,数据可视化类 语言类别:解释型 作用:可以进行数据处理的可视化等,在大数 ...