文件目录结构如下

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. 路飞学城Python-Day115

    个人博客搭建 from django.db import models from django.contrib.auth.models import User, AbstractUser # Crea ...

  2. 路飞学城Python-Day77

    11-DIY一个web框架3 web框架 yuan功能总结 main.py: 启动文件,封装了socket 1 urls.py: 路径与视图函数映射关系 ---- url控制器 2 views.py ...

  3. Linux下挂载分区 （本人实例）

    设置分区开机自动挂载 要在/etc/fstab里设置一行 把上面空格去掉就行了

  4. Web项目部署(Flask Angular2 Nginx)

    独立弄了一个项目,也是锻炼自己的工程能力,使用了比较常用的框架,后端Flask,前端Angular2,采用前后端完全分离的方式,通过接口传输json,但是在具体部署过程中,查找资料较为零散,故整理如下 ...

  5. Django用户认证（四）自定义认证Customizing authentication

    原文:https://www.cnblogs.com/linxiyue/p/4061044.html 扩展已有的用户模型Extending the existing User model 有两种方法来 ...

  6. 基于mybatis的CRUD

    u  基于Mybatis的CRUD u  掌握MyBatis的结果类型-resultMap和resultType u  掌握MyBatis的参数类型 u  掌握#和$两种语法 1      基于myb ...

  7. HDU 5172

    超内存了,呃...不知道如何优化了. 首先要判断区间的和是否和1~n的和相等. 再个,记录下每个数字前一次出现的位置,求这些位置的最大值,如果小于左端点,则表示有这样的一个序列. 呃~~~第二个条件当 ...

  8. POJ 3613

    可以利用DP的思想来做,不过是在DP时加上了矩阵乘法的思想而已,但乘法不是真的乘法,而是mp[a][i]+mp[i][b]<mp[a][b]则更新,其实更像FLOYD. 但这是符合乘法的格式的. ...

  9. 剑指Offer读书笔记（持续更新中）

    (1)定义一个空的类型,里面没有不论什么成员变量和成员函数,对该类型求sizeof,得到的结果是多少? 答案是1.空类型的实例中不包括不论什么信息,本来求sizeof应该是0,可是当我们声明该类型实例 ...

  10. 人人都能当大厨的语音做菜神器——demo试用

    开发一款语音做菜软件的想法在我脑海里闪烁了非常久,一直苦于没有时间.趁着这几天老板的项目接近了尾声,我也有时间把我当初的想法付诸于实践. 可能有朋友对我的想法还不甚了解,我这里简介一下,具体的介绍就请 ...