mirror of
https://gitee.com/kekingcn/file-online-preview.git
synced 2026-09-13 00:14:56 +00:00
feat: polish demo portal pages
This commit is contained in:
chenkailing
104
server/src/main/resources/web/main/contact.ftl
Normal file
104
server/src/main/resources/web/main/contact.ftl
Normal file
@@ -0,0 +1,104 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
||||
<title>kkFileView 技术支持</title>
|
||||
<link rel="icon" href="./favicon.ico" type="image/x-icon">
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;600&family=Space+Grotesk:wght@500;700&display=swap" rel="stylesheet">
|
||||
<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css"/>
|
||||
<link rel="stylesheet" href="css/theme.css"/>
|
||||
<link rel="stylesheet" href="css/main-pages.css"/>
|
||||
<script type="text/javascript" src="js/jquery-3.6.1.min.js"></script>
|
||||
<script type="text/javascript" src="bootstrap/js/bootstrap.min.js"></script>
|
||||
</head>
|
||||
|
||||
<body class="app-shell">
|
||||
<nav class="site-nav navbar navbar-inverse navbar-fixed-top">
|
||||
<div class="container">
|
||||
<div class="navbar-header">
|
||||
<a class="navbar-brand" href="https://kkview.cn" target="_blank">kkFileView</a>
|
||||
</div>
|
||||
<ul class="nav navbar-nav">
|
||||
<li><a href="./index">首页</a></li>
|
||||
<li><a href="./integrated">接入说明</a></li>
|
||||
<li><a href="./record">版本发布记录</a></li>
|
||||
<li><a href="./sponsor">赞助开源</a></li>
|
||||
<li class="active"><a href="./contact">技术支持</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<div class="page-shell">
|
||||
<div class="container" role="main">
|
||||
<section class="hero-section release-hero">
|
||||
<div class="hero-copy">
|
||||
<div class="contact-hero-layout">
|
||||
<div class="contact-hero-copy">
|
||||
<span class="eyebrow">Contact Us</span>
|
||||
<h1 class="hero-title">技术支持</h1>
|
||||
<p class="hero-subtitle">
|
||||
如果你在部署、安装、接入或日常使用 kkFileView 时需要更直接的支持，
|
||||
可以加入我们的付费知识星球，获取安装使用技术支持。
|
||||
</p>
|
||||
<div class="hero-actions">
|
||||
<a class="hero-link primary" href="https://wx.zsxq.com/group/48844125114258" target="_blank">加入知识星球</a>
|
||||
<a class="hero-link secondary" href="./integrated">查看接入说明</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="contact-hero-side">
|
||||
<div class="support-summary">
|
||||
<div class="support-summary-item">
|
||||
<span class="tag brand">安装支持</span>
|
||||
<p>提供最新的安装发行包，公示安全补丁等。</p>
|
||||
</div>
|
||||
<div class="support-summary-item">
|
||||
<span class="tag">使用咨询</span>
|
||||
<p>围绕接入、配置和日常使用问题提供支持。</p>
|
||||
</div>
|
||||
<div class="support-summary-item">
|
||||
<span class="tag highlight">付费知识星球</span>
|
||||
<p>通过知识星球联系，我们提供更直接的技术支持。</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="sponsor-grid">
|
||||
<section class="doc-card">
|
||||
<div class="doc-card-header">
|
||||
<div>
|
||||
<span class="eyebrow">Support Scope</span>
|
||||
<h3>支持内容</h3>
|
||||
</div>
|
||||
</div>
|
||||
<p>如果你希望更快完成部署和落地，可以通过知识星球联系我们，获得更直接的安装使用支持。</p>
|
||||
<ul>
|
||||
<li>安装部署相关问题。</li>
|
||||
<li>配置、接入和常见使用问题。</li>
|
||||
<li>围绕实际使用场景的排查与建议。</li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<section class="doc-card">
|
||||
<div class="doc-card-header">
|
||||
<div>
|
||||
<span class="eyebrow">Knowledge Planet</span>
|
||||
<h3>加入方式</h3>
|
||||
</div>
|
||||
</div>
|
||||
<p>知识星球地址：</p>
|
||||
<p><a href="https://wx.zsxq.com/group/48844125114258" target="_blank">https://wx.zsxq.com/group/48844125114258</a></p>
|
||||
<div class="note-row">
|
||||
<span class="tag brand"><a href="https://wx.zsxq.com/group/48844125114258" target="_blank">立即加入</a></span>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -12,7 +12,7 @@
|
||||
<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css"/>
|
||||
<link rel="stylesheet" href="bootstrap-table/bootstrap-table.min.css"/>
|
||||
<link rel="stylesheet" href="css/theme.css"/>
|
||||
<link rel="stylesheet" href="css/main-pages.css"/>
|
||||
<link rel="stylesheet" href="css/main-pages.css?v=v1-polish-20260411-3"/>
|
||||
<script type="text/javascript" src="js/jquery-3.6.1.min.js"></script>
|
||||
<script type="text/javascript" src="js/jquery.form.min.js"></script>
|
||||
<script type="text/javascript" src="bootstrap/js/bootstrap.min.js"></script>
|
||||
@@ -75,6 +75,7 @@
|
||||
<li><a href="./integrated">接入说明</a></li>
|
||||
<li><a href="./record">版本发布记录</a></li>
|
||||
<li><a href="./sponsor">赞助开源</a></li>
|
||||
<li><a href="./contact">技术支持</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
@@ -84,33 +85,40 @@
|
||||
<section class="hero-section">
|
||||
<div class="hero-grid single">
|
||||
<div class="hero-copy">
|
||||
<div class="home-hero-layout">
|
||||
<div class="home-hero-copy">
|
||||
<span class="eyebrow">Preview Engine / Demo Portal</span>
|
||||
<h1 class="hero-title">把文件预览接进业务系统，像接一个 URL 一样直接。</h1>
|
||||
<h1 class="hero-title">开源的万能文件预览系统</h1>
|
||||
<p class="hero-subtitle">
|
||||
kkFileView 把文档、图片、CAD、3D、压缩包和音视频预览收敛成一套统一入口。
|
||||
这版演示页把“URL 预览”和“本地文件预览”并入同一个工作台，避免同类操作被拆成两段。
|
||||
kkFileView 提供统一的文件预览入口，覆盖 5 大文件族群、70+ 常见文件类型，支持文件链接预览、上传文件预览，以及业务系统里的常见接入方式。
|
||||
</p>
|
||||
<div class="hero-stats">
|
||||
<div class="stat-chip">
|
||||
<strong>20+</strong>
|
||||
<span>文件族群覆盖</span>
|
||||
</div>
|
||||
<div class="stat-chip">
|
||||
<strong>JDK 21+</strong>
|
||||
<span>当前推荐运行环境</span>
|
||||
</div>
|
||||
<div class="stat-chip">
|
||||
<strong>API</strong>
|
||||
<span>URL 直连式接入</span>
|
||||
</div>
|
||||
<div class="stat-chip">
|
||||
<strong>Demo Lab</strong>
|
||||
<span>本地上传与目录试跑</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="hero-actions">
|
||||
<a class="hero-link primary" href="#demo-lab">开始体验</a>
|
||||
<a class="hero-link secondary" href="./integrated">查看接入说明</a>
|
||||
<a class="hero-link secondary" href="./record">版本发布记录</a>
|
||||
<a class="hero-link secondary" href="./sponsor">赞助开源</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="home-hero-side">
|
||||
<div class="doc-stack" aria-hidden="true">
|
||||
<div class="doc-sheet sheet-word">
|
||||
<img src="images/hero-icons/word.svg" alt="Word">
|
||||
<span>DOCX</span>
|
||||
</div>
|
||||
<div class="doc-sheet sheet-excel">
|
||||
<img src="images/hero-icons/excel.svg" alt="Excel">
|
||||
<span>XLSX</span>
|
||||
</div>
|
||||
<div class="doc-sheet sheet-powerpoint">
|
||||
<img src="images/hero-icons/powerpoint.svg" alt="PowerPoint">
|
||||
<span>PPTX</span>
|
||||
</div>
|
||||
<div class="doc-sheet sheet-pdf">
|
||||
<img src="images/hero-icons/pdf.svg" alt="PDF">
|
||||
<span>PDF</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -120,11 +128,11 @@
|
||||
<div class="section-heading">
|
||||
<div>
|
||||
<span class="eyebrow">Capability Map</span>
|
||||
<h2>能力不止是“能打开”，而是覆盖业务里真正常见的文件流。</h2>
|
||||
<h2>支持丰富的文件类型预览</h2>
|
||||
</div>
|
||||
<p>
|
||||
我们把原来首页的长列表改成分类卡片，方便先扫边界，再判断适不适合接入你的系统。
|
||||
如果你有新增格式建议，欢迎到开源社区继续补充。
|
||||
你可以先快速扫一遍支持范围，再判断它是否适合接入你的业务系统。
|
||||
如果你有新增格式建议，也欢迎继续到开源社区补充。
|
||||
</p>
|
||||
</div>
|
||||
<div class="feature-grid">
|
||||
@@ -196,7 +204,7 @@
|
||||
<div class="workspace-header">
|
||||
<div>
|
||||
<span class="eyebrow">Demo Lab</span>
|
||||
<h3>本地文件工作台</h3>
|
||||
<h3>文件链接预览</h3>
|
||||
<p>这里统一承接两种预览来源：直接输入 URL，或者从本地文件目录里选择文件。参数和操作入口都尽量收在一起。</p>
|
||||
</div>
|
||||
<div class="note-row">
|
||||
@@ -211,14 +219,6 @@
|
||||
<div class="source-card">
|
||||
<h4>输入 URL 直接试跑</h4>
|
||||
<p>贴入文件地址，按需叠加页码、高亮、水印、AES 和跨域参数，直接在新窗口验证最终预览行为。</p>
|
||||
<div class="note-row">
|
||||
<span class="tag brand">URL 即入口</span>
|
||||
<span class="tag highlight">AES 可选</span>
|
||||
<span class="tag">页码 / 水印 / 高亮</span>
|
||||
<#if "${kkkey}" != "false" >
|
||||
<span class="tag warn">当前实例启用了访问秘钥</span>
|
||||
</#if>
|
||||
</div>
|
||||
<#if "${kkkey}" != "false" >
|
||||
<p>
|
||||
程序已启用秘钥访问。
|
||||
@@ -232,24 +232,26 @@
|
||||
<div class="preview-panel">
|
||||
<form action="${baseUrl}onlinePreview" target="_blank" id="previewByUrl">
|
||||
<input type="hidden" name="url"/>
|
||||
<div class="preview-options">
|
||||
<div class="preview-switches">
|
||||
<label><input type="checkbox" name="forceUpdatedCache" value="true"/> 更新缓存</label>
|
||||
<label><input type="checkbox" name="kkagent" value="true"/> 跨域代理</label>
|
||||
<label><input type="checkbox" id="encryption" name="encryption" value="aes"/> AES 加密</label>
|
||||
</div>
|
||||
<div class="preview-grid">
|
||||
<input type="text" id="filePassword" name="filePassword" class="form-control" placeholder="文件密码"/>
|
||||
<input type="text" id="page" name="page" class="form-control" placeholder="页码"/>
|
||||
<input type="text" id="highlightall" name="highlightall" class="form-control" placeholder="高亮关键字"/>
|
||||
<input type="text" id="watermarkTxt" name="watermarkTxt" class="form-control" placeholder="水印文本"/>
|
||||
<#if isshowkey>
|
||||
<input type="text" id="kkkey" name="key" class="form-control" placeholder="KK 秘钥"/>
|
||||
</#if>
|
||||
</div>
|
||||
</div>
|
||||
<div class="preview-url">
|
||||
<input type="text" id="_url" class="form-control" placeholder="请输入预览文件 URL，例如 https://example.com/demo.pdf"/>
|
||||
<input type="submit" value="立即预览" class="preview-submit">
|
||||
</div>
|
||||
<div class="preview-switches">
|
||||
<label><input type="checkbox" name="forceUpdatedCache" value="true"/> 更新缓存</label>
|
||||
<label><input type="checkbox" name="kkagent" value="true"/> 跨域代理</label>
|
||||
<label><input type="checkbox" id="encryption" name="encryption" value="aes"/> AES 加密</label>
|
||||
</div>
|
||||
<div class="preview-grid">
|
||||
<input type="text" id="filePassword" name="filePassword" class="form-control" placeholder="文件密码"/>
|
||||
<input type="text" id="page" name="page" class="form-control" placeholder="页码"/>
|
||||
<input type="text" id="highlightall" name="highlightall" class="form-control" placeholder="高亮关键字"/>
|
||||
<input type="text" id="watermarkTxt" name="watermarkTxt" class="form-control" placeholder="水印文本"/>
|
||||
<#if isshowkey>
|
||||
<input type="text" id="kkkey" name="key" class="form-control" placeholder="KK 秘钥"/>
|
||||
</#if>
|
||||
</div>
|
||||
<input type="submit" value="立即预览" class="preview-submit">
|
||||
</form>
|
||||
<div class="alert alert-danger alert-dismissable hide" role="alert" id="previewCheckAlert">
|
||||
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
|
||||
@@ -264,9 +266,8 @@
|
||||
<div class="section-heading">
|
||||
<div>
|
||||
<span class="eyebrow">Local Source</span>
|
||||
<h2>本地文件与目录预览</h2>
|
||||
<h2>上传文件预览</h2>
|
||||
</div>
|
||||
<p>上传文件、创建目录、按文件名搜索，然后直接从下面的文件表格里发起预览。这样本地入口和结果列表会贴在一起。</p>
|
||||
</div>
|
||||
|
||||
<div class="toolbar-grid">
|
||||
|
||||
@@ -27,6 +27,7 @@
|
||||
<li class="active"><a href="./integrated">接入说明</a></li>
|
||||
<li><a href="./record">版本发布记录</a></li>
|
||||
<li><a href="./sponsor">赞助开源</a></li>
|
||||
<li><a href="./contact">技术支持</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
@@ -36,10 +37,9 @@
|
||||
<section class="hero-section release-hero">
|
||||
<div class="hero-copy">
|
||||
<span class="eyebrow">Integration Guide</span>
|
||||
<h1 class="hero-title">5 分钟把 kkFileView 接进你的前端项目。</h1>
|
||||
<p class="hero-subtitle">
|
||||
这页不再把所有方案平铺成一长段，而是按场景拆成独立卡片。
|
||||
默认假设服务地址为 <span class="text-highlight">${baseUrl}</span>。
|
||||
<h1 class="hero-title">5 分钟把 kkFileView 接进你的业务项目。</h1>
|
||||
<p class="hero-subtitle hero-subtitle-inline">
|
||||
这里按常见接入场景提供示例，方便你直接按需选用。默认假设服务地址为 <span class="text-highlight">${baseUrl}</span>。
|
||||
</p>
|
||||
<div class="note-row">
|
||||
<span class="tag brand">HTTP / HTTPS</span>
|
||||
|
||||
@@ -26,6 +26,7 @@
|
||||
<li><a href="./integrated">接入说明</a></li>
|
||||
<li class="active"><a href="./record">版本发布记录</a></li>
|
||||
<li><a href="./sponsor">赞助开源</a></li>
|
||||
<li><a href="./contact">技术支持</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
@@ -35,9 +36,9 @@
|
||||
<section class="hero-section release-hero">
|
||||
<div class="hero-copy">
|
||||
<span class="eyebrow">Release Timeline</span>
|
||||
<h1 class="hero-title">版本记录先看重点，再追历史。</h1>
|
||||
<h1 class="hero-title">版本发布记录</h1>
|
||||
<p class="hero-subtitle">
|
||||
这一版把发布记录拆成“最新摘要 + 年度时间轴 + 历史归档”。先看升级重点，再决定是否继续深入版本细节。
|
||||
你可以先看最新版本的升级重点，再顺着时间轴继续了解历史版本细节。
|
||||
</p>
|
||||
<div class="release-badge-row">
|
||||
<span class="tag highlight">最新版本 v5.0</span>
|
||||
@@ -45,20 +46,6 @@
|
||||
<span class="tag warn">JDK 21+ 强制要求</span>
|
||||
<span class="tag">PDF / TIF / CAD 异步化</span>
|
||||
</div>
|
||||
<div class="summary-grid">
|
||||
<div class="summary-panel">
|
||||
<strong>13</strong>
|
||||
<span>v5.0 新增能力条目</span>
|
||||
</div>
|
||||
<div class="summary-panel">
|
||||
<strong>4</strong>
|
||||
<span>v5.0 修复项，含 SSL 自签证书接入问题</span>
|
||||
</div>
|
||||
<div class="summary-panel">
|
||||
<strong>8</strong>
|
||||
<span>v5.0 更新项，核心是解析链路和异步转换升级</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
@@ -26,6 +26,7 @@
|
||||
<li><a href="./integrated">接入说明</a></li>
|
||||
<li><a href="./record">版本发布记录</a></li>
|
||||
<li class="active"><a href="./sponsor">赞助开源</a></li>
|
||||
<li><a href="./contact">技术支持</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
@@ -35,7 +36,7 @@
|
||||
<section class="hero-section release-hero">
|
||||
<div class="hero-copy">
|
||||
<span class="eyebrow">Sponsor Open Source</span>
|
||||
<h1 class="hero-title">如果这个项目帮你省下了成本，也欢迎反过来帮它继续跑下去。</h1>
|
||||
<h1 class="hero-title">赞助开源</h1>
|
||||
<p class="hero-subtitle">
|
||||
kkFileView 已持续维护多年，被广泛用于金融、教育、银行、政务和企业内部系统。
|
||||
赞助会直接用于文档站、演示站、服务器和 CDN 等基础开销。
|
||||
@@ -70,7 +71,7 @@
|
||||
<h3>赞助方式</h3>
|
||||
</div>
|
||||
</div>
|
||||
<p>如果你觉得 kkFileView 对你有帮助，可以通过下面的方式赞助项目。页面信息会继续保留简洁，但视觉上统一到新的主站风格里。</p>
|
||||
<p>如果你觉得 kkFileView 对你有帮助，可以通过下面的方式赞助项目，支持它继续长期维护。</p>
|
||||
<ul>
|
||||
<li>kkFileView 开源至今已多年，社区持续反馈并推动演进。</li>
|
||||
<li>项目 star 与使用规模已经证明它不是“玩具 demo”，而是被真实系统接入的基础能力。</li>
|
||||
|
||||
Reference in New Issue
Block a user