nodejs 简单实现动态html的方法

更新时间：2018年05月12日 10:56:43 作者：insist-improve

今天小编就为大家分享一篇nodejs 简单实现动态html的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧

动态替换html内容

1.实现的功能及原理

实现了将，用户表单的数据，与html相结合，将用户输入的数据，显示到html对应的位置。

原理：通过正则表达式，替换html中的模板数据如用户名{name},可以通过拿到用户提交的name的值value，通过

replace（正则表达式，value）的方式替换掉原模板数据，并输出到客户端。

2.主要用到的方法和模块

2.1文件操作模块 var fs=require("fs");

方法：

2.1.1 异步读取文件的方法

fs.readFile(path,callback);

参数说明:

path:文件的路径（包含文件名称）

callback:文件读取完毕的回调函数

文件读取的数据，从该方法获得，会自动填充

callback:function(err,data){
 if(err){
 //读取文件错误的逻辑
 }else{
 //对数据的操作，如打印
 console.log(data);
 }
 }

2.2 数据处理模块 var querystring=require("querystring");

方法:

2.2.1 将字符串转换成对象

querystring.parse(post);

2.3 post请求主要方法

 监听有post数据上传的方法:request.on('data',funcation(chunk){
 //chunk post数据碎片
 });
 监听post数据上传完毕的方法:request.on('end',function(){
 //相关逻辑
 });

3.核心代码requestHandler.js

/*
 请求处理
 * */
//加载node非阻塞线程模块
//var exec=require("child_process").exec;
//加载queryString模块和文件上传模块
var http = require("http");
var formidable = require('formidable');
var fs = require("fs");
var path = require("path");
var querystring=require("querystring");
function login(request, response) {
var post="";
//监听post发送请求
request.on('data',function (chunk) {
post += chunk;
});
//数据接收完毕
request.on('end',function(){
post=querystring.parse(post);
/*替换的数据模板字段*/
var arr=["name","password"];
function recall (data) {
dataStr = data.toString();
//遍历模板字段
for (var i = 0; i < arr.length; i++) {
//全局替换
var re=new RegExp('{'+arr[i]+'}','g');
dataStr=dataStr.replace(re,post[arr[i]]);
}
response.writeHead(200, {"Content-Type": "text/html"});
response.write(dataStr);
response.end();
}
fs.readFile("login.html",function (err,data) {
recall(data);
});
});
}
function index (request, response) {
fs.readFile("login.html",function (err,data) {
if (err) {
throw err.toString();
} else{
response.writeHead(200, {"Content-Type": "text/html"});
response.write(data);
response.end();
}
})
}
exports.login = login;
exports.index=index;

4.html模板

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
用户名:{name}<br /> 
    <!--
  {name},{password}为要替换的模板字段
    -->
密 码:{password}<br />
<form action="/login" method="post">
<input type="text" name="name" /><br />
<input type="password" name="password" /><br />
<input type="submit" value="提交"/>
</form>
</body>
</html>

以上这篇nodejs 简单实现动态html的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

npm下载慢或下载失败问题解决的三种方法
这篇文章主要为大家介绍了npm下载慢或下载失败问题解决的三种方法，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2023-07-07
node.js 使用ejs模板引擎时后缀换成.html
本文给大家分享一个nodejs的小技巧，将ejs模板引擎的模板后缀改成.html的使用方法，非常的简单实用，这里推荐给大家。
2015-04-04
nodejs切换版本使用最新教程(不需要卸载重装)
有时候需要运行不同的项目,node版本不一致会导致不少问题,特别是最新版本对应的一些插件,由于语法等原因导致不一定兼容低版本,这样运行低版本环境的项目的时候很多坑,这篇文章主要给大家介绍了关于nodejs切换版本使用(不需要卸载重装)的相关资料,需要的朋友可以参考下
2022-11-11
如何在node.js中使用JsonWebToken模块进行token加密
目前在web框架中最流行的身份验证是使用jsonwebtoken,简称jwt.可以设置加密方式,过期时间,存放个人信息,逆解析,下面这篇文章主要给大家介绍了关于如何在node.js中使用JsonWebToken模块进行token加密的相关资料,需要的朋友可以参考下
2023-03-03
nodejs高大上的部署方式(PM2)
这篇文章主要介绍了nodejs高大上的部署方式(PM2) ,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2018-09-09
使用Node.js为其他程序编写扩展的基本方法
这篇文章主要介绍了使用Node.js为其他程序编写扩展的基本方法 ,文中示例是通过Node让JavaScript代码与C++应用产生交互,需要的朋友可以参考下
2015-06-06
nodejs实现解析xml字符串为对象的方法示例
这篇文章主要介绍了nodejs实现解析xml字符串为对象的方法,涉及nodejs针对xml格式字符串的解析与转换相关操作技巧,需要的朋友可以参考下
2018-03-03
nodejs批量下载图片的实现方法
本篇文章主要介绍了nodejs批量下载图片的实现方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2017-05-05
node.js路径处理方法以及绝对路径详解
这篇文章介绍的是nodejs路径处理及绝对路径以及一个Node.js获取项目根目录的小技巧，这个内容非常实用。有需要的朋友们可以参考借鉴，下面来一起看看吧。
2016-09-09
Node在Controller层进行数据校验的过程详解
这篇文章主要给大家介绍了关于Node在Controller层进行数据校验的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2020-08-08