本次的目的是搭建一个最基础忽地可以实现功能的NodeJSserver,可以体现出NodeJS的工作流程以及开发的基本框架。

需求:已经安装了nodejs以及express。

一、构建基础的NodeJSserver(express、路由)

  1. var express = require(‘express’); //引入express模块
  2. var app = express(); //调用express()函数,对函数进行初始化
  3. app.get(’/stooges/:name?’, function(req, res, next){ //设置第一个路由,期待一个name被输入
  4. var name = req.params.name; //获取输入的名字,req.params
  5. switch(name?name.toLowerCase():’ ’){ //对名字进行推断
  6. case larry’:
  7. case curly’:
  8. case moe’:
  9. res.send(name + is my favorite stooge.’); //符合条件利用res.send发送信息
  10. break;
  11. default:
  12. next(); //next()函数,在function中也有參数传递,它的含义是假设这个路由传递的參数不够不能运行这个路由的话,next()函数表示跳转到下一个函数继续运行(这里是路由)
  13. }
  14. });
  15. app.get(‘/stooges/*?’, function(){ //这里?表示最后的參数能够有也能够没有,同上一个路由同样
  16. res.send(‘no stooges listed’);
  17. });
  18. app.get(‘/?’, function(req,res){ //什么都没有的时候默认的路由
  19. res.send(‘hello world’);
  20. });
  21. var port = 8080; //设定并对端口进行监听
  22. app.listen(port);
  23. console.log(‘Listensing on port’ + port);

二、使用Jade模板引擎,增加模板渲染

  1. var express = require(‘express’);
  2. var app = express();
  3. //以下三句话完毕了对view的设定。包含引擎、模板路径以及其它设定
  4. app.set(‘view engine’, jade’);
  5. app.set(‘view options’, {layout:true});
  6. app.set(‘views’, __dirname + ‘/views’);
  7. app.get(’/stooges/:name?’, function(req, res, next){
  8. var name = req.params.name;
  9. switch(name?name.toLowerCase():’ ’){
  10. case larry’:
  11. case curly’:
  12. case moe’:
  13. res.render(‘stooges’, {stooge: name}); //进行视图的渲染。传入模板名就可以
  14. break;
  15. default:
  16. next();
  17. }
  18. });
  19. app.get(‘/stooges/*?’, function(req, res){
  20. res.render(‘stooges’, {stooges:null});
  21. });
  22. app.get(‘/?
  23.  
  24. ’, function(req, res){
  25. res.render(‘index’);
  26. });
  27. var port = 8080;
  28. app.listen(port);
  29. 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实战——创建基础应用并应用模板引擎的更多相关文章

  1. MVC的验证(模型注解和非侵入式脚本的结合使用) .Net中初探Redis .net通过代码发送邮件 Log4net (Log for .net) 使用GDI技术创建ASP.NET验证码 Razor模板引擎 (RazorEngine) .Net程序员应该掌握的正则表达式

    MVC的验证(模型注解和非侵入式脚本的结合使用)   @HtmlHrlper方式创建的标签,会自动生成一些属性,其中一些属性就是关于验证 如图示例: 模型注解 通过模型注解后,MVC的验证,包括前台客 ...

  2. Django基础,Day10 - template 模板引擎与路径设置

    作为一个Web框架,Django需要一个方便的方式来生成动态的HTML.最常见的方法依赖于模板.模板包含所需的HTML输出的静态部分以及一些特殊的语法描述如何插入动态内容. Django框架后端默认支 ...

  3. node创建项目,要ejs模板引擎,不要jade怎么办?

    创建项目时:express ejs blog,生成的是.jade文件怎么办?我想要的是ejs的呀 上述语句不仅名字不对,生成文件的格式也不是我想要的. 不妨试试:express -e blog 这下就 ...

  4. 【SpringBoot】常用Starter介绍和整合模板引擎Freemaker、thymeleaf

    ========7.SpringBoot常用Starter介绍和整合模板引擎Freemaker.thymeleaf ========================= 1.SpringBoot Sta ...

  5. SpringBoot常用Starter介绍和整合模板引擎Freemaker、thymeleaf 4节课

    1.SpringBoot Starter讲解 简介:介绍什么是SpringBoot Starter和主要作用 1.官网地址:https://docs.spring.io/spring-boot/doc ...

  6. .net 开源模板引擎jntemplate 实战演习:基础篇之入门

    一.简介 模板引擎是Web开发中非常重要的一环,它负责将页面上的动态内容呈现出最终的结果展现给前端用户,在asp.net mvc中,我们最熟悉的就是Razor了,作为官方的视图引擎(视图引擎不等同于模 ...

  7. 小D课堂 - 零基础入门SpringBoot2.X到实战_第7节 SpringBoot常用Starter介绍和整合模板引擎Freemaker、thymeleaf_28..SpringBoot Starter讲解

    笔记 1.SpringBoot Starter讲解     简介:介绍什么是SpringBoot Starter和主要作用 1.官网地址:https://docs.spring.io/spring-b ...

  8. webpack4打包nodejs项目进阶版——多页应用模板

    前段时间我写了个打包nodejs项目的文章,点击前往 但是,问题很多.因为之前的项目是个历史遗留项目,重构起来可能会爆炸,当时又比较急所以就写个的适用范围很小的webpack的打包方法. 最近稍微得空 ...

  9. NodeJS实战:Express+Mongoose+ejs

    元宵还没到,先向所有朋友拜一个晚年~~~ 文章目录: 1.组件版本号 -- --node -- --express -- --Mongoose 2.初始化项目 firstblood -- --用 ex ...

随机推荐

  1. selenium+python自动化77-autoit文件上传【转载】

    前言 关于非input文件上传,点上传按钮后,这个弹出的windows的控件了,已经跳出三界之外了,不属于selenium的管辖范围(selenium不是万能的,只能操作web上元素).autoit工 ...

  2. 描述一下JVM加载class文件的原理机制

    Java中的所有类,都需要由类加载器装载到JVM中才能运行.类加载器本身也是一个类,而它的工作就是把class文件从硬盘读取到内存中.在写程序的时候,我们几乎不需要关心类的加载,因为这些都是隐式装载的 ...

  3. AC日记——Collectors Problem uva 10779

    UVA - 10779 思路: 最大流: s向所有的贴纸的种类连边,流量为Bob拥有的数量: 然后,Bob的朋友如果没有这种贴纸,则这种贴纸向bob的朋友连边,容量1: 如果bob的朋友的贴纸很多大于 ...

  4. [centos6.5] 把xampp的htdocs改为其他目录

    vim /opt/lampp/etc/httpd.conf DocumentRoot "/opt/lampp/htdocs" 改为 DocumentRoot "/var/ ...

  5. LaTeX的一些宏包及细节知识

    文章来源:LaTeX的一些宏包及细节知识http://blog.chinaunix.net/uid-20289887-id-1710422.html ps:我的机器上软件并不能直接运行通,下面“代码” ...

  6. UVA 11624 Fire!【两点BFS】

    Joe works in a maze. Unfortunately, portions of the maze have caught on fire, and the owner of the m ...

  7. 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 ...

  8. hdu6070

    hdu6070 题意 给出 \(n\) 个数, \(\frac{x}{y}\) 表示某个区间不同数的个数除以区间的长度,求 \(\frac{x}{y}\) 最小值. 分析 设 \(size(l, r) ...

  9. volatile 和 Interlocked

    class Volatile_Test3 { ; public static void Test() { count = ; Task[] tasks = ]; ; i < tasks.Leng ...

  10. IDL软件初步了解

    软件名称:IDL(交互式数据语言Interactive Data Language) 软件类别:是国产软件,语言类,数据分析类,数据可视化类 语言类别:解释型 作用:可以进行数据处理的可视化等,在大数 ...