Express 简介

Posted 2021-02-22 getcharzp

Express

Express 安装及hello world

安装：

npm install express

Hello World：

const express = require(‘express‘)
const app = express()

app.get(‘/‘, (req, res) => res.send(‘Hello World‘))
app.listen(8000, () => console.log("服务已启动"))

通过 express-generator创建express项目

安装 express-generator到项目目录的 node_modules 中：

npm install express-generator

创建 express 项目

# node_modules.binexpress --view=模板引擎名 项目名
node_modules.binexpress --view=pug myapp

安装依赖

npm install

cd 到项目中，启动项目

npm start

express 路由

配置 app.js，配置好后网站就根据访问 / 找到系统的子路由 index.js

var indexRouter = require(‘./routes/index‘);
app.use(‘/‘, indexRouter);

配置 index.js 的路由规则，直接返回数据到页面

router.get(‘/index‘, (req, res) => {
  res.send("<h1>hello getcharzp</h1>")
})

配置 index.js 的路由规则，调用模板返回数据

router.get(‘/‘, function(req, res, next) {
  res.render(‘index‘, { title: ‘getcharzp ‘ });
});

安装 nodemon 实现修改后自动重启

安装：

npm i nodemon

配置 package.json 文件，将 start 修改为：

"start": "nodemon ./bin/www"

静态资源访问

通过浏览器访问：

http://localhost:3000/css/style.css
http://localhost:3000/js/app.js
http://localhost:3000/images/bg.png
http://localhost:3000/hello.html

通过 pug 模板引擎访问：

block content
  img(src=‘/images/qingtou.jpg‘)
  block scripts
    script(src=‘/javascripts/index.js‘)