【教程】Linux 安装 kkFileView 文档在线预览项目 及优化

【教程】Linux 安装 kkFileView 文档在线预览项目

官网

kkFileView - 在线文件预览 (keking.cn)

安装包  可以直接下载成品  也可以下载source 源码 自己编译

kkFileView 发行版 - Gitee.com

打开IDEA

然后先clear 再install

然后在 file-online-preview\server\target 目录下会生成编译后的文件

这是编译之后的文件

.tar.gz  Linux版本

上传到linux服务器  并解压

需要安装 JDK1.8+ 并设置环境变量 

安装kkfileview之前，需要在linux上面安装LibreOffice  或者 让kkfileview自动安装

进入bin目录  执行  ./startup.sh    会自动安装所需的依赖

cd /usr/local/kkfileview/tar -zxvf kkFileView-4.4.0.tar.gzcd kkFileView-4.4.0cd bin/./startup.shcd ../cd log/cat kkFileView.log

访问路径

127.0.0.1:8012

进阶

配置文件

配置 kkFileView 配置路径

编辑  config/application.properties   文件

配置域名 并设置 context-path 路径

比如域名是  www.xxx.com

想通过  www.xxx.com/fileView 去访问 可以这样设置

server.servlet.context-path= /fileView
base.url = http://www.xxx.com/fileView

重启项目

cd ../bin
#执行
./startup.sh 
#第一次执行完毕后建议再执行查看日志脚本
./showlog.sh

前端集成开发

const Base64 = {encode(str) {// 首先，我们使用 encodeURIComponent 来获得百分比编码的UTF-8，然后我们将百分比编码转换为原始字节，最后存储到btoa里面return btoa(encodeURIComponent(str).replace(/%([0-9A-F]{2})/g,function toSolidBytes(match, p1) {return String.fromCharCode(Number('0x' + p1));}));},decode(str) {// 过程：从字节流到百分比编码，再到原始字符串return decodeURIComponent(atob(str).split('').map(function (c) {return '%' + ('00' + c.charCodeAt(0).toString(16)).slice(-2);}).join(''));}
}//文件路径
let url = 'www.xxx.com/表格.xls'//通过 kkfileView 在线打开
window.open('https://www.xxx.com/fileView/onlinePreview?url=' + Base64.encode(url));

优化 使用redis缓存

#是否启用缓存

cache.enabled = ${KK_CACHE_ENABLED:true}

#缓存实现类型，不配默认为内嵌RocksDB(type = default)实现，可配置为redis(type = redis)实现（需要配置spring.redisson.address等参数）和 JDK 内置对象实现（type = jdk）,

cache.type =  ${KK_CACHE_TYPE:redis}

#文本类型，默认如下，可自定义添加
simText = ${KK_SIMTEXT:txt,html,htm,asp,jsp,xml,json,properties,md,gitignore,log,java,py,c,cpp,sql,sh,bat,m,bas,prg,cmd}
 

字体

安装Libreoffice所需的中文字体

由于Libreoffice默认不支持中文，需手动安装字体。

1.下载中文字体包

http://kkfileview.keking.cn/fonts.zip

字体问题
大部分Linux系统上并没有预装中文字体或字体不全，需要把常用字体拷贝到Linux服务器上，具体操作如下： 下载如下字体包 https://kkfileview.keking.cn/fonts.zip 文件解压完整拷贝到Linux下的 /usr/share/fonts目录。然后依次执行mkfontscale 、mkfontdir 、fc-cache使字体生效 

2.上传服务器至目录/usr/share/fonts
3.执行命令

unzip fonts.zip

再依次执行

mkfontscale
mkfontdir
fc-cache

如果报错命令没有找到，则安装对应命令，例如

yum install -y mkfontscale

4.赋予字体权限

cd /usr/share/fonts/zhFonts
chmod -R 755 *.TTF
chmod -R 755 *.ttf
chmod -R 755 *.ttc

5.生效

source /etc/profile

将之前kkfileview服务和office服务都停止重启

#######################################不可动态配置，需要重启生效#######################################
server.port = ${KK_SERVER_PORT:8012}
server.servlet.context-path= /fileView
server.servlet.encoding.charset = utf-8
#启用GZIP压缩功能
server.compression.enable= true
#允许压缩的响应缓冲区最小字节数，默认2048
server.compression.min-response-size = 2048
#压缩格式
server.compression.mime-types=application/javascript,text/css,application/json,application/xml,text/html,text/xml,text/plain,font/woff,application/font-woff,font/eot,image/svg+xml,image/x-icon
# 文件上传限制前端
spring.servlet.multipart.max-file-size=500MB
#文件上传限制
spring.servlet.multipart.max-request-size=500MB
## Freemarker 配置
spring.freemarker.template-loader-path = classpath:/web/
spring.freemarker.cache = false
spring.freemarker.charset = UTF-8
spring.freemarker.check-template-location = true
spring.freemarker.content-type = text/html
spring.freemarker.expose-request-attributes = true
spring.freemarker.expose-session-attributes = true
spring.freemarker.request-context-attribute = request
spring.freemarker.suffix = .ftl# office设置
#openoffice或LibreOffice  home路径
#office.home = C:\\Program Files (x86)\\OpenOffice 4
# office.home = ${KK_OFFICE_HOME:default}
office.home = /opt/libreoffice7.5
## office转换服务的端口，默认开启两个进程
office.plugin.server.ports = 2001,2002
## office 转换服务 task 超时时间，默认五分钟
office.plugin.task.timeout = 5m
#此属性设置office进程在重新启动之前可以执行的最大任务数。0表示无限数量的任务（永远不会重新启动）
office.plugin.task.maxtasksperprocess = 200
#此属性设置处理任务所允许的最长时间。如果任务的处理时间长于此超时，则此任务将中止，并处理下一个任务。
office.plugin.task.taskexecutiontimeout = 5m
#生成限制 默认不限制 使用方法 (1-5)
office.pagerange = ${KK_OFFICE_PAGERANGE:false}
#生成水印 默认不启用 使用方法 (kkFileView)
office.watermark  = ${KK_OFFICE_WATERMARK:false}
#OFFICE JPEG图片压缩
office.quality = ${KK_OFFICE_QUALITY:80}
#图像分辨率限制
office.maximageresolution = ${KK_OFFICE_MAXIMAGERESOLUTION:150}
#导出书签
office.exportbookmarks = ${KK_OFFICE_EXPORTBOOKMARKS:true}
#批注作为PDF的注释
office.exportnotes = ${KK_OFFICE_EXPORTNOTES:true}
#加密文档 生成的PDF文档 添加密码(密码为加密文档的密码)
office.documentopenpasswords = ${KK_OFFICE_DOCUMENTOPENPASSWORD:true}
#xlsx格式前端解析
office.type.web = ${KK_OFFICE_TYPE_WEB:web}# 其他核心设置
#预览生成资源路径（默认为打包根路径下的file目录下）
#file.dir = D:\\kkFileview\\
file.dir = ${KK_FILE_DIR:default}
#允许预览的本地文件夹 默认不允许任何本地文件被预览
#WINDOWS参考 local.preview.dir =  \D:\\kkFileview\\1\\1.txt (注意前面必须添加反斜杠)
#LINUX参考   local.preview.dir =  /opt/1.txt (注意前面必须是正斜杠)
#使用方法 windows  file://d:/1/1.txt  linux file:/opt/1/1.txt
#file 协议参考：https://datatracker.ietf.org/doc/html/rfc8089
local.preview.dir = ${KK_LOCAL_PREVIEW_DIR:default}
#是否启用缓存
cache.enabled = ${KK_CACHE_ENABLED:true}
#缓存实现类型，不配默认为内嵌RocksDB(type = default)实现，可配置为redis(type = redis)实现（需要配置spring.redisson.address等参数）和 JDK 内置对象实现（type = jdk）,
cache.type =  ${KK_CACHE_TYPE:redis}
#redis连接，只有当cache.type = redis时才有用
spring.redisson.address = ${KK_SPRING_REDISSON_ADDRESS:127.0.0.1:6379}
spring.redisson.password = ${KK_SPRING_REDISSON_PASSWORD:gCqk8XJ47vnAdG0BDtaZ5mMHIxNfKPrs}
#缓存是否自动清理 true 为开启，注释掉或其他值都为关闭
cache.clean.enabled = ${KK_CACHE_CLEAN_ENABLED:true}
#缓存自动清理时间，cache.clean.enabled = true时才有用，cron表达式，基于Quartz cron
cache.clean.cron = ${KK_CACHE_CLEAN_CRON:0 0 3 * * ?}
#######################################可在运行时动态配置#######################################
#提供预览服务的地址，默认从请求url读，如果使用nginx等反向代理，需要手动设置
#base.url = https://file.keking.cn
base.url = https://www.xxx.com/fileView
#信任站点，多个用','隔开，设置了之后，会限制只能预览来自信任站点列表的文件，默认不限制
#trust.host = kkview.cn
trust.host = ${KK_TRUST_HOST:default}
#不信任站点，多个用','隔开，设置了之后，会限制来自不信任站点列表的文件，默认不限制
#not.trust.host = kkview.cn
not.trust.host= ${KK_NOT_TRUST_HOST:default}
#文本类型，默认如下，可自定义添加
simText = ${KK_SIMTEXT:txt,html,htm,asp,jsp,xml,json,properties,md,gitignore,log,java,py,c,cpp,sql,sh,bat,m,bas,prg,cmd}#FTP模块设置
#预览源为FTP时 FTP用户名，可在ftp url后面加参数ftp.username=ftpuser指定，不指定默认用配置的
ftp.username = ${KK_FTP_USERNAME:ftpuser}
#预览源为FTP时 FTP密码，可在ftp url后面加参数ftp.password=123456指定，不指定默认用配置的
ftp.password = ${KK_FTP_PASSWORD:123456}
#预览源为FTP时, FTP连接默认ControlEncoding(根据FTP服务器操作系统选择，Linux一般为UTF-8，Windows一般为GBK)，可在ftp url后面加参数ftp.control.encoding=UTF-8指定，不指定默认用配置的
ftp.control.encoding = ${KK_FTP_CONTROL_ENCODING:UTF-8}#视频设置
#多媒体类型，默认如下，可自定义添加
media = ${KK_MEDIA:mp3,wav,mp4,flv,mpd,m3u8,ts,mpeg,m4a}
#是否开启多媒体类型转视频格式转换,目前可转换视频格式有：avi,mov,wmv,3gp,rm
#请谨慎开启此功能，建议异步调用添加到处理队列，并且增加任务队列处理线程，防止视频转换占用完线程资源，转换比较耗费时间,并且控制了只能串行处理转换任务
media.convert.disable = ${KK_MEDIA_CONVERT_DISABLE:false}
#支持转换的视频类型
convertMedias = ${KK_CONVERTMEDIAS:avi,mov,wmv,mkv,3gp,rm}#PDF预览模块设置
#配置PDF文件生成图片的像素大小，dpi 越高，图片质量越清晰，同时也会消耗更多的计算资源。
pdf2jpg.dpi = ${KK_PDF2JPG_DPI:144}
#是否禁止演示模式
pdf.presentationMode.disable = ${KK_PDF_PRESENTATION_MODE_DISABLE:true}
#是否禁止打开文件
pdf.openFile.disable = ${KK_PDF_OPEN_FILE_DISABLE:true}
#是否禁止打印转换生成的pdf文件
pdf.print.disable = ${KK_PDF_PRINT_DISABLE:true}
#是否禁止下载转换生成的pdf文件
pdf.download.disable = ${KK_PDF_DOWNLOAD_DISABLE:true}
#是否禁止bookmark
pdf.bookmark.disable = ${KK_PDF_BOOKMARK_DISABLE:true}
#是否禁止签名
pdf.disable.editing = ${KK_PDF_DISABLE_EDITING:false}
#office类型文档(word ppt)样式，默认为图片(image)，可配置为pdf（预览时也有按钮切换）
office.preview.type = ${KK_OFFICE_PREVIEW_TYPE:image}
#是否关闭office预览切换开关，默认为false，可配置为true关闭
office.preview.switch.disabled = ${KK_OFFICE_PREVIEW_SWITCH_DISABLED:false}#水印内容
#例：watermark.txt = ${WATERMARK_TXT:凯京科技内部文件，严禁外泄}
#如需取消水印，内容设置为空即可，例：watermark.txt = ${WATERMARK_TXT:}
watermark.txt = ${WATERMARK_TXT:}
#水印x轴间隔
watermark.x.space = ${WATERMARK_X_SPACE:10}
#水印y轴间隔
watermark.y.space = ${WATERMARK_Y_SPACE:10}
#水印字体
watermark.font = ${WATERMARK_FONT:微软雅黑}
#水印字体大小
watermark.fontsize = ${WATERMARK_FONTSIZE:18px}
#水印字体颜色
watermark.color = ${WATERMARK_COLOR:black}
#水印透明度，要求设置在大于等于0.005，小于1
watermark.alpha = ${WATERMARK_ALPHA:0.2}
#水印宽度
watermark.width = ${WATERMARK_WIDTH:180}
#水印高度
watermark.height = ${WATERMARK_HEIGHT:80}
#水印倾斜度数，要求设置在大于等于0，小于90
watermark.angle = ${WATERMARK_ANGLE:10}#首页功能设置
#是否禁用首页文件上传
file.upload.disable = ${KK_FILE_UPLOAD_ENABLED:false}
# 备案信息，默认为空
beian = ${KK_BEIAN:default}
#禁止上传类型
prohibit = ${KK_PROHIBIT:exe,dll,dat}
#启用验证码删除文件 默认关闭
delete.captcha= ${KK_DELETE_CAPTCHA:false}
#删除密码
delete.password = ${KK_DELETE_PASSWORD:123456}
#删除 转换后OFFICE、CAD、TIFF、压缩包源文件 默认开启 节约磁盘空间
delete.source.file = ${KK_DELETE_SOURCE_FILE:true}
#首页初始化加载第一页
home.pagenumber = ${DEFAULT_HOME_PAGENUMBER:1}
#首页是否分页
home.pagination = ${DEFAULT_HOME_PAGINATION:true}
#首页初始化单页记录数
home.pagesize = ${DEFAULT_HOME_PAGSIZE:15}
#首页显示查询框
home.search = ${DEFAULT_HOME_SEARCH:true}#Tif类型设置
#Tif类型图片浏览模式：tif（利用前端js插件浏览）；jpg（转换为jpg后前端显示）；pdf（转换为pdf后显示，便于打印）
tif.preview.type = ${KK_TIF_PREVIEW_TYPE:tif}#Cad类型设置
#Cad类型图片浏览模式：tif（利用前端js插件浏览）；svg（转换为svg显示）；pdf（转换为pdf后显示，便于打印）
cad.preview.type = ${KK_CAD_PREVIEW_TYPE:svg}
#Cad转换超时设置
cad.timeout =${KK_CAD_TIMEOUT:90}
#Cad转换线程设置
cad.thread =${KK_CAD_THREAD:5}

自动安装的话 可以不用看 这些内容

也可以提前手动安装所需依赖

Index of /libreoffice/old (documentfoundation.org)

手动安装  LibreOffice 

找到适合的版本号

下载Linux版本的

rpm安装方式

tar -zxvf LibreOffice_7.5.0.2_Linux_x86-64_rpm.tar
cd LibreOffice_7.5.0.2_Linux_x86-64_rpm/cd RPMS/yum install -y *.rpm

查看是否安装成功 

cd libreoffice7.5/cd program/./soffice --version

如果有错误提示的话

/opt/libreoffice7.5/program/soffice.bin: error while loading shared libraries: libcups.so.2: cannot open shared object file: No such file or directory

执行以下命令

yum install cairo./soffice --version #如果依旧有错误的话，继续往下执行yum install cups-libs./soffice --version #如果依旧有错误的话，继续往下执行yum install libSM./soffice --version

设置linux环境变量

export LibreOffice_PATH=/opt/libreoffice7.5/programexport PATH=$LibreOffice_PATH:$PATH

配置 kkFileView 配置路径

编辑  config/application.properties   文件

修改 office.home 为自己刚安装libreoffice7.5的路径

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

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

相关文章

canfd与can2.0关系

canfd与can2.0关系

canfd是can2.0的升级版， 支持canfd的设备就支持can2.0，但can2.0的设备不支持canfd 参考 是选CAN接口卡还是CANFD接口卡_哔哩哔哩_bilibilihttps://www.bilibili.com/video/BV1Hh411K7Zn/?spm_id_from333.999.0.0 哪些STM32有CANFD外设 STM32G0, STM…
阅读更多...
pycharm连接阿里云服务器过程记录

pycharm连接阿里云服务器过程记录

因为不想用自己的电脑安装anaconda环境,所以去查了一下怎么用服务器跑代码,试着用pycharm连接阿里云服务器,参考了很多博客,自己简单配置了一下,记录一下目前完成的流程. 主要是:阿里云服务器的远程登录和安装anaconda,以及怎么用pycharm连接阿里云服务器上的解释器. 小白刚开始…
阅读更多...
Unity开发——XLua热更新之Hotfix配置（包含xlua获取与导入）

Unity开发——XLua热更新之Hotfix配置（包含xlua获取与导入）

一、Git上获取xlua 最新的xlua包，下载地址链接：https://github.com/Tencent/xLua 二、Unity添加xlua 解压xlua压缩包后，将xlua里的Assets里的文件直接复制进Unity的Assets文件夹下。 成功导入后，unity工具栏会出现xlua选项。 …
阅读更多...
【国产中颖】SH79F9202U单片机驱动LCD段码液晶学习笔记

【国产中颖】SH79F9202U单片机驱动LCD段码液晶学习笔记

1. 引言 因新公司之前液晶数显表产品单片机一直用的是 C51单片机(SH79F9202U9)，本人之前没有接触过这款单片机，为了维护老产品不得不重新研究研究这款单片机。 10位ADC LCD的增强型8051微控制器 SH79F9202是一种高速高效率8051可兼容单片机。在同样振…
阅读更多...
QT7_视频知识点笔记_67_项目练习（页面以及对话框的切换，自定义数据类型，DB数据库类的自定义及使用）

QT7_视频知识点笔记_67_项目练习（页面以及对话框的切换，自定义数据类型，DB数据库类的自定义及使用）

视频项目：7----汽车销售管理系统（登录，品牌车管理，新车入库，销售统计图表）-----项目视频没有，代码也不全，更改项目练习：学生信息管理系统。 学生信息管理系统&#xff1…
阅读更多...
【小技巧】Keil C51 报错“*** ERROR L107: ADDRESS SPACE OVERFLOW****

【小技巧】Keil C51 报错“*** ERROR L107: ADDRESS SPACE OVERFLOW****

软件：Keil C51 C51V961版本 电脑：Win10 报错提示： compiling System.c... linking... *** ERROR L107: ADDRESS SPACE OVERFLOW SPACE: DATA SEGMENT: ?DT?LCD LENGTH: 0034H Program Size: data174.0 xdata17 code1205 Target not create…
阅读更多...
VMware安装Ubuntu系统(超详细)

VMware安装Ubuntu系统(超详细)

一.Ubuntu官网下载镜像 Ubuntu官网：Enterprise Open Source and Linux | Ubuntu 二.安装Ubuntu系统 选择文件->创建虚拟机新建虚拟机（ControlN），这里直接选择典型即可 选择稍后安装系统 选择linux Ubuntu 64位 填写虚拟机名称…
阅读更多...
【机器学习】支持向量机（SVM）

【机器学习】支持向量机（SVM）

一、概述 支持向量机（Support Vector Machine，简称SVM）是一种对数据进行二分类的广义线性分类器，是一种监督学习算法，其决策边界是对学习样本求解的最大边距超平面。 SVM使用铰链损失函数计算经验风险并在求解系统中…
阅读更多...
什么叫USDT（泰达币）的前世今生！

什么叫USDT（泰达币）的前世今生！

一、引言 在数字货币的世界里，USDT（Tether USDT）以其独特的稳定机制，成为了连接传统金融市场与加密货币市场的桥梁。本文将带您了解USDT的诞生背景、发展历程、技术特点以及未来展望。 二、USDT的诞生背景 USDT是Tether公司推出…
阅读更多...
关于 Spring 是什么

关于 Spring 是什么

Spring 是什么 我们通常所说的 Spring 指的是 Spring Framework（Spring 框架），它是⼀个开源框架，有着活跃⽽庞⼤的社区，这就是它之所以能⻓久不衰的原因。Spring ⽀持⼴泛的应⽤场景，它可以让 Java 企业级的…
阅读更多...
gitlab 创建 ssh 和 token

gitlab 创建 ssh 和 token

文章目录 一、创建ssh key二、将密钥内容复制到gitlab三、创建token 一、创建ssh key 打开控制台cmd，执行命令 ssh-keygen -t rsa -C xxxxx xxxxx是你自己的邮箱 C:\Users\xx\.ssh 目录下会创建一个名为id_rsa.pub的文件，用记事本打开，并…
阅读更多...
Vue3解决“找不到模块“@/components/xxx.vue”或其相应的类型声明”

Vue3解决“找不到模块“@/components/xxx.vue”或其相应的类型声明”

文章目录 前言背景问题描述解决方案总结 前言 在使用 Vue 3 开发项目时，遇到“找不到模块 ‘/components/xxx.vue’ 或其相应的类型声明”的错误是一个常见问题。这通常与 TypeScript 和模块解析相关的配置不当有关。本文将详细介绍如何解决此问题，确保…
阅读更多...
XDebug配置极简教程，phpstorm实现http请求断点调试

XDebug配置极简教程，phpstorm实现http请求断点调试

写这篇的文章的初衷：网络上配置XDebug的文章有很多，XDebug也有官方的文档， PhpStorm也有官方的文档，为什么还要写那？ 相信不少人，都有一种感觉，虽然教程很多，但是按教程走一遍，自己的确不能正常调试。 问题出在下面几个方面： 1. 对调试过程中，没有一定的认识，因此…
阅读更多...
Pandas-中axis的用法

Pandas-中axis的用法

在Pandas中，min(axis)方法是计算DataFrame或Series中每行或每列的最小值的函数。该函数可以接受一个参数axis，用于指定计算最小值的方向。当axis0时，表示沿着行的方向计算最小值；当axis1时，表示沿着列的方向计算最小值…
阅读更多...
【数据结构与算法 | 链表篇】力扣876

【数据结构与算法 | 链表篇】力扣876

1. 力扣876 : 链表的中间节点 (1). 题 给你单链表的头结点 head ，请你找出并返回链表的中间结点。 如果有两个中间结点，则返回第二个中间结点。 示例 1： 输入：head [1,2,3,4,5] 输出：[3,4,5] 解释：链表…
阅读更多...
YOLOv10真正实时端到端目标检测（原理介绍+代码详见+结构框图）| YOLOv10如何训练自己的数据集（NEU-DET为案列）

YOLOv10真正实时端到端目标检测（原理介绍+代码详见+结构框图）| YOLOv10如何训练自己的数据集（NEU-DET为案列）

💡💡💡本文主要内容:真正实时端到端目标检测（原理介绍代码详见结构框图）| YOLOv10如何训练自己的数据集（NEU-DET为案列） 博主简介 AI小怪兽，YOLO骨灰级玩家，1&#xff0…
阅读更多...
QT截图程序，可多屏幕截图二，增加调整截图区域功能

QT截图程序，可多屏幕截图二，增加调整截图区域功能

上一篇QT截图程序，可多屏幕截图只是实现了最基本的截图功能，虽然能用但是缺点也有，没办法更改选中的区域，这在实际使用时不太方便。这篇增加了这个功能。先看看效果。 实现代码为： 头文件 #ifndef MASKWIDGET_H #de…
阅读更多...
NTLite深度Windows系统镜像文件修改定制

NTLite深度Windows系统镜像文件修改定制

计算机爱好者和技术宅的圈子里，NTLite是一个广受欢迎的名字，一款强大的Windows系统定制工具，允许用户对Windows安装镜像进行深度修改，从而打造出一个更加个性化、高效且精简的操作系统。无论是为了优化系统性能、移除不必要的组件，还是集成最新的更新和驱动，NTLite都能成…
阅读更多...
2024 最新版 Navicat 17 下载与安装步骤及演示 (图文版)

2024 最新版 Navicat 17 下载与安装步骤及演示 (图文版)

Navicat 是一款专业的数据库管理工具，支持多种数据库类型，包括 MySQL、Oracle、SQL Server、PostgreSQL、MariaDB、Redis、MongoDB 和 SQLite。Navicat17包含的版本如下Navicat Premium 17, Navicat 17 for MySQL, Navicat 17 for Oracle, Navicat 17 fo…
阅读更多...
React中 将UI 视为树

React中 将UI 视为树

当 React 应用程序逐渐成形时，许多组件会出现嵌套。那么 React 是如何跟踪应用程序组件结构的？ React 以及许多其他 UI 库，将 UI 建模为树。将应用程序视为树对于理解组件之间的关系以及调试性能和状态管理等未来将会遇到的一些概念非常有用。…
阅读更多...
最新文章
推荐文章

Copyright @ 2022~2023