編寫服務(wù)端代碼app.js

app.js中引入了node中http服務(wù)構(gòu)建核心模塊，fs文件操作模塊，urlurl地址解析模塊。art-template第三方包主要用來服務(wù)端模板引擎，解析剛剛的index.html模板字符串。我們要注意url核心模塊中的parse方法，它可以將一個(gè)含有查詢字符串的url地址解析成一個(gè)對(duì)象，通過這個(gè)對(duì)象我們很容易得到用戶表單提交過來的數(shù)據(jù)，即是查詢字符串的具體內(nèi)容?？梢钥匆韵卵菔荆?/p>

通過url.parse()傳入第二個(gè)參數(shù)：true，可以將query查詢字符串轉(zhuǎn)換成對(duì)象，便于后續(xù)獲取提交的數(shù)據(jù)。

這里我們還用到了服務(wù)端重定向的概念，當(dāng)用戶提交表單數(shù)據(jù)后，頁面會(huì)跳轉(zhuǎn)至/comment地址，需要在服務(wù)端請(qǐng)求處理函數(shù)中設(shè)置響應(yīng)狀態(tài)碼：302，并且通過響應(yīng)頭location屬性告訴瀏覽器重定向的地址。代碼如下：

res.statusCode = 302  // 設(shè)置響應(yīng)狀態(tài)碼為302(重定向)
res.setHeader('location', '/') // 設(shè)置響應(yīng)頭location，告訴瀏覽器重定向地址

app.js中核心代碼如下：

http.createServer((req, res) => {
 let obj = url.parse(req.url, true) // 得到url模板解析后的Url對(duì)象，傳入第二個(gè)參數(shù)“true”，將form表單提交的查詢字符串query轉(zhuǎn)換成對(duì)象
 let pathname = obj.pathname
 let query = obj.query
 if (pathname === '/') {
 fs.readFile('./public/views/index.html', (err, data) => {
  if (err) {
  return res.end('404 NOT FOUND')
  }
  let htmlStr = template.render(data.toString(), {
  comments: comments
  })
  res.end(htmlStr)
 })
 } else if (pathname.indexOf('/public/') === 0){
 fs.readFile('.'+pathname, (err, data) => {
  if (err) {
  return res.end('404 NOT FOUND')
  }
  res.end(data)
 })
 } else if (pathname ==='/post') {
 fs.readFile('./public/views/post.html', (err, data) => {
  if (err) {
  return res.end('404 NOT FOUND')
  }
  res.end(data)
 })
 } else if (pathname === '/comment') {
 res.statusCode = 302  // 設(shè)置響應(yīng)狀態(tài)碼為302(重定向)
 res.setHeader('location', '/') // 設(shè)置響應(yīng)頭location，告訴瀏覽器重定向地址
 if (query.name) {
  query.time = '2015-5-10'
  comments.unshift(query)
 } // 放置用戶手動(dòng)輸入'/comment'，導(dǎo)致query為空
 res.end() // 結(jié)束響應(yīng)，不能少
 } else {
 fs.readFile('./public/views/404.html', (err, data) => {
  if (err) {
  return res.end('404 NOT FOUND')
  }
  res.end(data)
 })
 } 
}).listen(3000, () => {
 console.log('running...')
})

開啟服務(wù)器之后即可愉快的發(fā)表評(píng)論了

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“Node.js如何實(shí)現(xiàn)用戶評(píng)論社區(qū)功能”這篇文章對(duì)大家有幫助，同時(shí)也希望大家多多支持創(chuàng)新互聯(lián)成都網(wǎng)站設(shè)計(jì)公司，關(guān)注創(chuàng)新互聯(lián)成都網(wǎng)站設(shè)計(jì)公司行業(yè)資訊頻道，更多相關(guān)知識(shí)等著你來學(xué)習(xí)!

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、網(wǎng)站設(shè)計(jì)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì)，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。