一、在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. 如何优雅的在 vue 中添加权限控制

    前言 在一个项目中,一些功能会涉及到重要的数据管理,为了确保数据的安全,我们会在项目中加入权限来限制每个用户的操作.作为前端,我们要做的是配合后端给到的权限数据,做页面上的各种各样的限制. 需求 因为 ...

  2. Android系统开发 编译系统签名的APP

    前言 一般情况下,我们使用的签名都是自己生成的Java签名来编译APP. 但是,如果需要开发一些特定设备的APP(对权限有更高的要求,需求一些系统基本的权限,比如让APP可以控制设备的休眠),那就需要 ...

  3. soj115 御坂网络

    题意:平面上有n个A发射点和m个B发射点,可以选择安置相应A/B装置,装置范围是圆,自取半径(要求都相同且<=Rmax).异种要求范围不相交.求装置范围之和(不是并!). 标程: #includ ...

  4. day11 grep正则匹配

    ps aus | trep nginx # 查看所有正在运行的nginx任务 别名路径: alias test_cmd='ls -l' PATH路径: 临时修改: PATH=$PATH:/usr/lo ...

  5. redis：info详解

    [root@192.168.56.159 redis6380]redis-cli -a xxx info# Serverredis_version:3.0.7  redis_version: Redi ...

  6. VS2010-MFC（常用控件：按钮控件的编程实例）

    转自:http://www.jizhuomi.com/software/184.html 因为Button控件在前面的例子中涉及到了,比较简单,本文就不作深入分析了,而是重点讲解单选按钮Radio B ...

  7. 18.scrapy_maitian_analysis

    1_info.py # encoding: utf-8 import pandas as pd # 租房 基本信息 # 读取文件 df=dataframe df = pd.read_json(&quo ...

  8. <前端>简单实现开心网注册

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  9. （function($){….}）（jQuery）与$(function(){})的区别

    function fun($){…};fun(jQuery);这种方法多用于存放开发的插件,执行其中的代码时,Dom对象并不一定加载完毕. $(function(){})等价于$(document). ...

  10. SUMMARY | JAVA中的数据结构

    String String类是不可修改的,创建需要修改的字符串需要使用StringBuffer(线程同步,安全性更高)或者StringBuilder(线程非同步,速度更快). 可以用“+”连接Stri ...