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


Posted in NodeJs onApril 07, 2018

我们一般通过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" rel="external nofollow" />
  <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 相关文章推荐
Nodejs学习笔记之NET模块
Jan 13 NodeJs
使用DNode实现php和nodejs之间通信的简单实例
Jul 06 NodeJs
nodejs如何获取时间戳与时间差
Aug 03 NodeJs
nodejs实现发出蜂鸣声音(系统报警声)的方法
Jan 18 NodeJs
NodeJs安装npm包一直失败的解决方法
Apr 28 NodeJs
nodejs模块学习之connect解析
Jul 05 NodeJs
nodejs结合socket.io实现websocket通信功能的方法
Jan 12 NodeJs
nodejs中密码加密处理操作详解
Mar 20 NodeJs
详解微信小程序-获取用户session_key,openid,unionid - 后端为nodejs
Apr 29 NodeJs
nodejs 递归拷贝、读取目录下所有文件和目录
Jul 18 NodeJs
typescript nodejs 依赖注入实现方法代码详解
Jul 21 NodeJs
5分钟教你用nodeJS手写一个mock数据服务器的方法
Sep 10 NodeJs
原生nodejs使用websocket代码分享
Apr 07 #NodeJs
nodejs多版本管理总结
Apr 03 #NodeJs
nodejs搭建本地服务器轻松解决跨域问题
Mar 21 #NodeJs
nodejs中密码加密处理操作详解
Mar 20 #NodeJs
nodejs连接mysql数据库及基本知识点详解
Mar 20 #NodeJs
nodejs基于express实现文件上传的方法
Mar 19 #NodeJs
nodejs+mongodb aggregate级联查询操作示例
Mar 17 #NodeJs
You might like
php二分法在IP地址查询中的应用
2008/08/12 PHP
关于更改Zend Studio/Eclipse代码风格主题的介绍
2013/06/23 PHP
codeigniter框架批量插入数据
2014/01/09 PHP
windows服务器中检测PHP SSL是否开启以及开启SSL的方法
2014/04/25 PHP
PHP中加密解密函数与DES加密解密实例
2014/10/17 PHP
PHP内置加密函数详解
2016/11/20 PHP
php基于dom实现的图书xml格式数据示例
2017/02/03 PHP
YII框架批量插入数据的方法
2017/03/18 PHP
PHP实现小程序批量通知推送
2018/11/27 PHP
laravel withCount 统计关联数量的方法
2019/10/10 PHP
JavaScript中“+=”的应用
2007/02/02 Javascript
人人网javascript面试题 可以提前实现下
2012/01/05 Javascript
js浮动图片的动态效果
2013/07/10 Javascript
javascript记录文本框内文字个数检测文字个数变化
2014/10/14 Javascript
Jquery的基本对象转换和文档加载用法实例
2015/02/25 Javascript
深入理解js函数的作用域与this指向
2016/05/28 Javascript
javascript之with的使用(阿里云、淘宝使用代码分析)
2016/10/11 Javascript
javascript添加前置0(补零)的几种方法
2017/01/05 Javascript
Javascript es7中比较实用的两个方法示例
2017/07/21 Javascript
Vue-Router2.X多种路由实现方式总结
2018/02/09 Javascript
利用SpringMVC过滤器解决vue跨域请求的问题
2018/02/10 Javascript
python生成指定长度的随机数密码
2014/01/23 Python
python基础教程之基本数据类型和变量声明介绍
2014/08/29 Python
Python中用format函数格式化字符串的用法
2015/04/08 Python
Python使用pygame模块编写俄罗斯方块游戏的代码实例
2015/12/08 Python
python生成随机图形验证码详解
2017/11/08 Python
python分析作业提交情况
2017/11/22 Python
python中matplotlib条件背景颜色的实现
2019/09/02 Python
详解python播放音频的三种方法
2019/09/23 Python
Python不支持 i ++ 语法的原因解析
2020/07/22 Python
特步官方商城:Xtep
2017/03/21 全球购物
大都会艺术博物馆商店:The Met Store
2018/06/22 全球购物
美国50岁以上单身人士约会平台:SilverSingles
2018/06/29 全球购物
2014全年工作总结
2014/11/27 职场文书
刑事附带民事起诉状
2015/05/19 职场文书
使用Nginx+Tomcat实现负载均衡的全过程
2022/05/30 Servers