一、在Node中使用模板引擎

js代码：

// art-template不仅可以在浏览器使用，也可以在node中使用

// 1.安装 npm install art-temlate模板引擎

// 2.在需要使用的文件模块中加载art-template

//      只需要使用require方法加载就可以了：require('art-template')

//      参数中的art-template就是你下载的包的名字

//      也就是说你install 的名字是什么，则你require中的就是什么

// 3.查文档，使用模板引擎的API

var template = require('art-template')

var fs = require('fs')

fs.readFile('./tpl.html',function(err,data){

    if(err){

       return console.log('读取内容失败了')

    }

    // 默认读取到的data是二进制数据

    //而模板引擎的render方法需要接收的是字符串

    //所以这里需要把data二进制数据转换为字符串，才能供模板引擎使用

    var ret = template.render(data.toString(),{

        name:'Jack',

        age:18,

        province:'北京市',

        hobbies:[

            '写代码',

            '唱歌',

            '打游戏'

        ],

        title:'个人信息'

    })

    console.log(ret)

})

html代码：

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>{{title}}</title>

</head>

<body>

    <p>大家好，我叫:{{ name }}</p>

    <p>我今年{{ age }}岁了</p>

    <h1>我来自{{ province }}<h1>

    <p>我喜欢:{{each hobbies}}{{ $value }}{{/each}}</p>

    <script>

        var foo = '{{title}}'

    </script>

</body>

</html>

结果：渲染成功

二、Nodejs中url模块的使用

var url = require('url')

// parse方法将路径解析为一个方便操作的对象，第二个参数为 true 表示直接将查询字符串转为一个对象（通过query属性来访问）

var obj = url.parse('/pinglun?name=火箭队&message=下赛季加油',true)

console.log(obj)

// 获取查询字符串对象

console.log(obj.query)

// 单独获取不包含查询字符串的路径部分(该路径不包含 ? 之后的内容)

console.log(obj.pathname)

结果：

三、通过服务器让客户端重定向

代码：

var http = require('http')

http.createServer(function(req,res){

    var url = req.url

    if(url === '/'){

        res.setHeader('Content-Type','text/plain; charset=utf-8')

        res.end('起始页')

    }else if(url === '/next'){

        res.setHeader('Content-Type','text/plain; charset=utf-8')

        res.end('成功跳转')

        console.log('成功跳转')

    }else if(url === '/tiaozhuan'){

        //如何通过服务器让客户端重定向？

        //  1.状态码设置为 302 临时重定向(通过statusCode设置)

        //  2.在响应头中通过 Location告诉客户端往哪儿重定向(通过setHeader设置)

        //  如果客户端发现收到服务器的响应的状态码是 302 就会自动去响应头中找 Location，然后对改地址发起新的请求

        //  所以你就能看到客户端自动跳转了

        res.statusCode = 302

        res.setHeader('Location', '/next')

        console.log('跳转请求')

        res.end()

        //注意： 一次请求对应一次响应，响应结束，这次请求也就结束了

        //      301 永久重定向 浏览器会记住

        //      302 临时重定向 浏览器不记忆

    }

})

.listen(3000,function(){

    console.log('Server is running')

})

结果：浏览器输入 http://127.0.0.1:3000/tiaozhuan 后会自动跳转到 http://127.0.0.1:3000/next

四、一些补充

1.服务端渲染和客户端渲染：

1.1 客户端渲染：

1.2服务端渲染：

1.3服务端渲染和客户端渲染的区别：

  • 客户端渲染不利于SEO搜索引擎优化

  • 服务端渲染是可以被爬虫抓取到的，客户端异步渲染是很难被爬虫抓取到的

  • 你会发现真的网站既不纯异步也不是纯客户端渲染出来的，而是两者结合来做的

  • 例如京东的商品列表就采用的是服务端渲染，目的是为了SEO搜索引擎优化。而它的商品列表评论为了用户体验，而且也不需要SEO优化，所以采用的是客户端渲染

Nodejs之路（二）—— Nodejs再入门的更多相关文章

  1. 基于Nodejs生态圈的TypeScript+React开发入门教程

    基于Nodejs生态圈的TypeScript+React开发入门教程   概述 本教程旨在为基于Nodejs npm生态圈的前端程序开发提供入门讲解. Nodejs是什么 Nodejs是一个高性能Ja ...

  2. 在阿里云 ECS 搭建 nginx https nodejs 环境（二、https）

    在阿里云 ECS 搭建 nginx https nodejs 环境(二) 这次主要内容是 如何在 ubuntu 的nginx 下配置 二级域名. 一. 域名解析 首先你需要去到你的 域名服务商那边 进 ...

  3. nodejs之路-[0]安装及简易配置

    题外话: 之前写过ubuntu下编译nodejs- 传送门:Ubuntu15.04编译安装nodejsV0.12.3 只是如今基本在win下做开发了-. 就以这篇帖子为开头,作为我踏上nodejs之路 ...

  4. NodeJS笔记（二）- 修改模块默认保存路径

    参考:nodejs prefix(全局)和cache(缓存)windows下设置 假设nodejs根目录为“D:\nodejs” 如下所示,新建“node_cache”文件夹用来存放全局缓存 该路径下 ...

  5. nodejs学习笔记一——nodejs安装

    a.nodejs安装 nodejs的安装没有什么说的默认安装即可.安装包官网下载即可:nodejs官网 本人用的是window的安装包node-v4.2.6-x64.msi 安装完成后打开命令行查看使 ...

  6. webpack入坑之旅（二）loader入门

    这是一系列文章,此系列所有的练习都存在了我的github仓库中vue-webpack 在本人有了新的理解与认识之后,会对文章有不定时的更正与更新.下面是目前完成的列表: webpack入坑之旅(一)不 ...

  7. SLAM+语音机器人DIY系列：（二）ROS入门——4.如何编写ROS的第一个程序hello_world

    摘要 ROS机器人操作系统在机器人应用领域很流行,依托代码开源和模块间协作等特性,给机器人开发者带来了很大的方便.我们的机器人“miiboo”中的大部分程序也采用ROS进行开发,所以本文就重点对ROS ...

  8. nodeJs学习过程之认识nodejs

    nodeJs只是听说过,没见过,没玩过.从新手开始,我想慢慢掌握它. 一.首先,我想知道nodeJs是什么? 摘自百度百科: Node.js是一套用来编写高性能网络服务器的JavaScript工具包, ...

  9. Java开发学习(二十三)----SpringMVC入门案例、工作流程解析及设置bean加载控制

    一.SpringMVC概述 SpringMVC是隶属于Spring框架的一部分,主要是用来进行Web开发,是对Servlet进行了封装.SpringMVC是处于Web层的框架,所以其主要的作用就是用来 ...

  10. 我的VSTO之路(二)：VSTO程序基本知识

    原文:我的VSTO之路(二):VSTO程序基本知识 开始之前,首先我介绍一下我的开发环境:VS2010 + Office 2010,是基于.Net framework 4.0和VSTO 4.0.以下的 ...

随机推荐

  1. Hive中SQL查询转换成MapReduce作业的过程

  2. C#利用资源文件设置软件自适应多语言

    在项目更目录下添加两个资源文件,以适应中英文两种版本,如Resource.zh_CN.resx和      Resource.en-US.resx  ,两个资源文件的ID都一样,值分别配置相应的中英文 ...

  3. android 休眠状态下 后台数据上传

    下面来说一下黑屏情况下传递数据: 要实现程序退出之后,仍然可以传递数据,请求网络,必须采用service,service可以保持在后台一直运行,除非系统资源极其匮乏,否则一般来说service是不会被 ...

  4. yii2中使用定义在 params.php文件中的配置

    yii2 使用 配置文件中在 params 的配置, 可以用 Yii::$app->params['key1']形式访问 参考 yii can't access Yii::$app->pa ...

  5. 校园商铺-2Logback配置与使用-1Logback介绍

    日志的作用: 1.故障定位 2.显示程序运行状态 好的日志记录方式可以提供给我们足够多定位问题的依据,因此我们引入logback组件来进行日志的记录 1. Logback标准配置 1.1 Logbac ...

  6. Windows 设置内网和外网同时使用

    想要电脑同时使用内网和外网必须具备两个网卡,一个是无线网卡一个是本地连接,无线网卡用来连接wifi也就是外网,而本地连接需要网线连接内网,外网是不需要做设置的,我们只需要设置内网即可,鼠标右击电脑右下 ...

  7. 阿里云 Aliplayer高级功能介绍(二)：缩略图

    基本介绍 Aliplayer提供了缩略图的功能,让用户在拖动进度条之前知道视频的内容,用户能够得到很好的播放体验,缩略图是显示在Controlbar的上面,并且包含当前的时间,阿里云的媒体处理服务提供 ...

  8. shiro框架的组成和内部结构(下一篇为spring整合shiro)

    1.shiro简介 Apache Shiro是Java的一个安全框架.功能强大,使用简单的Java安全框架,它为开发人员提供一个直观而全面的认证,授权,加密及会话管理的解决方案. ​ 实际上,Shir ...

  9. html5 js 监听网络在线与离线

    <!doctype html> <html> <head> <meta http-equiv="content-type" content ...

  10. VS2010-MFC（MFC常用类：CFile文件操作类）

    转自:http://www.jizhuomi.com/software/234.html CFile类概述 如果你学过C语言,应该知道文件操作使用的是文件指针,通过文件指针实现对它指向的文件的各种操作 ...