07-全栈笔记

http模块

var http = require('http')//引入官方的http模块
var fs = require('fs') //引入官方的fs
//创建一个服务器
var app = http.createServer((req, res) => {			//req前端 ，res后端
})
            app.listen(8000)//端口号

设置端口号之后还要知道自己的ip

如何查看自己的ip呢

win+r ==> cmd ==>ipconfig

IPv4这个就是你的IP

如何进入后端

在自己的写的代码的目录哪里cmd

cmd

node+项目的名称

写代码阶段

var http = require('http')//引入官方的http模块
var fs = require('fs') //引入官方的fs
//创建一个服务器 回调函数不会直接运行 会在用户每次访问当前计算机的ip下的8000端口
var app = http.createServer((req, res) => {			//req前端 ，res后端
	            if (req.url == '/home') {
	            //配置返回给用户的数据包 的数据格式 和编码的类型utf8
                res.setHeader('content-Type', "text/html;charset=utf-8")
                //给前端最后一次发送数据包
                res.end('你好这是首页')
            }else if (req.url == '/123') {
                res.setHeader('content-Type', "text/html;charset=utf-8")
                res.end('it is 斌')
            }

})
            app.listen(8000)监听计算机的端口: min-max

当ip+端口+/home(结果)

结果当ip+端口+/123(结果)

图片阶段

var http=require("http")
var fs=require("fs")
var app=http.createServer((req,res)=>{
	if(req.url=="/18.jpg"){
	   //读取一个图片发给前端
	   fs.readFile("./src/18.jpg",(err,data)=>{
			   res.end(data)
	   })
	}
})
app.listen(8000)

展示静态页面阶段

var http = require('http')//引入官方的http模块
var fs = require('fs') //引入fs系统自带的模块 
//创建一个服务器
var app = http.createServer((req, res) => {			//req前端 ，res后端
	    if (req.url == '/pc.html') {
                res.setHeader('content-Type', "text/html;charset=utf-8")
                fs.readFile(__dirname + '/pc.html', (err, data) => {
                    res.end(data)
                })
            } else if (req.url == '/index1.css') {
                res.setHeader('content-Type', 'text/css')
                fs.readFile(__dirname + '/index1.css', (err, data1) => {
                    res.end(data1)
                })
            } else if (req.url == '/img1') {
                fs.readFile(__dirname + '/img1', (err, data) => {
                        res.data(data)
                    })
                }  

})
            app.listen(8000)//端口号

结果当ip+端口+/pc.html(结果)

网址: URL

http://www.hqyj.com/20220728/news/page1/index.html?count=20&maxid=123456#top1

网址的组成: 协议 域名 pathname querystring hash
域名 ==>DNS解析 会把域名解析为一个ip port

各种路径

本地绝对路径
从根盘符开始写路径
根盘符就是指的c盘，d盘：D:\node\index\day01\01-06\05-发给图片给前端/index.html
相对网络路径
当前页面的网址: “协议://ip:port /src/news/index.html querystring hash”
以./img/123.jpg==> “协议://ip:port /src/news/img/123.jpg”
/img/123.jpg==> “协议://ip:port /src/news/img/123.jpg”
绝对网络路径
"协议://ip:port /src/news//img/123.jpg
本地相对根路径
路径:“file:///c:/img/123.jpg”
网络相对根路径
网址:“http://192.168.5.6:8000/img/123.jpg”

下载egg框架

静态资源托管