文件目录结构如下

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. 序列模型（5）-----双向神经网络（BRNN）和深层循环神经网络（Deep RNN）

    一.双向循环神经网络BRNN 采用BRNN原因: 双向RNN,即可以从过去的时间点获取记忆,又可以从未来的时间点获取信息.为什么要获取未来的信息呢? 判断下面句子中Teddy是否是人名,如果只从前面两 ...

  2. gradle多模块构建集成swagger

    1.首先说一下软件的版本:springboot:1.5.2:springcloud:D-SR1:swaager2:2.6.0:gradle:4.5.工程模块是分开的单独的entity,api,mapp ...

  3. 用基于WebGL的BabylonJS来共享你的3D扫描模型

    转自:http://www.geekfan.net/6578/ 用基于WebGL的BabylonJS来共享你的3D扫描模型 杰克祥子 2014 年 2 月 26 日 0 条评论 标签:3D扫描 , B ...

  4. luogu P4756 Added Sequence（凸包+思维）

    一眼望去不会. 考虑问题中的\(f(i,j)=|\sum_{p=i}^{j}​a_p​ |\)的实际意义. 其实就是前缀和相减的绝对值. \(f(i,j)=|\ sum[j]-sum[i-1]\ |\ ...

  5. Code VS 1002 搭桥

    题目描述 Description 有一矩形区域的城市中建筑了若干建筑物,如果某两个单元格有一个点相联系,则它们属于同一座建筑物.现在想在这些建筑物之间搭建一些桥梁,其中桥梁只能沿着矩形的方格的边沿搭建 ...

  6. HDU2147 kiki's game

    /* HDU2147 kiki's game 博弈论 巴什博奕 http://acm.hdu.edu.cn/showproblem.php?pid=2147 题意:在一个n×m的棋盘上,初始棋子放在右 ...

  7. hdu 3836 强连通+缩点：加边构强连通

    #include<stdio.h>//求出其所有的强连通分量缩点,选出出度和入度最大的那个就是要求的边 #include<string.h> #include<stdli ...

  8. 利用redis实现elasticsearch入库去重

    背景 公司有一个业务场景,数据库的修改需要同步到Elasticsearch里,但是该场景的修改频率有点高,经常会出现一条记录短时间内多次的变化,如果每次变化都作为一次ES同步任务,那ES肯定是受不住的 ...

  9. [Windows Server]安装系统显示“缺少计算机所需的介质驱动程序”解决方案

    1.把电脑上插着的硬盘拔了 2.重试 3.修复计算机找到dos命令行 4.然后进入我们放置解压了的系统的那个符盘,(我这里放在D盘)输入:d:       找到刚才我们解压了的系统文件,进入sourc ...

  10. [Beginning SharePoint Designer 2010]Chapter2 编辑页面

    本章概要: 1.如何展开隐藏任务面板和ribbon标签 2.页面编辑模式 3.代码视图模式和智能提示 4.如何组合SharePoint和页面上其他元素