文件目录结构如下

resource文件里面放了css文件和图片等，view文件里面是html文件

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <link rel="stylesheet" type="text/css" href="../resource/css1.css">

    <title>首页</title>

</head>

<body>

<p class="index">this is index</p>

</body>

</html>

html都是如此简单的文件

工具不同请求响应文件的代码如果每个请求都要写一个单独的响应过于繁琐，很不方便，我们可以通过封装函数的方法来进行优化，我们还可以将函数挂载到respones上，形成一个闭包

代码：

res.render=function(filename){

    fs.readFile(filename,function(err,data){

        if(err)

        {

            res.writeHead(404,'Not Found',{'Content-Type':'text/html;charset=utf-8'});

            res.end('404,not found');

        }

         res.setHeader('Content-Type',mime.getType(filename));

             console.log(req.url);

    console.log(mime.getType(filename));

        res.end(data);

    })

}

总代码

//设计路由：当用户用什么样的方式，访问什么样的路径，我们应作出什么样的响应

//这是当前项目的入口文件

//创建package.json:npm init -y

//

//将render函数挂载到res对象上，可以通过res.render()来实现

//1.加载http文件

var http=require('http');

var fs=require('fs');

var path=require('path');

var mime=require('mime');

//2.创建服务

http.createServer(function(req,res){

    //为res添加一个render函数，方便后续使用

res.render=function(filename){

    fs.readFile(filename,function(err,data){

        if(err)

        {

            res.writeHead(404,'Not Found',{'Content-Type':'text/html;charset=utf-8'});

            res.end('404,not found');

        }

         res.setHeader('Content-Type',mime.getType(filename));

             console.log(req.url);

    console.log(mime.getType(filename));

        res.end(data);

    })

}

//这里会有大量的代码

//设计路由

//当用户请求/或/index的时候，显示新闻列表-get请求

//当用户请求/item时显示新闻详情-get请求

//当用户请求/submit时，显示添加新闻页-get请求

//当用户请求/add时，将用户提交的新闻保存到data.json文件中-get请求

//当用户请求/add时，将用户提交的新闻保存到data.json文件中-post请求 

req.url=req.url.toLowerCase();//将请求内容转为小写

req.method=req.method.toLowerCase();

//先根据用户请求的路由，将对应的html显示出来

if(req.url==='/'||req.url==='/index'&&req.method==='get')

{

    res.render(path.join(__dirname,'views','home.html'));

}else if(req.url==='/submit'&&req.method==='get'){

    res.render(path.join(__dirname,'views','submit.html'));

}else if(req.url==='/item'&&req.method==='get'){

}else if(req.url==='/add'&&req.method==='get'){

    res.render(path.join(__dirname,'views','add.html'));

}else if(req.url==='/add'&&req.method==='post'){

    res.render(path.join(__dirname,'views','add.html'));

}else if(req.url.startsWith('/resource')&&req.method==='get'){

//如果用户请求以/resources开头，并且是get请求，就认为用户是要请求静态资源

    res.render(path.join(__dirname,req.url));

}

else{

    res.writeHead(404,'NOT FOUND',{

        'Content-Type':'text/plain;charset=utf-8'

    });

    res.end('404,page not found');

}

}).listen(9090,function(){

    console.log('http://localhost:9090');

})

这样在访问不同路径时，会得到不同的html

node——进阶版服务器根据不同请求作出不同响应+响应html文件等文件的更多相关文章

  1. node——服务器根据不同请求作出不同响应+响应html文件等文件

    在浏览器中,不同的请求应该作出不同的响应 我们可以从请求req中的url获得请求的内容 然后我们就可以通过判断请求的url来做响应 代码如下: //根据用户的不同请求,服务器做出不同的响应 // // ...

  2. 图解HTTP权威指南（三）| Web服务器对HTTP请求的处理和响应

    作者简介   李先生(Lemon),高级运维工程师(自称),SRE专家(目标),梦想在35岁买一辆保时捷.喜欢钻研底层技术,认为底层基础才是王道.一切新技术都离不开操作系统(CPU.内存.磁盘).网络 ...

  3. http请求报文格式和响应报文格式

    转载 出处 超文本传输协议(Hypertext Transfer Protocol,简称HTTP)是应用层协议.HTTP 是一种请求/响应式的协议,即一个客户端与服务器建立连接后,向服务器发送一个请求 ...

  4. Node.js创建服务器和模拟客户端请求

    1. 何为服务器 服务器是某种长期运行,等待请求资源的应用程序 2. 常见Web应用架构 3. 如何创建web服务器 Web服务器是使用HTTP协议,等待客户端连接后请求资源的驻守应用程序:HTTP协 ...

  5. Node fs, url, http 组合小型的服务器 ( 满足html请求, get, post 传值 )

    <script type="text/javascript"> /* * 引入模块 */ var http = require('http'); var url = r ...

  6. js进阶ajax基本用法（创建对象，连接服务器，发送请求，获取服务器传过来的数据）

    js进阶ajax基本用法(创建对象,连接服务器,发送请求,获取服务器传过来的数据) 一.总结 1.ajax的浏览器的window对象的XMLHtmlRequest对象的两个重要方法:open(),se ...

  7. python学习-- django 2.1.7 ajax 请求 进阶版

    #原来版本 $.get("/add/",{'a':a,'b':b}, function(ret){ $('#result').html(ret)}) #进阶版  $.get(&qu ...

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

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

  9. 高效能团队的Java研发规范(进阶版)

    目前大部分团队是使用的阿里巴巴Java开发规范,不过在日常开发中难免遇到覆盖不到的场景,本文在阿里巴巴Java开发规范基础上,补充一些常用的规范,用于提升代码质量及增强代码可读性. 编程规约 1.基础 ...

随机推荐

  1. nyoj28-大数阶乘

    大数阶乘 时间限制:3000 ms  |  内存限制:65535 KB 难度:3 描述 我们都知道如何计算一个数的阶乘,可是,如果这个数很大呢,我们该如何去计算它并输出它? 输入 输入一个整数m(0& ...

  2. 3.1、Jinja2模板引擎

    形式最简单的 Jinja2 模板就是一个包含响应文本的文件.示例 3-1 是一个 Jinja2 模板,它和示例 2-1 中 index() 视图函数的响应一样. 示例 3-1 templates/in ...

  3. [剑指offer] 49. 丑数

    通俗易懂的解释: 首先从丑数的定义我们知道,一个丑数的因子只有2,3,5,那么丑数p = 2 ^ x * 3 ^ y * 5 ^ z,换句话说一个丑数一定由另一个丑数乘以2或者乘以3或者乘以5得到,那 ...

  4. Trie树检索字符串

    #include <stdio.h> #include <stdlib.h> #include <string.h> typedef struct TrieNode ...

  5. CodeForcesGym 100548G The Problem to Slow Down You

    The Problem to Slow Down You Time Limit: 20000ms Memory Limit: 524288KB This problem will be judged ...

  6. String类常见的方法

    类String public final class String extends Object implements Serializable, comparable<String>, ...

  7. Flume 读取实时更新的日志文件

    http://blog.csdn.net/bright60/article/details/50728306 我用了第一种方法. 1. 日志文件每天roate一个新文件 a)  方案一 There i ...

  8. HDU 5167

    范围 内的斐波那契的数不多,求出范围内的数,再暴力枚举即可. #include <iostream> #include <cstdio> #include <algori ...

  9. asp.net学习指南

    个人总结了一些不错的基础视频教程 视频链接地址(猛戳这里)

  10. apple Swift语言新手教程

    Apple Swift编程语言新手教程 文件夹 1   简单介绍 2   Swift入门 3   简单值 4   控制流 5   函数与闭包 6   对象与类 7   枚举与结构 1   ...