当前位置： 首页 > news >正文

node.js服务器动态资源处理

news 文章来源：https://blog.csdn.net/2301_76669854/article/details/137780642 2024/10/26 3:39:24

一、node.js服务器动态资源处理与静态资源处理的区别？

静态与动态服务器主要区别于是否读取数据库，若然在数据库中的资料处理中将数据转换成可取用格式的结构，也就是说把对象转化为可传输的字节序列过程称为序列化，反之则为反序列化。

简单来说，它比起静态资源较复杂，因为它会随用户不同、响应内容不同而不断产生变化

二、什么是动态资源处理？

以JSON与JS为例，JSON.stringify()对数据序列化，JSON.parse()对数据反序列化。动态处理也就是对数据进行重新排序来读写数据库，读取反序列化，写入序列化。

三、处理动态资源的方法？

将页面内容动态化。使用到第三方模块——>模板引擎  去动态将我的数据嵌入到我的网页中去。

什么是模板引擎？见 http://t.csdnimg.cn/lzedW

四、代码示例。

（1）我们将首页、登录、注册三个html静态页面和用户列表users.html写在views这个大文件夹下。css样式和images图片放入public这个大文件夹下。创建一个data大文件夹，data下面建一个user.json文件来专门存储用户数据
简单写一下首页、注册、登录页面的html静态页面的样式。此处省略。具体见我上篇博客见 http://t.csdnimg.cn/zXWW7

动态资源处理具体表现就是我的用户列表渲染功能（users.html）和我的不同错误提示功能（404.html）。

用户列表渲染功能可以将我的user.json里面注册成功的用户数据渲染到我的服务器用户列表页面

users.html 用户列表：

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>用户列表</title><link rel="stylesheet" href="../public/css/main.css">
</head>
<body><h1>用户列表</h1><img src="../public/images/01.png" alt=""><br><ul><!-- 循环li --><% for(let username in users){ %><li><!-- 取出属性名和密码这个属性值，放入li里面 --><%=username %> : <%=users[username] %></li><% } %></ul>
</body>
</html>

404.html  不同错误提示：

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>404</title>
</head>
<style>body {background-color:pink;}
</style>
<body><h1><!-- 定义模板 --><%= msg %></h1>
</body>
</html>

（2）在我的测试代码的终端 npm install underscore -save安装underscore渲染模板引擎

（3） 测试代码如下：

const http = require('http');
const fs = require('fs');
const path = require('path');
const url = require('url');
// 声明一个专门存放所有用户的变量
var users;
// 导入查询参数的模块
const querystring = require('querystring');
// 导入underscore渲染模板
const _ =require('underscore');
//使用underscore渲染模板
function render(data){// 读取模板内容let temp=fs.readFileSync(path.join(__dirname,'views/404.html'));// 获取渲染函数let compiled=_.template(temp.toString());// 渲染模板return compiled(data); 
}
//创建服务器
const server = http.createServer();
//读取文件。读取user.json存放用户数据的文件
fs.readFile(path.join(__dirname, 'data/users.json'), (err, data) => {if (err) {users = {};} else {users = JSON.parse(data.toString()); //如果读取正确就将读到的内容转换为一个对象存到users里}
})
//服务器做出请求响应
server.on('request', (req, res) => {let objurl = url.parse(req.url); //将url转为一个对象才能获取到它的pathnamelet pathname = objurl.pathname;// 对pathname做处理if (pathname.startsWith('/public')) {// 找到当前项目文件夹，再将相对路径转为绝对路径let p = path.join(__dirname, pathname);fs.readFile(p, (err, data) => {if (err) {res.end(render({msg:'访问的文件不存在'})); //可以使用中文，因为现在是html页面去显示的} else {res.end(data);}})} else if (pathname == '/' || pathname == '/home') {let p = path.join(__dirname, 'views/index.html');fs.readFile(p, (err, data) => {if (err) {res.end(render({msg:'访问的文件不存在'}));} else {res.end(data);}})} else if (pathname == '/regist') { //建一个文件夹data专门来储存数据 里面建一个users.json的文件let p = path.join(__dirname, 'views/regist.html');fs.readFile(p, (err, data) => {if (err) {res.end(render({msg:'访问的文件不存在'}));} else {res.end(data);}})} else if (pathname == '/login') {let p = path.join(__dirname, 'views/login.html');fs.readFile(p, (err, data) => {if (err) {res.end(render({msg:'访问的文件不存在'}));} else {res.end(data);}})} else if (pathname == '/doRegist') {// Node.js 的 querystring 模块用于解析和格式化 URL 查询字符串：// 1. 将字符串参数解析成对象// querystring.parse(url)// 2. 将对象参数解析成字符串// querystring.stringify(urlObject)let query = querystring.parse(objurl.query);let username = query.username;let password = query.password;if (users[username]) {res.end(render({msg:'用户名已存在，不能注册！'}));} else {//因为users里面是一个对象。所以只能属性名=值的形式。故属性名 = 密码（密码相当于这个属性名对应的属性值）users[username] = password;//利用JSON.stringify(users)将users对象转为字符串重新写到文件里去fs.writeFile(path.join(__dirname, 'data/users.json'), JSON.stringify(users), (err) => {if (err) {res.end(render({msg:'注册失败'}));} else {res.end(render({msg:'注册成功'}));}})}} else if (pathname == '/doLogin') {let query = querystring.parse(objurl.query);let username = query.username;let password = query.password;// 判断users的用户名和密码有无if (users[username] && users[username] == password) { //用户名 && 密码res.writeHead(200, { 'Content-Type': 'text/html;charset=utf-8' });res.end(render({msg:'登录成功'}));} else {res.writeHead(502, { 'Content-Type': 'text/html;charset=utf-8' });res.end(render({msg:'用户名或密码错误，登录失败'}));}} else if (pathname == '/list') {let p=path.join(__dirname,'views/users.html');fs.readFile(p,(err,data)=>{if(err){res.end(render({msg:'访问的文件不存在'}));}else{//获得渲染函数 let compiled=_.template(data.toString()); // 调用渲染函数来生成html内容let html=compiled({users:users}); //我们在模板里取的是users的属性，所以不能简写成users，而是users：usersres.end(html);}})}
});server.listen(3000, '127.0.0.1', () => {console.log('Server is running at http://127.0.0.1:3000');
})

（4）结果显示

4-1》当我的用户数据已被注册时：

动态显示我的404.html页面

4-2》我完成用户注册时，我点击用户列表，显示结果如下：

（5）综上所述，相比我的静态资源处理而言，我的动态资源处理就相对效率较高，对于不同的错误信息，我可以直接使用我的404.html模板，直接在我的运行代码中显示 res.end(render({msg:'错误内容'})); 并且我可以直接使用用户数据模板user.html使用<% %> 执行javascript代码。可以直接在我的服务器端页面展示我的所有成功注册的用户数据。化繁为简。

相关文章：

node.js服务器动态资源处理

一、node.js服务器动态资源处理与静态资源处理的区别&#xff1f; 静态与动态服务器主要区别于是否读取数据库&#xff0c;若然在数据库中的资料处理中将数据转换成可取用格式的结构&#xff0c;也就是说把对象转化为可传输的字节序列过程称为序列化&#xff0c;反之则为反序列…...

编程日记 2024/4/18 1:36:26

DNS是TCP还是UDP

既使用TCP也使用UDP 1. 域名解析时用UDP 在大多数情况下&#xff0c;DNS请求使用UDP协议&#xff0c;因为UDP协议可以提供较高的效率和安全性&#xff0c;尤其是在查询的响应大小较小&#xff08;通常不超过512字节&#xff09;时。非可靠连接&#xff0c;因为传输的数据量小…...

编程日记 2024/4/18 1:35:25

Redis魔法：解锁高性能缓存的神奇之门（二）

本系列文章简介&#xff1a; 在现代的软件开发中&#xff0c;高性能和高可用性是每个开发者都追求的目标。然而&#xff0c;随着数据量和访问频率的不断增长&#xff0c;传统的数据库存储方案往往难以应对这种挑战。这就引出了一个问题&#xff1a;如何在保证数据的高效访问和持…...

编程日记 2024/4/18 1:33:23

ROS2 仿真学习02 Gazebo导入官方示例模型

1.下载模型 git clone https://gitee.com/bingda-robot/gazebo_models.git将gazebo_models拖到到.gazebo当中&#xff08;如果没看到.gazebo文件请按住CTRLh&#xff09; 2.添加模型到gazebo的Insert 这就将官方示例的模型都导入到Gazebo 了 随便试试一个模型...

编程日记 2024/4/18 1:29:19

echarts图表按需导入

引入核心包引入图表类型引入使用组件引入渲染器注册所有引入 在项目中引入 Apache ECharts // 引入 echarts 核心模块&#xff0c;核心模块提供了 echarts 使用必须要的接口。 import * as echarts from echarts/core; // 引入柱状图图表&#xff0c;图表后缀都为 Chart impo…...

编程日记 2024/4/18 1:27:17

蓝桥杯（基础题）

试题 C: 好数 时间限制 : 1.0s 内存限制: 256.0MB 本题总分&#xff1a;10 分 【问题描述】 一个整数如果按从低位到高位的顺序&#xff0c;奇数位&#xff08;个位、百位、万位 &#xff09;上 的数字是奇数&#xff0c;偶数位&#xff08;十位、千位、十万位 &…...

编程日记 2024/4/18 1:25:15

【R语言】概率密度图

概率密度图是用来表示连续型数据的分布情况的一种图形化方法。它通过在数据的取值范围内绘制一条曲线来描述数据的分布情况&#xff0c;曲线下的面积代表了在该范围内观察到某一数值的概率。具体来说&#xff0c;对于给定的连续型数据&#xff0c;概率密度图会使用核密度估计&a…...

编程日记 2024/4/18 1:24:14

【学习】软件测试需求分析要从哪些方面入手

软件测试需求分析是软件测试过程中非常重要的一个环节&#xff0c;它是为了明确软件测试的目标、范围、资源和时间等要素&#xff0c;以确保软件测试的有效性和全面性。本文将从以下几个方面对软件测试需求分析进行详细的阐述&#xff1a; 一、软件测试目标 软件测试目标是指…...

编程日记 2024/4/18 1:21:11

starrocks的fe节点启动不起来的解决办法

fe节点启动报错：Do not specify the helper node to FE itself. Please specify it to the existing running Leader or Follower FE at com.starrocks.StarRocksFE.main(StarRocksFE.java:68) [starrocks-fe.jar:?] Caused by: com.sleepycat.je.EnvironmentFailureExcepti…...

编程日记 2024/4/18 1:19:09

如何用易查分小程序快速制作填表？

工作中&#xff0c;我们经常需要收集信息&#xff0c;填写表格&#xff0c;可以使用易查分的新建填表功能&#xff0c;本文将介绍怎样快速制作一个信息收集表。 案例&#xff1a;新生资料收集系统 01进入新建填表 进入易查分小程序首页&#xff0c;点击新建填表&#xff0c;有…...

编程日记 2024/4/18 1:17:07

Redis部署之主从

使用两台云服务器&#xff0c;在 Docker 下部署。 Redis版本为&#xff1a;7.2.4 下载并配置redis 配置文件 下载 wget -c http://download.redis.io/redis-stable/redis.conf配置 master节点配置 bind 0.0.0.0 # 使得Redis服务器可以跨网络访问,生产环境请考虑…...

编程日记 2024/4/18 1:16:06

【模拟】Leetcode 数青蛙

题目讲解 1419. 数青蛙 算法讲解 class Solution { public:int minNumberOfFrogs(string croakOfFrogs) {string target "croak";int n target.size();//保存target每个字符的位置indexunordered_map<char, int>index;for(int i 0; i < n; i)index[tar…...

编程日记 2024/4/18 1:14:04

Scala 02——Scala OOP

文章目录 Scala 02——Scala OOP前序类1. 类的基本结构2. 普通类和数据类的区别 继承1. extends2. override 抽象类抽象类的特点 单例对象1. 定义2. 场景3. 方法3.1 方法定义3.2 方法调用 特质1. 抽象类和特质的区别2. 强制混入语法3. 静态混入和动态混入 内部类Java和Scala内部…...

编程日记 2024/4/18 1:13:03

FFmpeg: 自实现ijkplayer播放器--04消息队列设计

文章目录 播放器状态转换图播放器状态对应的消息&#xff1a; 消息对象消息队列消息队列api插入消息获取消息初始化消息插入消息加锁初始化消息设置消息参数消息队列初始化清空消息销毁消息启动消息队列终止消息队列删除消息 消息队列&#xff0c;用于发送&#xff0c;设置播放…...

编程日记 2024/4/18 1:12:01

Redis中的集群(四)

集群 槽指派 CLUSTER ADDSLOTS命令的实现 CLUSTER ADDSLOTS命令接受一个或多个槽作为参数&#xff0c;并将所有输入的槽指派给接收该命令的节点负责: CLUSTER ADDSLOTS <slot> [slot ...]CLUSTER ADDSLOTS命令的实现可以用以下伪代码来表示: def CLUSTER_ADDSLOTS(*…...

编程日记 2024/4/18 1:11:00

JookDB下载安装使用

天行健&#xff0c;君子以自强不息&#xff1b;地势坤&#xff0c;君子以厚德载物。 每个人都有惰性&#xff0c;但不断学习是好好生活的根本&#xff0c;共勉&#xff01; 文章均为学习整理笔记&#xff0c;分享记录为主&#xff0c;如有错误请指正&#xff0c;共同学习进步。…...

编程日记 2024/4/18 1:09:59

百度OCR身份证识别C++离线SDKV3.0 C#对接

百度OCR身份证识别C离线SDKV3.0 C#对接 目录 说明 效果 问题 项目 代码 下载 说明 自己根据SDK封装了动态库&#xff0c;然后C#调用。 SDK 简介 本 SDK 适应于于 Windows 平台下的⾝份证识别系统,⽀持 C接⼜开发的 SDK,开发者可在VS2015 下⾯进⾏开发&#xff08;推荐…...

编程日记 2024/4/18 1:08:58

Web前端 Javascript笔记1

为什么学习 JavaScript? JavaScript 是 web 开发人员必须学习的 3 门语言中的一门&#xff1a; HTML 定义了网页的内容CSS 描述了网页的布局JavaScript 控制了网页的行为 JavaScript 是可插入 HTML 页面的编程代码。 JavaScript 插入 HTML 页面后&#xff0c;可由所有的现代浏…...

编程日记 2024/4/18 1:05:54

Git回滚版本并push到远端master

1、查看日志 git log 2、还原最近的版本 () --git reset --hard commit-id 如&#xff1a;git reset --hard d84da14bf2743683eca7a015f56114faaa344f42 3、覆盖分支版本 git push -f origin dev 回滚本地master完成后&#xff0c;将回滚后的代码push到远端master&#xf…...

编程日记 2024/4/18 1:04:53

MAC: 自己制作https的ssl证书(自己签发免费ssl证书)(OPENSSL生成SSL自签证书)

MAC: 自己制作https的ssl证书(自己签发免费ssl证书)(OPENSSL生成SSL自签证书) 前言 现在https大行其道, ssl又是必不可少的环节. 今天就教大家用开源工具openssl自己生成ssl证书的文件和私钥 环境 MAC电脑 openssl工具自行搜索安装 正文 1、终端执行命令 //生成rsa私钥&…...

编程日记 2024/4/18 1:02:51

mac配置Jmeter环境

mac配置Jmeter环境 一、安装jmeter二、Jmeter目录结构三、汉化Jmeter四、改变主题外观五、jmeter安装第三方插件六、jmeter基础入门案例 一、安装jmeter 第一步先自行配置好电脑的jdk环境 1、官网下载jar包 https://jmeter.apache.org/download_jmeter.cgi 2、解压到软件你自己…...

编程日记 2024/4/18 1:01:50

Linux虚拟化————KVM

1、安装kvm虚拟化套件 [rootbogon ~]# yum -y install virt* 2、启动服务 [rootbogon ~]# systemctl start libvirtd [rootbogon ~]# systemctl status libvirtd ● libvirtd.service - Virtualization daemonLoaded: loaded (/usr/lib/systemd/system/libvirtd.service; di…...

编程日记 2024/4/18 1:00:49

【b站李同学的Lee】Part 2 模块化开发 NodeJS+Gulp基础入门+实战

课程地址&#xff1a;【NodeJSGulp基础入门实战】 https://www.bilibili.com/video/BV1aE411n737/?share_sourcecopy_web&vd_sourceb1cb921b73fe3808550eaf2224d1c155 目录 4 Node.js模块化开发 4.1 JavaScript开发弊端 4.1.1 文件依赖 4.1.2 命名冲突 4.2 生活中的…...

编程日记 2024/4/18 0:57:46

AI大模型日报#0415：贾佳亚团队新作王炸、马斯克首款多模态大模型、ChatGPT to B

导读&#xff1a; 欢迎阅读《AI大模型日报》&#xff0c;内容基于Python爬虫和LLM自动生成。目前采用“文心一言”生成了每条资讯的摘要。标题: 融合ChatGPTDALLE3&#xff0c;贾佳亚团队新作开源&#xff1a;识图推理生图一站解决 摘要: 贾佳亚团队推出了多模态模型Mini-Gem…...

编程日记 2024/4/18 0:54:43

基于GRU实现评论文本情感分析

一、问题建模 在线评论的细粒度情感分析对于深刻理解商家和用户、挖掘用户情感等方面有至关重要的价值&#xff0c;并且在互联网行业有极其广泛的应用&#xff0c;主要用于个性化推荐、智能搜索、产品反馈、业务安全等。此博文&#xff0c;共包含6大类20个细粒度要素的情感倾…...

编程日记 2024/4/18 0:53:42

【C 数据结构】线性表

文章目录 【 1. 线性表 】【 2. 顺序存储结构、链式存储结构 】【 3. 前驱、后继 】 【 1. 线性表 】 线性表&#xff0c;全名为线性存储结构&#xff0c;线性表结构存储的数据往往是可以依次排列的&#xff08;不考虑数值大小顺序&#xff09;。 例如&#xff0c;存储类似 {1…...

编程日记 2024/4/18 0:52:34

C++初级----list（STL）

1、 list介绍 1.1、 list介绍 1.list是可以在常数范围内在任意位置进行插入和删除的序列式容器&#xff0c;并且该容器可以前后双向迭代。 1. list的底层是双向链表结构&#xff0c;双向链表中每个元素存储在互不相关的独立节点中&#xff0c;在节点中通过指针指向 其前一…...

编程日记 2024/4/18 0:49:32

web安全学习笔记（9）

记一下第十三课的内容。 准备工作&#xff1a;在根目录下创建template目录&#xff0c;将login.html放入其中&#xff0c;在该目录下新建一个reg.html。在根目录下创建一个function.php 一、函数声明与传参 PHP中的函数定义和其他语言基本上是相同的。我们编辑function.php …...

编程日记 2024/4/18 0:47:29

【Python-基础】字符串合集

字符串格式化 f # 例如: # f{train_path}/{f}: 将train_path字符串和f字符串结合 # f{root}.csv:将root字符串和.csv字符串结合判断字符串是否以…结尾 root.endswith(".csv") # True未待完续…...

编程日记 2024/4/18 0:46:28

Scala之List

列表 不可变列表(List) 在Scala中&#xff0c;通过List来定义不可变列表&#xff0c;需要注意的是&#xff0c;List本身是一个抽象类&#xff0c;所以并不能直接使用List来构建对象&#xff0c;需要使用它的伴生对象来构建 package com.fesco.listimport scala.::object ListD…...

编程日记 2024/4/18 0:44:27

wordpress 手机适应/网站百度不收录

用iPhone手机的小伙伴&#xff0c;平常会不会使用iPhone中自带的计算器呢&#xff1f;如果有用了的小伙伴&#xff0c;使用感觉怎么样&#xff1f;觉得不够好用&#xff1f;那你就需要了解一下iPhone手机计算器的这些隐藏功能&#xff0c;带你了解不一样的计算器。1&#xff1a…...

编程日记 2024/10/26 3:34:52

广州建设官方网站/濮阳网站推广

关于SQL语句分页&#xff0c;网上也有很多啦&#xff0c;我贴一部分过来&#xff0c;并且总结自己已知的分页到下面&#xff0c;方便日后查阅。 方法1&#xff1a; 适用于 SQL Server 2000/2005 1 SELECT TOP 页大小 * 2 FROM table13 WHERE id NOT IN 4 (5 …...

编程日记 2024/10/25 18:52:26

做网站一般链接什么数据库/自己如何制作网站

String中的链接和StringBuilder中的append有什么区别?它们之间又有什么关系? 前言 我们知道在Java语言中,字符串的连接方式有很多种。其中最常用的则是String的或者和StringBuilder中的append。那么,他们二者之间到底有什么关系?实际项目中又到底该用哪个呢? 背后机制 在…...

编程日记 2024/10/25 17:14:28

贵阳做网站kuhugz/百度收录关键词

描述&#xff1a; 自定义单词列表生成器。   CeWL(自定义单词列表生成器)是一个ruby应用程序&#xff0c;它会抓取给定的URL&#xff0c;直到指定的深度&#xff0c;并返回单词列表&#xff0c;然后可以用于密码破解&#xff0c;如约翰开膛手(John the Ripper)。可选地&#…...

编程日记 2024/10/25 13:28:29

做食品网站的素材/营销培训班

在自定义个注解之后&#xff0c;通过这个注解&#xff0c;标注需要切入的方法&#xff0c;同时把需要的参数传到切面去。那么我们怎么在切面使用这个注解。 我们使用这个自定义注解一方面是为了传一些参数&#xff0c;另一方面也是为了省事。 具体怎么省事&#xff0c;看我下面…...

编程日记 2024/10/25 13:16:22

做诱导网站/关键词统计工具有哪些

第1关：建单向链表 任务描述 本关需要你建立一个带头结点的单向链表。 相关知识 什么是链表？链表和二叉树是C语言数据结构的基础和核心。 链表有多种形式，它可以是单链接的或者双链接的，可以是已排序的或未排序的，可以是循环的或非循环的。 本关让我们来学习单链表。 …...

编程日记 2024/10/25 10:59:03