Node.js

定义:

前端工程化:

开发项目直到上线 所用的 集成工具与技术

FS模块:

模块:封装的属性以及方法

FS:node内置的 读取本地文件的方法

用法:

复制代码
const fs=require('fs')
//创建fs对象
//写入对象
fs.writeFile('../html/test.html','看看我插入没wwww',(err) =>{
  if(err==null){
    console.log("成功")
  }else{
    console.log(err+"失败")
  }
})
//读取对象
fs.readFile("../html/test.html",(err,data)=>{

     if(err==null){
    console.log("成功"+data)
  }else{
    console.log(err+"失败")
  }
})

建议自己写个文件做测试 这里成功写入并且读取了内容

Path模块:

path 模块主要是对文件的地址进行设置 防止因为环境的不同 而找不到文件

复制代码
const fs=require('fs')
//创建fs对象
//写入对象
fs.writeFile('../html/test.html','看看我插入没wwww',(err) =>{
  if(err==null){
    console.log("成功")
  }else{
    console.log(err+"失败")
  }
})
//读取对象
const path =require('path')
//获取path
console.log(__dirname)
//绝对文件路径 用path 的join方法 增加后缀的相对路径 使得 无论在什么环境之下都能找到文件的路径
fs.readFile(path.join(__dirname,'../html/test.html'),(err,data)=>{

     if(err==null){
    console.log("成功"+data)
  }else{
    console.log(err+"失败")
  }
})
/**
 * path 模块
 * 引入路径  使得项目无论在哪个环境都可以找到文件
 */

http模块:创建web服务

代码:

javascript 复制代码
const http=require('http')
const serve=http.createServer()
//请求和创建服务
//开启事件监听
serve.on('request',(req,res)=>{
  req.setEncoding('utf-8')
  res.setHeader("Content-Type", "text/plain;charset=utf-8")
  //设置编码 防止乱码
    res.end("你好欢迎来到服务器")
})
serve.listen(3302,()=>{
//设置端口和响应事件
    console.log("服务启动")
})

可以看到 创建服务后控制台持续在监听事件

成功啦 浏览器打开输入localhst:3302端口就可以访问

将fs path http结合起来 做一个访问页面

javascript 复制代码
const http=require('http')
const serve=http.createServer()
//请求和创建服务
//开启事件监听
serve.on('request',(req,res)=>{
    //读取对象
    const fs=require('fs')
const path =require('path')
//获取path
console.log(__dirname)
//绝对文件路径 用path 的join方法 增加后缀的相对路径 使得 无论在什么环境之下都能找到文件的路径
fs.readFile(path.join(__dirname,'../html/day01.html'),(err,data)=>{

     if(err==null){
    console.log("成功"+data)
    req.setEncoding('utf-8')
  res.setHeader("Content-Type", "text/html;charset=utf-8")
  //设置编码 防止乱码
    res.end(data.toString())
  }else{
    console.log(err+"失败")
  }
})
  
})
serve.listen(3302,()=>{
    console.log("服务启动")
})

成功访问啦 可以自己去拿几个html文件尝试

相关推荐
老坛00115 分钟前
2025决策延迟的椭圆算子分析:锐减协同工具的谱间隙优化
前端
老坛00116 分钟前
从记录到预测:2025新一代预算工具如何通过AI实现前瞻性资金管理
前端
今禾18 分钟前
" 当Base64遇上Blob,图像转换不再神秘,让你的网页瞬间变身魔法画布! "
前端·数据可视化
华科云商xiao徐23 分钟前
高性能小型爬虫语言与代码示例
前端·爬虫
十盒半价23 分钟前
深入理解 React useEffect:从基础到实战的全攻略
前端·react.js·trae
攀登的牵牛花24 分钟前
Electron+Vue+Python全栈项目打包实战指南
前端·electron·全栈
iccb101325 分钟前
我是如何实现在线客服系统的极致稳定性与安全性的
前端·javascript·后端
一大树25 分钟前
Vue3祖孙组件通信方法总结
前端·vue.js
不要进入那温驯的良夜27 分钟前
跨平台UI自动化-Appium
前端
海底火旺27 分钟前
以一个简单的React应用理解数据绑定的重要性
前端·css·react.js