首先我们说路由
一个网站可能有非常多的路由我们不可能将所有的路由写在同一个文件中,为了方便区分,我们将同一模块的路由定义在一个文件中,添加一样的路由路径,
首先
express实现模块化
express.Router()
1,创建一个路由模块
比如说 bug.js(手动创建)
2,在路由模块文件中调用 express.Router();
let buy = express.Router();
然后用变量接收一下
3,使用返回的对象,书写路由
buy.get("/cart",(req,res)=>{
res.send("进入到购物车页面了")
})
第四步将buy暴露
module.exports = buy;
5,在入口文件中(qpp.js(默认的))(看自己得node.js启动在那个文件就是入口文件)
const buy = require("./buy");
6,调用app.use方法加载路由
app.use("/buy",buy);
接下来叫大家看看我封装的路由模块
代码块(可复制)
const express = require("express");
let buy = express.Router();
buy.get("/cart",(req,res)=>{
res.send("进入到购物车页面了")
})
buy.get("/seckill",(req,res)=>{
res.send("进入到秒杀页面了")
})
module.exports = buy;
这里面如果你的路由多的话你可以自己添加路由
接下来是 静态资源:托管
静态资源是,html,js,css,
express 实现静态资源访问
1将所有的静态资源放在一个文件夹下,
2,path.join(__dirname,"public") 获取静态资源文件夹的绝对路径
3,xpress.static() 设置静态资源路径
4. app.use() 使用中间件进行处理
*
可复制的代码
const express =require('express')
const path =require('path')
let app =express()
app.use(express.static(path.join(__dirname,'public')))
app.listen(3000,()=>{
console.log('已经·监听在3000端口');
})
注意所有的静态文件都在public文件夹下
注意html要明名为index.html因为这个是express默认的访问是那个文件夹下面的index.html
不然会出错,