服务器渲染+自定义模块+mysql操作

1.服务器渲染

A.第一步,导入模块库和第三方库

npm init

npm --registry https://registry.npmmirror.com install art-template moment

B.第二步,调整html文件

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><title>仿服务器资源</title></head><body><div class="container" style="width: 600px; margin: 0 auto"><h1>Index Of-2</h1><tableborder="1"width="600px"style="border-spacing: 0; text-align: center"><thead><th>图片</th><th>文件名称</th><th>最后更改时间</th><th>大小(字节)</th><th>文件类型</th></thead><tbody id="tShow">{{each data}}<tr>{{if $value.type == 'F'}}<td><img src="./imgs/chao.jpg" width="50" alt="" /></td>{{else }}<td><img src="./imgs/yuhang.jpg" width="50" alt="" /></td>{{/if}}<td>{{$value.uname}}</td><td>{{$value.mtime}}</td><td>{{$value.size}}</td><td>{{$value.type=='F'?'文件':'文件夹'}}</td></tr>{{/each}}</tbody></table></div></body><script></script>
</html>

调整js文件

var http = require("http");
var fs = require("fs");
var moment = require("moment");
var template = require("art-template"); // 第三方模块,读取数据的
template.defaults.root = "./"; // 设置文件读取路径为相对路径var server = http.createServer();server.on("request", function (req, res) {// 防止乱码res.setHeader("Content-Type", "text/html;charset=utf-8");var ulrs = req.url;// 普通html文档if (req.url == "/") {fs.readdir("./", "utf8", function (err, data) {console.log(data, "datadir");var data_arr = []; // 返回的结果var count = 0; // 计数for (var i = 0; i < data.length; i++) {data_arr[i] = {};// 异步,闭包(function (i) {fs.stat(data[i], function (err1, data1) {// 数量叠加count++;// 判断是否为文件if (data1.isFile()) {data_arr[i].type = "F";} else {data_arr[i].type = "NF";}data_arr[i].uname = data[i];// 为了读取时间更友好,采用第三方模块data_arr[i].mtime = moment(data1.mtime).format("YYYY-MM-DD HH:mm:ss");data_arr[i].size = data1.size;// 跳出闭包,并返回值if (count == data.length) {// 跳出闭包,并返回值res.end(template("./01index.html", { data: data_arr }));}});})(i);}});} else {// 其他资源fs.readFile("." + ulrs, function (err, data) {res.end(data);});}
});// 端口
server.listen(5657, function () {console.log("端口5657已启动,正在加载......");
});

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/645453.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

K8s-应用管理(环境变量,Job)

容器传参 构建一个测试镜像 FROM ubuntu CMD ["sleep"&#xff0c;"5"]运行这个容器发现睡眠了5秒以后退出&#xff0c;如果我们希望自己指定可以直接在docker后面加命令覆盖&#xff0c;写法如下 docker run sleeper sleep 10上面的过程显得有些不合理…

Redis面试

1.说说什么事redis Redis是一种基于键值对的NoSql数据库。 Redis中的value支持string&#xff08;字符串&#xff09;、hahs&#xff08;哈希&#xff09;、list、set、zset&#xff08;有序集合&#xff09;、bitmaps&#xff08;位图&#xff09;&#xff0c;HyperLoglog等数…

ACwing算法基础入门代码合集

ACwing算法基础入门代码合集 快速排序 786.第k个数 //第k个数 //算法思想&#xff1a;基于快速排序&#xff08;分治&#xff09; #include<iostream> using namespace std; #define N 100010 int Partition(int a[], int low, int high); int quicksort(int a[], int…

Java基础数据结构之排序

一.排序 1.什么是稳定性 假定在待排序的记录序列中&#xff0c;存在多个具有相同的关键字的记录&#xff0c;若经过排序&#xff0c;这些记录的相对次序保持 不变&#xff0c;即在原序列中&#xff0c; r[i]r[j] &#xff0c;且 r[i] 在 r[j] 之前&#xff0c;而在排序后的序…

php 文件上传

目录 1 php.ini 配置文件的修改 2.系统返回码详解 错误级别 4.上传简单示例 5.php代码简单优化 1 php.ini 配置文件的修改 配置项说明file_uploads on 为 开启文件上传功能&#xff0c; off 为关闭 post_max_size 系统允许的 POST 传参的最大值 &#xff0c;默认 8M upl…

【JSON2WEB】03 go的模板包html/template的使用

Go text/template 是 Go 语言标准库中的一个模板引擎&#xff0c;用于生成文本输出。它使用类似于 HTML 的模板语言&#xff0c;可以将数据和模板结合起来&#xff0c;生成最终的文本输出。 Go html/template包实现了数据驱动的模板&#xff0c;用于生成可防止代码注入的安全的…

电信宽带配置动态域名和端口映射

需求: 家宽映射动态域名访问内网服务 动态域名:18081>电信光猫:18081>Openwrt软路由:18081>主机192.168.3.172:8081 目前网络结构&#xff1a; 电信光猫192.168.1.1 Openwrt软路由192.168.3.1 主机192.168.3.172上8081端口起了一个nginx-docker服务 前置条件&#x…

【JavaWeb】MVC架构模式

文章目录 MVC是什么&#xff1f;一、M &#xff1a;Model 模型层二、V&#xff1a;View 视图层三、C&#xff1a;Controller 控制层四、非前后端分离MVC五、前后端分离MVC总结 MVC是什么&#xff1f; MVC&#xff08;Model View Controller&#xff09;是软件工程中的一种**软件…

【supervisor】unix:///tmp/supervisor.sock no such file

问题 supervisor在正常安装完时运行正常&#xff0c;但隔一段时间后出现了故障&#xff0c;重启后报&#xff1a; unix:///tmp/supervisor.sock no such file 原因是 supervisor 默认配置会把 socket 文件和 pid 守护进程生成在Linux的/tmp/目录下&#xff0c;/tmp/目录是缓存…

网页首页案例(使用框架:继上一篇博客结尾)

文章目录 新认识的快捷键1.先写好组件并导入App.vue2.往组件中一个一个填内容3.整体静态完成后&#xff0c;发现某些小部分相同&#xff0c;其实可以分装成小组件4.最后通过js动态渲染 新认识的快捷键 1.Ctrl滚轮按住往下拖可以部分选中 .用同样的方法选中下面的111&#xff0…

Redis学习指南(32)-Redis的性能瓶颈分析

Redis是一种高性能的键值存储数据库&#xff0c;它基于内存进行数据操作&#xff0c;因此具有非常快速的读写性能。然而&#xff0c;在实际使用中&#xff0c;Redis也会遇到一些性能瓶颈。本文将探讨几个可能导致Redis性能瓶颈的因素&#xff0c;并提供一些优化建议。 内存使用…

Java实现计算指定文件的SHA256

SHA-256 SHA-256&#xff08;Secure Hash Algorithm 256-bit&#xff09;是一种密码学安全哈希算法&#xff0c;用于将任意长度的数据转换为固定长度的哈希值&#xff0c;通常为256位&#xff08;32字节&#xff09;。SHA-256是SHA-2&#xff08;Secure Hash Algorithm 2&…

Spring Security 之 基本认证

基本认证 这部分提供了关于Spring Security如何为基于Servlet的应用程序提供基本HTTP认证支持的详细信息。 这部分描述了Spring Security中HTTP基本认证的工作原理。首先,我们看到WWW-Authenticate标头被发送回未经身份验证的客户端: 首先,用户对未经授权的资源 /private …

助力工业生产质检,基于YOLOv7【tiny/l/x】不同系列参数模型开发构建生产制造场景下布匹瑕疵缺陷检测识别分析系统

纯粹的工业制造没有办法有长久的发展过程&#xff0c;转制造为全流程全场景的生产智造才是未来最具竞争力的生产场景&#xff0c;在前面的开发实践中我们已经涉足工业生产场景下进行了很多实地的项目开发&#xff0c;如&#xff1a;PCB电路板缺陷检测、焊接缺陷检测、螺母螺钉缺…

利用tpu-mlir工具将深度学习算法模型转成算能科技平台.bmodel模型的方法步骤

目录 1 TPU-MLIR简介 2 开发环境搭建 2.1 下载镜像 2.2 下载SDK 2.3 创建容器 2.4 加载tpu-mlir 3 准备工作目录 4 onnx转mlir文件 5 mlir转INT8 模型 5.1 生成校准表 5.2 便以为INT8对称量化模型 参考文献&#xff1a; 之前是用nntc转算能科技的模型的&#xff0c…

YOLO 自己训练一个模型

一、准备数据集 我的版本是yolov8 8.11 这个目录结构很重要 ultralytics-main | datasets|coco|train|val 二、训练 编写yaml 文件 # Train/val/test sets as 1) dir: path/to/imgs, 2) file: path/to/imgs.txt, or 3) list: [path/to/imgs1, path/to/imgs2, ..] path…

dos 下查看磁盘信息

dos 下查看磁盘信息 1. win r 打开运行 输入 cmd 2. dos 命令行输入 diskpart C:\Users>diskpart 3. 会弹窗打开DiskPart 软件&#xff0c;输入 list volume Copyright (C) Microsoft Corporation. 在计算机上: DISKPART> list volume卷 ### LTR 标签 …

【每日一题】3.LeetCode——相交链表

&#x1f4da;博客主页&#xff1a;爱敲代码的小杨. ✨专栏&#xff1a;《Java SE语法》 ❤️感谢大家点赞&#x1f44d;&#x1f3fb;收藏⭐评论✍&#x1f3fb;&#xff0c;您的三连就是我持续更新的动力❤️ &#x1f64f;小杨水平有限&#xff0c;欢迎各位大佬指点&…

向日葵远程控制Mac版权限设置教程解决远程无法控制问题

很多Mac新手安装向日葵远程控制Mac版后&#xff0c;根据提示设置了权限后发现无法远程控制&#xff0c;其实主要是你只勾选了中文的“向日葵权限选项“&#xff0c;而忘记了勾选了向日葵另外一个英文选项权限。 判断是否完全开启控制权限 打开向日葵访问权限设置面板&#xf…

VsCode CMake调试QT QString等变量不显示具体值,调试中查看qt源码 (可视化调试配置Natvis)

遇到的问题 当我们在VsCode使用CMake来调试QT程序时&#xff0c;可能会出现变量是十六进制的地址&#xff0c;而看不到具体的值。例如&#xff1a; 如何解决 这时候需要手动设置一下natvis &#xff08;资源以上传&#xff0c;可以直接下载&#xff09; 在.vscode文件下找到…