nodejs通过响应回写的方式渲染页面资源

我们一般通过node框架提供的api操作页面渲染，如何利用原始回写的方式来实现同样的功能呢
下面是通过node 提供的异步地读取一个文件的全部内容api readFile进行操作，代码如下：

html

  <!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><link rel="stylesheet" type="text/css" href="./static/style.css" /><title>Document</title>
</head>
<body><div>这是一个div </div><div>这是一个div  </div><div>这是一个div  </div><div>这是一个div  </div><div>这是一个div  </div><div>这是一个div  </div><div>这是一个div  </div><div>这是一个div  </div><div>这是一个div  </div><div>这是一个div  </div><div>这是一个div  </div><script type="text/javascript" src="./static/test.js"></script></body>
</html>

/static 文件夹里面放test.js 和 style.css 文件

  div:nth-child(1){font-size: 50px;color: red;
}div:nth-child(3){font-size: 80px;color: blue;
}div:nth-child(6){font-size: 100px;color: blueviolet;
}

app.js

  // 搭建服务
var http = require('http');
var fs = require('fs');
var server = http.createServer();
server.on('listening',()=> {console.log('server starts at localhost 8080');
})
server.listen('8080','localhost');//监听服务
server.on('request',(req,res)=>{if(req.url == '/') {//渲染html文件fs.readFile('./html/node.html',(err,info)=>{res.write(info);res.end();})} else if(req.url.startsWith('/static')) {//统一渲染html需要的static静态文件到页面fs.readFile(__dirname + req.url,(err,info) =>{res.write(info);res.end();})}
})

nodejs通过响应回写的方式渲染页面资源相关推荐

php渲染nodejs api,nodejs通过响应回写渲染页面步骤详解
这次给大家带来nodejs通过响应回写渲染页面步骤详解,nodejs通过响应回写渲染页面的注意事项有哪些,下面就是实战案例,一起来看一下. 我们一般通过node框架提供的api操作页面渲染,如何利用原 ...
SpringMVC的数据响应-回写数据-直接回写json格式字符串(应用)
@RequestMapping(value="/quick8") @ResponseBody public String save8() throws IOException {r ...
SpringMVC的数据响应-回写数据-直接回写字符串(应用)
通过SpringMVC框架注入的response对象,使用response.getWriter().print("hello world") 回写数据,此时不需要视图跳转,业务方法 ...
SpringMVC的数据响应-回写数据-返回对象或集合(应用)
通过SpringMVC帮助我们对对象或集合进行json字符串的转换并回写,为处理器适配器配置消息转换参数,指定使用jackson进行对象或集合的转换,因此需要在spring-mvc.xml中进行如下配 ...
SpringMVC的数据响应-回写数据
1.直接返回字符串其他具体代码请访问chilianjie @RequestMapping("/report5")public String save5(HttpServletRe ...
SpringMVC的数据响应-回写数据-返回对象或集合2(应用)
在方法上添加@ResponseBody就可以返回json格式的字符串,但是这样配置比较麻烦,配置的代码比较多,因此,我们可以使用mvc的注解驱动代替上述配置 <mvc:annotation-dr ...
存储引擎 K/V 分离下的index回写问题
前言近期在做on nvme hash引擎相关的事情,对于非全序的数据集的存储需求,相比于我们传统的LSM或者B-tree的数据结构来说能够减少很多维护全序上的计算/存储资源.当然我们要保证hash ...
SSM学习----SpringMVC的数据响应和回写数据
文章目录 SpringMVC的数据响应方式 1.页面跳转直接返回字符串通过ModelAndView对象返回方式一:自行创建ModelAndView对象方式二:在方法中提供ModelAndVie ...
web端复合控件响应回发
AutoPostback="true"; 自动提交 RdiobuttonList 属性→设计→编辑项→{ Enabled 是否可用 selected 是否选中 Text ...

nodejs通过响应回写的方式渲染页面资源

nodejs通过响应回写的方式渲染页面资源相关推荐

最新文章

热门文章