上节课回顾

http协议的参数：要仔细看
头部参数和body体
xshell open命令

本节课内容

http fs url模块的使用
本地文件访问
根据不同的url地址请求不同的资源
构建静态资源的服务器

http、fs、url模块的使用

• http模块：主要用于创建http server服务

const http = require('http');//加载http模块
http.createServer(function (req,res) { res.end('Hello World\n');}).listen(3000,"192.168.127.132"); //创建Server
console.log("Server running at http://192.168.127.132:3000");

浏览器输入：http://192.168.127.132:3000

Paste_Image.png

• fs模块： 主要用于处理文件资源

const http = require('http');  //加载http模块
const fs = require('fs');//加载fs模块
const ip = '192.168.127.132';//定义常量ip
const port = 3000;//定义常量端口号

var data = fs.readFileSync('/etc/passwd');//读取本地文件/etc/passwd,并赋给data变量
var f = function (req,res) {
      res.write(data);//输出data数据到浏览器
      res.end(); //结束
}//定义请求函数
var f2 = function (){
      console.log('Server start');
}//定义后台执行函数
http.createServer(f).listen(port, ip,f2);//创建服务

浏览器输入：http://192.168.127.132:3000

Paste_Image.png

• url模块： 主要用于解析url

const http = require('http');//加载http模块
const url = require('url');//加载url模块
const ip = '192.168.127.132';//定义常量ip
const port = 3000;//定义常量端口号

var f = function (req,res) {
    var pathname = url.parse(req.url).pathname;//获取客户端url地址
    res.write(pathname+'\n');//输出客户端url地址
    res.end();//结束请求
}//定义请求函数
var f2 = function (){
    console.log('Server start');
}//定义后台显示函数
http.createServer(f).listen(port, ip,f2);//创建server

浏览器输入：http://192.168.127.132:3000

Paste_Image.png
若浏览器输入：http://192.168.127.132:3000/index,则显示：
Paste_Image.png

构建静态资源的服务器

• 思路：
  • 服务器本地创建静态资源
  • 获取前台url
  • 使用switch语句，不同url获取服务器不同静态资源
    具体细节及代码后补

今日作业：

• 构建一个静态资源的服务器，根据不同的url地址请求不同的文件(模板)
• 构建一个 详情页 列表页 首页