名詞解釋
Express: Express是基於Nodejs的web應用開發框架,完全是由路由和中間件構成一個的 web 開發框架:從本質上來說,一個 Express 應用就是在調用各種中間件
中間件 是提供系統軟件和應用軟件之間連接的軟件,以便於軟件之間的溝通
編寫Hello World web 程序
- 創建01-hello-world目錄,進入目錄
mkdir 01-hello-world
cd 01-hello-world
- 爲了隨時知道項目中使用了哪些包,具體包的版本信息,我們要創建package.json文件
npm init -y
//-y可以省去我們填寫信息,它會自動默認
- 安裝express模塊
npm i express -S
//-S是局部安裝
- 新建index.js並編寫腳本
const express = require('express');
const app = express();
app.get('/',(req,res)=>{
console.log('Hello World!');
});
app.listen('8080');
- 我們可以用curl或chorme來測試
Web 靜態文件服務
前三步和上面的一樣
4. 編寫02-static-web-server
const express = require('express');
const app = express();
app.use(express.static('.'));//將靜態文件目錄設置爲項目根目錄
app.listen('8080');
瞭解express框架代碼
操作
- 切換到root賬戶
npm i -g express-generator
全局安裝express代碼生成器。通過應用生成器工具 express 可以快速創建一個應用的骨架- 切換到開發者賬戶
- 通過查看express代碼生成器的版本驗證是否安裝是否成功
express --version
- 瞭解express代碼生成器的命令行參數
express -h
- 創建一個初始網站框架
express -e 03-quick-start
- 安裝項目依賴
cd 03-quick-stat && npm install
- 啓動網站
DEBUG=03-quick-start:*npm start
- 用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
(顯示已經打開的端口)) - 查看項目目錄結構
tree -I node_modules
tree安裝sudo yum -y install tree
- 目錄解釋
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)