欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

nodejs 簡(jiǎn)單實(shí)現(xiàn)動(dòng)態(tài)html的方法

 更新時(shí)間:2018年05月12日 10:56:43   作者:insist-improve  
今天小編就為大家分享一篇nodejs 簡(jiǎn)單實(shí)現(xiàn)動(dòng)態(tài)html的方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧

動(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>

以上這篇nodejs 簡(jiǎn)單實(shí)現(xiàn)動(dòng)態(tài)html的方法就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。

相關(guān)文章

  • nodejs修復(fù)ipa處理過(guò)的png圖片

    nodejs修復(fù)ipa處理過(guò)的png圖片

    ipa本身是一個(gè)zip文件改后綴后解壓縮就能看到應(yīng)用內(nèi)使用的資源文件,其中png圖片資源xcode打包的時(shí)候做了些手腳下面我們來(lái)看看如何修復(fù)這些問(wèn)題
    2016-02-02
  • npm錯(cuò)誤errno?-4048解決辦法

    npm錯(cuò)誤errno?-4048解決辦法

    這篇文章主要給大家介紹了關(guān)于npm錯(cuò)誤errno?-4048解決的相關(guān)資料,這個(gè)錯(cuò)誤代碼通常表示文件系統(tǒng)錯(cuò)誤或者硬件故障引起的問(wèn)題,文中通過(guò)圖文將解決的辦法介紹的非常詳細(xì),需要的朋友可以參考下
    2023-07-07
  • 推薦一個(gè)基于Node.js的表單驗(yàn)證庫(kù)

    推薦一個(gè)基于Node.js的表單驗(yàn)證庫(kù)

    這篇文章主要介紹了推薦一個(gè)基于Node.js的表單驗(yàn)證庫(kù),小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
    2019-02-02
  • 提升node.js中使用redis的性能遇到的問(wèn)題及解決方法

    提升node.js中使用redis的性能遇到的問(wèn)題及解決方法

    本文中提到的node redis client采用的基于node-redis封裝的二方包,因此問(wèn)題排查也基于node-redis這個(gè)模塊。接下來(lái)通過(guò)本文給大家分享提升node.js中使用redis的性能
    2018-10-10
  • nodejs初始化init的示例代碼

    nodejs初始化init的示例代碼

    今天小編就為大家分享一篇nodejs初始化init的示例代碼,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
    2018-10-10
  • node.js讀取Excel數(shù)據(jù)(下載圖片)的方法示例

    node.js讀取Excel數(shù)據(jù)(下載圖片)的方法示例

    這篇文章主要給大家介紹了關(guān)于node.js讀取Excel數(shù)據(jù)(下載圖片)的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家學(xué)習(xí)或者使用node.js具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
    2018-08-08
  • 基于node.js的fs核心模塊讀寫(xiě)文件操作(實(shí)例講解)

    基于node.js的fs核心模塊讀寫(xiě)文件操作(實(shí)例講解)

    下面小編就為大家?guī)?lái)一篇基于node.js的fs核心模塊讀寫(xiě)文件操作(實(shí)例講解)。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就想給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
    2017-09-09
  • Node.js+Express+MySql實(shí)現(xiàn)用戶登錄注冊(cè)功能

    Node.js+Express+MySql實(shí)現(xiàn)用戶登錄注冊(cè)功能

    這篇文章主要為大家詳細(xì)介紹了Node.js+Express+MySql實(shí)現(xiàn)用戶登錄注冊(cè),文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2017-07-07
  • nodejs構(gòu)建本地web測(cè)試服務(wù)器 如何解決訪問(wèn)靜態(tài)資源問(wèn)題

    nodejs構(gòu)建本地web測(cè)試服務(wù)器 如何解決訪問(wèn)靜態(tài)資源問(wèn)題

    這篇文章主要為大家詳細(xì)介紹了nodejs構(gòu)建本地web測(cè)試服務(wù)器,教大家如何解決訪問(wèn)靜態(tài)資源問(wèn)題,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2017-07-07
  • nodejs中的http模塊與npm模塊使用

    nodejs中的http模塊與npm模塊使用

    這篇文章主要介紹了nodejs中的http模塊與npm模塊使用方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
    2022-08-08

最新評(píng)論