关于nodemon工具
nodemon的作用:实时监听当前项目中文件的变化;只要发生变化就会自动重启web服务器
安装:npm i nodemon -g
使用:将之前的node换成nodemon即可
关于express
安装:npm i express -S
创建基本的express服务器:
`const express=require('express')
const app=express()
app.get(app.get('请求地址', (req, res) => { 处理函数 }))
//或者app.post(app.get('请求地址', (req, res) => { 处理函数 }))
app.listen(端口, IP地址, 启动成功后的回调函数)`
关于上述中get或者post的处理函数中的内容
res.send() //支持发送字符串、对象、Buffer
res.sendFile() 两种用法
1.res.sendFile(path.join(__dirname, './view/index.html'))
2.res.sendFile('./view/movie.html', { root: __dirname })
下面给写一个实际的例子帮助理解(确保安装了express)
//方法二需要const path=require('path')
const express=require('express')
const app=express()
app.get('/',(req,res)=>{
//res.send('你好')
//方法一:res.sendFile('./views/index.html',{root:__dirname})
//方法二:res.sendFile(path.join(__dirname,./views/index.html))
注意这里需要const path=require('path')
})
app.listen(3000,'127.0.0.1',()=>{
console.log('http://127.0.0.1:3000',服务器启动成功)
})
express.static()托管资源
如果网站中有很多资源需要被外界访问,此时用res.sendFile已经不能满足需求,此时就用上了静态资源托管了(即express.static());它可以快速托管指定目录下的静态资源文件
语法:(接着使用上面的app)
1.app.use(express.static(指定静态资源目录))
2.app.use(’/虚拟目录’,express.static(指定静态资源目录))
为express框架配置模板引擎渲染动态页面
1安装ejs模板引擎 npm i ejs -S
2.使用app.set(‘view engine’,‘ejs’)配置默认的模板引擎
3.app.set(‘views’,’./views’)配置页面默认存放路径
4.res.render(‘index,ejs’,{页面有需要的数据可以为空})渲染页面 模板页面的后缀名可以省略不写
在express中配置art-template
- 安装 两个包 cnpm i art-template express-art-template -S
(这里的cnpm用的是淘宝镜像可以提高效率 详情见百度) - 自定义一个模板引擎 app.engine(‘自定义模板引擎的名称’, 渲染函数)
- 将自定义的模板引擎,配置为 express 的默认模板引擎 app.set(‘view engine’, ‘具体模板引擎的名称’)
- 配置 模板页面得存放路径 app.set(‘views’, ‘路径’)
使用express框架中提供的路由来发送请求
什么是路由:就是对应关系
关于后端路由:前端ajax请求的url地址,都要一个后端的处理函数url地址与处理函数的对应关系(前后台交互的接口)
express中路由的职责:把请求分发到对应的函数中
定义
//1.封装单独的router.js路由模块文件
const express=require('express')
//创建路由对象
const router=express.Router()
router.get('/', (req, res)=>{})
router.get('/movie', (req, res)=>{})
router.get('/about', (req, res)=>{})
// 导出路由对象
module.exports = router
使用
// 导入自己的路由模块
const router = require('./router.js')
// 使用 app.use() 来注册路由
app.use(router)