diff --git "a/POST\345\257\246\346\223\215\347\231\273\351\231\270\346\217\220\344\272\244\346\240\270\345\276\214\347\253\257\350\231\225\347\220\206.js" "b/POST\345\257\246\346\223\215\347\231\273\351\231\270\346\217\220\344\272\244\346\240\270\345\276\214\347\253\257\350\231\225\347\220\206.js"
new file mode 100644
index 0000000..edd0fdc
--- /dev/null
+++ "b/POST\345\257\246\346\223\215\347\231\273\351\231\270\346\217\220\344\272\244\346\240\270\345\276\214\347\253\257\350\231\225\347\220\206.js"
@@ -0,0 +1,107 @@
+const http = require('http')
+const fs = require('fs')
+// querystring 將URL其中出現的(sername=666&password=666)這串東西轉換為對象
+const qs = require('querystring')
+// 自創端口 (0~1023號是留給知名端口的範圍 1024號以上可以自創)
+const port = 3000;
+const ip = '192.168.0.103'
+
+// sendResponse讀取了url讀者的請求 來反饋回應給客戶 有三個參數1.文件名 2.返回給用戶的狀態碼 3.從後端發送訊息給前端的方法(response.end)
+const sendResponse = (filename, statusCode, response) => {
+ fs.readFile(__dirname+`/html/${filename}`, (error, data) => {
+ if(error) {
+ response.statusCode = 500
+ // 回應客戶端標投欄位，回應方式為純文本方式
+ response.setHeader('Content-Type', 'text/plain')
+ response.end('Sorry internal error')
+ }else{
+ response.statusCode = statusCode
+ // 回應客戶端標投欄位，回應方式為純文本方式，回應回自己寫的html
+ response.setHeader('Content-Type', 'text/html')
+ response.end(data)
+ }
+ })
+}
+
+// createServer 建立一個網路的伺服器(伺服器請求(request)或回應(response))
+const server = http.createServer((request, response ) => {
+ // 變量伺服器的請求或取得其中一個的方法
+ const method = request.method
+ // 伺服器的url地址(包括用戶輸入的參數)
+ let url = request.url
+ // request.method()伺服器判斷是否是請求(GET)
+ if(method === 'GET') {
+ // 使用JS的url來讀取用戶的網址 有兩個參數1.當前訪問的頁面 2.自己的的url(http+ip+端口)
+ const requestUrl = new URL(url, `http://${ip}:${port}`);
+ // 這代表伺服器的url地址(沒有包括用戶輸入的參數)
+ url = requestUrl.pathname
+ // 定義一個獲取用戶輸入的參數裡的值 lang是參數獲取lang他的值
+ const lang = requestUrl.searchParams.get('lang')
+ // 定義一個保存語言字符串
+ let selector;
+ // 來判斷參數值
+ if(lang === null || lang ==='en') {
+ selector = ''
+ }else if(lang === 'zh'){
+ selector = '-zh'
+ }else {
+ selector = ''
+ }
+ // /協槓是跟目錄的意思(index.html)
+ if(url === "/index.html") {
+ // 調用上方函數
+ sendResponse(`index${selector}.html`,200,response);
+ }else if(url === '/about.html'){
+ sendResponse(`about${selector}.html`,200,response);
+ }else if(url === '/login.html'){
+ sendResponse(`login${selector}.html`,200,response);
+ }else if(url === '/login-success.html'){
+ sendResponse(`login-success${selector}.html`,200,response);
+ }else if(url === '/login-fail.html'){
+ sendResponse(`login-fail${selector}.html`,200,response);
+ }else{
+ sendResponse(`404${selector}.html`,404,response);
+ }
+
+
+ // 這個else處理 POST的語句
+ }else{
+ if(url === '/process-login') {
+ // 把前端傳過來的數據 用一個空數組接收(緩衝區)，等待被讀取使用
+ let body = [];
+ // 監聽器(監聽前端發過來的請求)有兩個參數1.要監聽甚麼 2.回調函數
+ request.on('data' ,(chunk) => {
+ // 監聽到函數的參數推到數組裡
+ body.push(chunk)
+ })
+ // 第二個監聽器
+ request.on('end', ()=> {
+ // Buffer.concat() 是將緩衝區零散(Buffer)的數組 合併成一個大的緩區區(Buffer.concat())對象
+ body = Buffer.concat(body).toString()
+ // 拆分(sername=666&password=666) 變為對象
+ body = qs.parse(body)
+ console.log(body);
+ // 驗證帳號密碼階段 if else
+ if(body.username === 'john' && body.password === 'john123') {
+ // 狀態碼為301意思是 瀏覽器自動導向新的url，連結新的網址url
+ response.statusCode = 301
+ // 指定的網址路線 設置第一個參數Location 是為了告訴瀏覽器我要去指定的url
+ response.setHeader('Location' , '/login-success.html' )
+ }else {
+ // 狀態碼為301意思是 瀏覽器自動導向新的url，連結新的網址url
+ response.statusCode = 301
+ // 指定的網址路線 設置第一個參數Location 是為了告訴瀏覽器我要去指定的url
+ response.setHeader('Location' , '/login-fail.html' )
+ }
+ // 這句話代表回應了客戶的請求並結束了，下面再有句子就會引發錯誤
+ response.end()
+ })
+ }
+ }
+})
+
+// 前端聽取後端發給前端訊息方的方法 listen(1.端口 2.IP地址 3.回調函數)有三個參數
+server.listen(port,ip, () => {
+ // 終端機輸入node .\自創後端數據.js 會給一串網址 複製在瀏覽器就會出現後端發來的訊息
+ console.log(`Server is running at http://${ip}:${port}`);
+})
\ No newline at end of file
diff --git a/html/404-zh.html b/html/404-zh.html
new file mode 100644
index 0000000..2ca004f
--- /dev/null
+++ b/html/404-zh.html
@@ -0,0 +1,14 @@
+
+
+
+
+
+
+ Document
+
+
+
+ 404 頁面不存在
+
+
+
\ No newline at end of file
diff --git a/html/about-zh.html b/html/about-zh.html
new file mode 100644
index 0000000..ee9ddea
--- /dev/null
+++ b/html/about-zh.html
@@ -0,0 +1,15 @@
+
+
+
+
+
+
+ Document
+
+
+
+ 關於我們
+ Convert English version
+
+
+
\ No newline at end of file
diff --git a/html/about.html b/html/about.html
index 6d1e45d..589b500 100644
--- a/html/about.html
+++ b/html/about.html
@@ -9,6 +9,7 @@
About us
+ 轉換成中文