IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> JavaScript知识库 -> Web前端开发之前后端交互08——Node.js、fs模块、path模块、http模块 -> 正文阅读

[JavaScript知识库]Web前端开发之前后端交互08——Node.js、fs模块、path模块、http模块

目录

Node.js:

?fs模块:

?路径动态拼接的问题:

?path路径模块:

?http模块:

? 创建web服务器:

?req请求对象:

??res请求对象:?

服务器搭建思路:


Node.js:

首先,我们来思考一下JS为什么可以被浏览器解析。

其次,为什么JS可以操作DOM和BOM。

再次,我们了解一下JS运行环境:

?

?

?

?fs模块:

读取文件:

?

?写入文件:

?实际代码:

const fs=require('fs')
let getData=null
//读文件
fs.readFile('./look before use.txt','utf8',function (err,data) {
    if (!err){
        getData=data
        console.log(getData)
    }else{
        console.log(data)
    }
})
//写文件
fs.writeFile('File/needChange.txt','我是修改后的内容','utf8',function () {
    console.log('changed')
})

运行结果:

?路径动态拼接的问题:

?

?但是这样会导致移植性差的问题。下面我们来看看解决方法:

使用_dirname来解决此问题。

?path路径模块:

路径拼接:

?获取文件名:


获取文件扩展名:

?上面几个方法的示例代码:

const path=require('path')
const fs=require('fs')
//需要注意的是../会抵消上一个传入的路径片段
let pathDir=path.join(__dirname,'/File/needRead.txt')
console.log(pathDir)

//获取文件名字
let pathFileName=path.basename(pathDir,'.txt')
console.log(pathFileName)

//获取扩展名
let getExtName=path.extname(pathDir)
console.log(getExtName)

使用fs和path时,需要注意的几点:

?http模块:

?

? 创建web服务器:

?

?

?

?

?示例代码:

const http=require('http')
const server=http.createServer()
server.on('request',(req, res) => {
    console.log('someone visit!')
})
server.listen(8099,function () {
    console.log(`http server run in http://127.0.0.1:8099 `)
})

运行结果:

?req请求对象:

??res请求对象:

?解决中文乱码问题:

设置回应头Content-Type。

res.setHeader('Content-Type','text/html;charset=utf-8')

?下面我把整个服务器的流程代码和目录情况展示:

首先是服务器的JS代码:

const fs=require('fs')
const path=require('path')
const http=require('http')

//初始化服务器
const server=http.createServer()

//服务器请求时触发
server.on('request',(req, res) => {
    console.log('someone visit!')

    //设置响应头编码
    res.setHeader('Content-Type','text/html;charset=utf-8')

    if (req.url==='/'||req.url==='/index.html'||req.url==='/index.php'){
        fs.readFile(__dirname+'/File/serverTestPort/index.html','utf8',function (err,data) {
            if (err){
                res.end('404 Not Found')
            }else{
                res.end(data)
            }
        })
        // res.end(`您访问了【 ${req.url}】, 你使用了【 ${req.method}】`)
    }else{
        //使用end()回应请求。
        fs.readFile(__dirname+'/File/serverTestPort/404.html','utf8',function (err, data) {
            if (err){
                res.end('404 Not Found')
            }else{
                res.end(data)
            }
        })
    }




})

//服务器开始监听
server.listen(8099,function () {
    console.log(`http server run in http://127.0.0.1:8099 `)
})

其次是目录情况:

上面就是服务器的搭建全流程。

服务器搭建思路:

  JavaScript知识库 最新文章
ES6的相关知识点
react 函数式组件 & react其他一些总结
Vue基础超详细
前端JS也可以连点成线(Vue中运用 AntVG6)
Vue事件处理的基本使用
Vue后台项目的记录 (一)
前后端分离vue跨域,devServer配置proxy代理
TypeScript
初识vuex
vue项目安装包指令收集
上一篇文章      下一篇文章      查看所有文章
加:2022-04-07 22:34:53  更:2022-04-07 22:36:40 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/24 2:55:05-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码