1. node.js

来源:https://www.cnblogs.com/zhongchao666/archive/2018/07/09/9285520.html
-Advertisement-
Play Games

官網: https://nodejs.org/en/ http://nodejs.cn/ Node.js 是一個基於 Chrome V8 引擎的 JavaScript 運行環境。 Node.js 使用了一個事件驅動、非阻塞式 I/O 的模型,使其輕量又高效。 Node.js 的包管理器 npm,是全 ...


官網: (下載安裝nodejs)
https://nodejs.org/en/

http://nodejs.cn/

Node.js 是一個基於 Chrome V8 引擎的 JavaScript 運行環境。
Node.js 使用了一個事件驅動、非阻塞式 I/O 的模型,使其輕量又高效。
Node.js 的包管理器 npm,是全球最大的開源庫生態系統。

後端流行語言:
java #C node.js

驗證版本:
node -v或--version
npm -v或--version或--v或-version

js組成:
1、DOM
2、BOM
3、ECMAScript

node文件的命名:
不能用:node.js 或 nodejs.js

node 用來寫伺服器

http 的埠:80
https 的埠:433

創建伺服器:3步

1.引入模塊
2.創建服務
3.監聽埠

readFile 非同步讀取文件(有回調函數)
readFileSync 同步讀取文件(無回調函數)

ajax:Asynchronous JavaScript and XML

異常處理try...catch

try{
//有可能出錯的代碼
}catch(e){//error
//補救的代碼 或 提示信息
}

fs.readFile("地址、路徑"[,編碼],回調函數(err,data){...});
fs.readFileSync("地址、路徑"[,編碼]);
Buffer對象

utf-8/utf8/data+""/data.toString();

exp:創建伺服器:
//1.引入模塊
var http = require("http");
var fs = require("fs");

//2.創建服務
var server = http.createServer(function(req,res){
    var url = req.url;
    console.log("url:",url);

    fs.readFile("www"+url,function(err,data){
        if (err) {
            res.end("404");
        }else{
            res.end(data);
        }
    });
});

//3.監聽埠
server.listen(9000,function(){
    console.log("伺服器已開啟:http://localhost:9000");
});

伺服器運行:
1.打開伺服器:
image
2.瀏覽器訪問:
image
3.伺服器響應:
image

登錄註冊

user.html

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <script src="jquery.js"></script>
    <script>
        $(function(){
            var $oUser = $("#username");
            var $oPass = $("#pass");
            var $oLogin = $("#login");
            var $oReg = $("#reg");
            
            $oLogin.click(function(){
                $.ajax({
                    url:"/login",
                    data:{
                        user:$oUser.val(),
                        pass:$oPass.val()
                    },
                    dataType:"json",
                    success:function(json){
                        console.log(json);
                    }
                    
                });
            });
            $oReg.click(function(){
                $.ajax({
                    url:"/reg",
                    data:{
                        user:$oUser.val(),
                        pass:$oPass.val()
                    },
                    dataType:"json",
                    success:function(json){
                        console.log(json);
                    }
                    
                });
            }); 
        });
    </script>
    <body>
        用戶名:<input id = "username" type="text" value="aaa"/><br />
        密碼: <input id ="pass" type="text" value="123"/><br />
        <input id = "login" type="button" value="登錄"/>
        <input id = "reg" type="button" value="註冊"/>
        
    </body>
</html>

user.js

var http = require("http");
var fs = require("fs");
var users = {aaa:123}; 
var server = http.createServer(function(req,res){
    var url = req.url;
    console.log("url:",url);
    var GET = {};
    
    if(url.indexOf("?") != -1){//介面
        var arr1 = url.split("?");
        url = arr1[0];
        var arr2 = arr1[1].split("&");
        for(var i = 0; i < arr2.length; i++){
            var arr3 = arr2[i].split("=");
            GET[arr3[0]] = arr3[1];
        }
        console.log("url:",url,"GET:",GET);
        
        if(url == "/login"){
            var username = GET.user;
            var password = GET.pass;
            if(!users[username]){
                res.end('{"error":0,"msg":"用戶名或者密碼不正確"}');
            }else{
                if(users[username] == password){
                    res.end('{"error":0,"msg":"登錄成功"}');
                }else{
                    res.end('{"error":0,"msg":"用戶名或者密碼不正確"}');
                }
            }
        }else if(url == "/reg"){
            var username = GET.user;
            var password = GET.pass;
            /*res.end('{"error":1,"msg":"reg"}');*/
            if(users[username]){
                res.end('{"error":1,"msg":"用戶名存在"}');
            }else{
                users[username] = password;
                res.end('{"error":1,"msg":"註冊成功"}');
            }   
        }
        
    }else{
        fs.readFile("www"+url,function(err,data){//文件
            if(err){
                res.end("404");
            }else{
                res.end(data);
            }
        })
    }
});

server.listen(9000,function(){
    console.log("伺服器已打開");
})

user2.js:引入url模塊直接獲取json對象

var http = require("http");
var fs = require("fs");
var modUrl = require("url");
var users = {aaa:123};
var server = http.createServer(function(req,res){
    var url = req.url;
    console.log("url:",url);
    
    var GET = {};
    var urlObj = modUrl.parse(url,true);
    url = urlObj.pathname;  
    GET = urlObj.query; 

    if(url == "/login"){
        var username = GET.user;
        var password = GET.pass;
        if(!users[username]){
            res.end('{"error":0,"msg":"賬號或密碼輸入錯誤!"}');
        }else{
            if(users[username] == password){
                res.end('{"error":0,"msg":"輸入正確"}');
            }else{
                res.end('{"error":0,"msg":"賬號或密碼輸入錯誤!"}');
            }
        }
    }else if(url == "/reg"){
        var username = GET.user;
        var password = GET.pass;
        if(users[username]){
            res.end('{"error":1,"msg":"用戶名已存在,請重新輸入"}');
        }else{
            users[username] = password;
            res.end('{"error":1,"msg":"註冊正確"}');
        }       
    }else{
        fs.readFile("www" + url,function(err,data){
            if(err){
                res.end("404");
            }else{
                res.end(data);
            }
        })
    }
});
server.listen(9000);

運行效果:

image

image


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 1為什麼要做性能優化? 手機性能越來越好,不用糾結這些細微的性能? Android每一個應用都是運行的獨立的Dalivk虛擬機,根據不同的手機分配的可用記憶體可能只有(32M、64M等),所謂的4GB、6GB運行記憶體其實對於我們的應用不是可以任意索取 詳情:http://10.158.0.33/bbs ...
  • App效果: 功能和交互簡單描述: 針對微信使用用戶每天的零碎時間來進行天氣,新聞要點等查看,免去了打開其他App來查看; 針對每一天可以設置一項重要任務計劃,可開啟通知提醒,讓每一天任務簡化,免去太多任務計劃導致不能按時執行; 很多人在每一天玩手機時間過長,耽誤了工作生活,專註時間功能開啟,即統計 ...
  • DBFlow新版使用,該實例涉及功能:1.資料庫增刪改查(操作封裝),2.同/非同步+事物操作,3.資料庫升級(新增表+新增欄位+預設值設置等)+自定義資料庫存儲路徑... ...
  • 一.根源: 記憶體泄露簡單說就是已經沒有用的資源,但是由於被其他資源引用著無法被GC銷毀。 二.記憶體泄露常見場景 1.單例導致記憶體泄露 單例的靜態特性使得它的生命周期同應用的生命周期一樣長,如果一個對象已經沒有用處了,但是單例還持有它的引用,那麼在整個應用程式的生命周期它都不能正常被回收,從而導致記憶體 ...
  • 一,命令行下輸入: sudo npm install -g cordova ionic用來安裝最新版本的cordova和ionic.如下圖所示: 二,等待一下,如下圖所示。 三,用命令 npm update -g cordova ionic(Window) 或命令 sudo npm update - ...
  • 一、圖標和splash大小不一樣 icon圖標的大小儘量為1024*1024,並且不能為圓角。 splash圖片的大小儘量為2732*2732,ionic1的大小為2208*2208 ...
  • 對象屬性 常用對象屬性主要有以下幾種: 1.global: 是否全文搜索,預設false 2.ignore case:是否大小寫敏感,預設是false 3.multiline:多行搜索,預設值是false 4.lastIndex:是當前表達式匹配內容的最後一個字元 5.source:正則表達式的文本 ...
  • HTML(Hypertext Markup Language)超文本標記語言,它負責頁面的結構。超文本指的是超鏈接,使用超鏈接可以從一個頁面跳轉到另一個頁面。 HTML的發展:1993年6月發佈第一個版本,1995年11月第二個版本,2000年底XHTML1.0,2014年HTML5.0。 1、標題 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...