怎么在nodejs中實(shí)現(xiàn)動(dòng)態(tài)html

這篇文章給大家介紹怎么在nodejs 中實(shí)現(xiàn)動(dòng)態(tài)html，內(nèi)容非常詳細(xì)，感興趣的小伙伴們可以參考借鑒，希望對(duì)大家能有所幫助。

目前累計(jì)服務(wù)客戶數(shù)千家，積累了豐富的產(chǎn)品開(kāi)發(fā)及服務(wù)經(jīng)驗(yàn)。以網(wǎng)站設(shè)計(jì)水平和技術(shù)實(shí)力，樹(shù)立企業(yè)形象，為客戶提供成都網(wǎng)站建設(shè)、成都網(wǎng)站設(shè)計(jì)、網(wǎng)站策劃、網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)絡(luò)營(yíng)銷、VI設(shè)計(jì)、網(wǎng)站改版、漏洞修補(bǔ)等服務(wù)。創(chuàng)新互聯(lián)公司始終以務(wù)實(shí)、誠(chéng)信為根本，不斷創(chuàng)新和提高建站品質(zhì)，通過(guò)對(duì)領(lǐng)先技術(shù)的掌握、對(duì)創(chuàng)意設(shè)計(jì)的研究、對(duì)客戶形象的視覺(jué)傳遞、對(duì)應(yīng)用系統(tǒng)的結(jié)合，為客戶提供更好的一站式互聯(lián)網(wǎng)解決方案，攜手廣大客戶，共同發(fā)展進(jìn)步。

動(dòng)態(tài)替換html內(nèi)容

1.實(shí)現(xiàn)的功能及原理

實(shí)現(xiàn)了將，用戶表單的數(shù)據(jù)，與html相結(jié)合，將用戶輸入的數(shù)據(jù)，顯示到html對(duì)應(yīng)的位置。

原理：通過(guò)正則表達(dá)式，替換html中的模板數(shù)據(jù) 如用戶名{name},可以通過(guò)拿到用戶提交的name的值value，通過(guò)

replace（正則表達(dá)式，value）的方式替換掉原模板數(shù)據(jù)，并輸出到客戶端。

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

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

方法：

2.1.1 異步讀取文件的方法

fs.readFile(path,callback);

參數(shù)說(shuō)明:

path:文件的路徑（包含文件名稱）

callback:文件讀取完畢的回調(diào)函數(shù)

文件讀取的數(shù)據(jù)，從該方法獲得，會(huì)自動(dòng)填充

callback:function(err,data){
 if(err){
 //讀取文件錯(cuò)誤的邏輯
 }else{
 //對(duì)數(shù)據(jù)的操作，如打印
 console.log(data);
 }
 }

2.2 數(shù)據(jù)處理模塊 var querystring=require("querystring");

方法:

2.2.1 將字符串轉(zhuǎn)換成對(duì)象

querystring.parse(post);

2.3 post請(qǐng)求主要方法

 監(jiān)聽(tīng)有post數(shù)據(jù)上傳的方法:request.on('data',funcation(chunk){
 //chunk post數(shù)據(jù)碎片
 });
 監(jiān)聽(tīng)post數(shù)據(jù)上傳完畢的方法:request.on('end',function(){
 //相關(guān)邏輯
 });

3.核心代碼requestHandler.js

/*
 請(qǐng)求處理
 * */
//加載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="";
//監(jiān)聽(tīng)post發(fā)送請(qǐng)求
request.on('data',function (chunk) {
post += chunk;
});
//數(shù)據(jù)接收完畢
request.on('end',function(){
post=querystring.parse(post);
/*替換的數(shù)據(jù)模板字段*/
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>

關(guān)于怎么在nodejs 中實(shí)現(xiàn)動(dòng)態(tài)html就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，可以學(xué)到更多知識(shí)。如果覺(jué)得文章不錯(cuò)，可以把它分享出去讓更多的人看到。

分享標(biāo)題：怎么在nodejs中實(shí)現(xiàn)動(dòng)態(tài)html
文章出自：http://sd-ha.com/article2/gpsjoc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供定制開(kāi)發(fā)、外貿(mào)網(wǎng)站建設(shè)、移動(dòng)網(wǎng)站建設(shè)、App開(kāi)發(fā)、網(wǎng)頁(yè)設(shè)計(jì)公司、網(wǎng)站設(shè)計(jì)

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容

久久久精品一区ed2k-女人被男人叉到高潮的视频-中文字幕乱码一区久久麻豆樱花-俄罗斯熟妇真实视频

怎么在nodejs中實(shí)現(xiàn)動(dòng)態(tài)html