Nodejs 18-express笔记

名词解释

Express: Express是基于Nodejs的web应用开发框架，完全是由路由和中间件构成一个的 web 开发框架：从本质上来说，一个 Express 应用就是在调用各种中间件
中间件 是提供系统软件和应用软件之间连接的软件，以便于软件之间的沟通

编写Hello World web 程序

1. 创建01-hello-world目录，进入目录

mkdir 01-hello-world
cd 01-hello-world

2. 为了随时知道项目中使用了哪些包，具体包的版本信息，我们要创建package.json文件

npm init -y
//-y可以省去我们填写信息，它会自动默认

3. 安装express模块

npm i express -S
//-S是局部安装

4. 新建index.js并编写脚本

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

app.get('/',(req,res)=>{
	console.log('Hello World!');
});
app.listen('8080');

5. 我们可以用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）