Express的引入
Posted So istes immer
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Express的引入相关的知识，希望对你有一定的参考价值。
原生的http在某些方面表现不足以应对我们的开发需求，所以我们就需要使用框架来加快我们的开发效率，框架的目的就是提高效率，让我们的代码高度统一。
1.安装
切换到项目文件夹，执行下面两条命令
npm init -y
npm i -S express2.初步使用
我们在写请求路径的接口时，更加方便、美观
在Express中开放资源只要用一个API就行了
下面是三种访问静态资源的方式
// 我在/public/img目录下有一个a.jpg文件
//访问路径：http://127.0.0.1:3000/public/img/a.jpg
app.use('/public', express.static('./public'))
//访问路径：http://127.0.0.1:3000/static/img/a.jpg
//可以把/static看成是/public的别名
app.use('/static', express.static('./public'))
//访问路径：http://127.0.0.1:3000/img/a.jpg
app.use(express.static('./public')) app.js
const express = require('express')
const app = express()
// 公开指定目录
// 只要这样做就可以直接通过/public/xxx的方式访问public目录中的资源
app.use('/public/', express.static('./public/'))
app.get('/', function (req, res) {
res.send('hello express!')
})
app.get('/about', function(req, res) {
res.send('我是about')
})
app.listen(3000, function(){
console.log('The server is running at port 3000...')
})效果(后台执行node app.js)
3.nodemon
nodemon是一个基于Node.js开发的第三方命令行工具，可以实时检测到代码的变化并重启服务器
安装：npm install --global nodemon
使用：nodemon 文件名
4.在Express中使用模板引擎
安装： npm i -S art-template express-art-template
配置如下
app.js
const express = require('express')
const app = express()
// 第一个参数art表示使用art-template模板引擎渲染以.art为后缀名的文件
// 第一个参数也可以自己指定为html，这样配置你的模板文件就要以.html为后缀名
// express-art-template是用来将art-template整合到Express中
app.engine('art', require('express-art-template'))
// Express为response对象提供了一个render方法
// render方法默认不可用，需要先配置模板引擎
// 默认会去项目中的views目录下去找模板文件，所以第一个参数不写路径
app.get('/', function (req, res) {
res.render('admin.art',{
content: '爱自己是终身浪漫的开始'
})
})
app.listen(3000, function () {
console.log('The server is running at port 3000...')
})views/admin.art
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<h1>{{ content }}</h1>
</body>
</html>
如果想要修改默认的views视图渲染存储目录，这样改：
app.set('views', 目录路径)以上是关于Express的引入的主要内容，如果未能解决你的问题，请参考以下文章