名词解释
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)