Nodejs 18-express筆記

名詞解釋

Express: Express是基於Nodejs的web應用開發框架,完全是由路由和中間件構成一個的 web 開發框架:從本質上來說,一個 Express 應用就是在調用各種中間件
中間件 是提供系統軟件和應用軟件之間連接的軟件,以便於軟件之間的溝通

編寫Hello World web 程序

  1. 創建01-hello-world目錄,進入目錄
mkdir 01-hello-world
cd 01-hello-world
  1. 爲了隨時知道項目中使用了哪些包,具體包的版本信息,我們要創建package.json文件
npm init -y
//-y可以省去我們填寫信息,它會自動默認
  1. 安裝express模塊
npm i express -S
//-S是局部安裝
  1. 新建index.js並編寫腳本
const express = require('express');
const app = express();

app.get('/',(req,res)=>{
	console.log('Hello World!');
});
app.listen('8080');
  1. 我們可以用curl或chorme來測試

Web 靜態文件服務

前三步和上面的一樣
4. 編寫02-static-web-server

const express = require('express');
const app = express();

app.use(express.static('.'));//將靜態文件目錄設置爲項目根目錄
app.listen('8080');

瞭解express框架代碼

操作

  1. 切換到root賬戶
  2. npm i -g express-generator全局安裝express代碼生成器。通過應用生成器工具 express 可以快速創建一個應用的骨架
  3. 切換到開發者賬戶
  4. 通過查看express代碼生成器的版本驗證是否安裝是否成功express --version
  5. 瞭解express代碼生成器的命令行參數express -h
  6. 創建一個初始網站框架express -e 03-quick-start
  7. 安裝項目依賴cd 03-quick-stat && npm install
  8. 啓動網站DEBUG=03-quick-start:*npm start
  9. 用curl或chorme測試,chorme前綴必須是ip地址,url地址的端口號必須寫成3000(報錯的話,可能是沒打開3000端口,解決方案sudo firewall-cmd --permanent --add-port=3000/tcp(添加3000端口)、sudo firewall-cmd --reload(重啓一下)、sudo firewall-cmd --zone=public --list-port(顯示已經打開的端口))
  10. 查看項目目錄結構 tree -I node_modules
    tree安裝sudo yum -y install tree
  11. 目錄解釋
    bin:存放啓動項目的腳本文件
    node_modules:存放所有的項目依賴庫
    public:靜態文件(css、js、img)
    routes:路由文件(MVC中的C,controller)
    views:頁面文件(Ejs模板)
    package.json:項目依賴配置及開發者信息
    app.js:應用核心配置文件

public 放前端代碼(images/javascripts/stylesheets)
app.js文件:主程序
bin/www文件:可執行程序
test文件夾:做單元測試
express是MVC框架()
roots文件夾:路由(MVC中c)
views文件夾:視圖(MVC中v)大部分是html代碼-模板代碼
還有一個Models 是(M)

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章