Node.js基礎篇

標簽： JavaScript Node.ja使用

一:下載、安裝及重啟電腦

下載地址:https://nodejs.org/en/download/

選擇合適的版本下載,安裝的話就是一直下一步,這里就不過多闡述了

安裝完成后進入終端查看是否安裝成功:

win+r >>> cmd >>> node -v

或者:

win+r >>> cmd >>> node -version

出現版本號就說明安裝成功了

接下來是最重要的一步:重啟電腦!

重啟電腦!

二:Node.js使用流程

(1)創建工程文件夾(node_basic)

在IDE(這里以visual studio code為例)中創建一個新文件夾,文件夾名字不能有中文和大寫字母(我這里命名為node_basic)

(2)初始化項目

右鍵node_basic文件夾 >>> 在終端中打開,然后輸入命令:npm init

這里需要注意一個細節:右上角終端個數只能有一個,多的話刪除

(3)配置細節

如果你只是練習的話可以直接回車,系統會自動設置成默認值,我這里就直接按默認值了

括號內的內容就表示默認值

package name:(node) --- 包名

version:(1.0.0) --- 包的版本號

description: --- 對包的描述

entry point: (index.js) --- 開始文件(這里的文件名要和之后要創建的第一個js文件名保持一致,因為程序是從這個js文件開始的)

test command: --- 測試要求

git repository: --- git庫,這里需要使用git

keywords: --- 關鍵字

author: --- 作者

license: (ISC) ---許可

全部輸入完畢后回車,系統會自動生成包的描述信息文件(json格式)

(3)在node_basic下創建靜態文件夾public

這里說一下為什么稱此文件夾為靜態文件夾?

靜態文件夾用來存放可以被所有客戶端查看的內容,所以命名為public

(4)創建客戶端文件(index.html)和服務端文件(index.js)

注意:服務端文件(index.js)要和之前創建包時的 entry point: (index.js) 所輸入的文件名保持一致

客戶端文件(index.html)要創建在public文件夾下

因為我之前直接使用默認的文件名,所以這里新創建的文件名就為index.js

(5)下載依賴項,并在服務端和客戶端進行交互(重難點)

1.下載依賴項(express)

在剛才的終端中輸入命令:npm install express

下載完成后,會多出幾個文件

如果出錯代理錯誤怎么辦?

很簡單,在終端中分別輸入 :

npm config set registry http://registry.cnpmjs.org >>> 回車

npm info underscore >>> 回車

然后在輸入:npm install express 就行了

2.編輯客戶端文件(index.html)

<body>
    <form action="/info">
        <input type="submit" value="信息">
    </form>
</body>

說明幾點:

1.所有內容必須寫在form標簽中

2.action 表示要提交的接口,通過這個接口客戶端才能和服務端交互

3.編輯服務端文件(index.js)

// 引入express模塊 express模塊為數據請求基礎模塊
var express = require('express')

// 創建模塊的一個實例化對象
var web = express()

// 讓web對象使用工程中的靜態資源public文件夾
web.use(express.static('public'))
              
web.get('/info', function (request, response) {
    response.send('<h1>服務端傳給客戶端的信息</h1>')
})

web.listen('8080', function () {
    console.log('服務器啟動了')
})

講解一下:

1.前三句代碼為固定格式

2.get()方法:

參數一:請求的接口,要和客戶端的接口一致

參數二:回調函數

回調函數也有兩個參數:

參數一:前端往后端傳值

參數二:后端往前端傳值

3.listen()方法,讓服務端監聽某個端口(這里以8080為例)

(4)交互

1.開啟服務器

在終端中輸入 node index

2.打開index.html文件,修改網址為localhost:8080

修改前:

修改后:

3.交互,點擊信息按鈕

關于服務器這里有幾點需要注意:

如果修改了index.js任意內容,必須重新啟動服務器

方法:ctrl+c取消終端操作,再次輸入命令 node index,然后刷新網站頁面

到此就完成了一個最基本的交互,希望小伙伴們可以學會

本文鏈接：https://blog.csdn.net/qq_41646358/article/details/82191232

智能推薦

node.js基礎介紹

Node.js簡介 Node.js就是運行在服務端的JavaScript，Node.js是基于Chrome JavaScript運行時建立的一個平臺。Node.js是一個時間驅動I/O服務端JavaScript環境，基于Google的V8引擎，V8引擎執行JavaScript的速度的速度非常快，性能非常好。 Node.js安裝 1.windows安裝包（.msi） 32位安裝包下載地址： ...

node.js基礎了解

node.js的特點單線程：只有一個線程執行任務非堵塞I/O：在I/O耗時操作時，線程不堵塞事件驅動：使用事件驅動程序往下繼續運行 node,js模塊化規范：遵循common.js規范加載模塊的時候同步。當遇到require() 語句時，會停下來等加載完成然后繼續往下執行。暴露模塊的時候推薦...

node.js基礎入門

為什么學習node.js node.js可以輔助前端開發，代替后端開發（但其還是不能和java比），node.js與php相比來說，他的優點是：性能高，開發效率高，應用范圍廣，其缺點是：新型語言，函數少，ide（開發環境，編譯器）不完善什么是node.js? node.js是基于chrome v8引擎的JavaScript運行環境。node...

freemarker + ItextRender 根據模板生成PDF文件

1. 制作模板 2. 獲取模板，并將所獲取的數據加載生成html文件 2. 生成PDF文件其中由兩個地方需要注意，都是關于獲取文件路徑的問題，由于項目部署的時候是打包成jar包形式，所以在開發過程中時直接安照傳統的獲取方法沒有一點文件，但是當打包后部署，總是出錯。于是參考網上文章，先將文件讀出來到項目的臨時目錄下，然后再按正常方式加載該臨時文件；還有一個問題至今沒有解決，就是關于生成PDF文件...