345 lines
16 KiB
HTML
345 lines
16 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="zh-CN">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>Central Library Digital Archive - Search Results</title>
|
||
<style>
|
||
/* CSS Variables */
|
||
:root {
|
||
--primary: #002147; /* 学术蓝 */
|
||
--accent: #b3a369; /* 金色 */
|
||
--bg-body: #f4f4f4;
|
||
--bg-white: #ffffff;
|
||
--text-main: #333;
|
||
--text-meta: #666;
|
||
--border: #ddd;
|
||
}
|
||
|
||
body { font-family: "Segoe UI", Roboto, Helvetica, Arial, sans-serif; background-color: var(--bg-body); color: var(--text-main); margin: 0; line-height: 1.6; }
|
||
a { text-decoration: none; color: var(--primary); }
|
||
a:hover { text-decoration: underline; }
|
||
ul { list-style: none; padding: 0; }
|
||
hr { border: 0; border-top: 1px solid var(--border); margin: 15px 0; }
|
||
|
||
/* 容器 */
|
||
.app-container { max-width: 1400px; margin: 0 auto; background: var(--bg-white); min-height: 100vh; box-shadow: 0 0 10px rgba(0,0,0,0.1); }
|
||
|
||
/* 顶部导航 */
|
||
.header { background-color: var(--primary); color: white; padding: 15px 20px; display: flex; flex-direction: column; }
|
||
.header h1 { margin: 0; font-size: 24px; font-weight: 400; letter-spacing: 1px; }
|
||
.header-info { font-size: 13px; color: #ccc; margin-top: 5px; display: flex; justify-content: space-between; }
|
||
.header-info a { color: white; margin-left: 10px; }
|
||
.nav-bar { background: #00152e; padding: 10px 20px; font-size: 14px; }
|
||
.nav-bar a { color: #ddd; margin-right: 20px; font-weight: 500; }
|
||
.nav-bar a:hover { color: white; }
|
||
|
||
/* 通告栏干扰处理 - 弱化显示 */
|
||
.system-alert { background: #fff3cd; color: #856404; font-size: 13px; padding: 10px 20px; border-bottom: 1px solid #ffeeba; display: flex; justify-content: space-between; align-items: center; }
|
||
.system-alert p { margin: 0 10px 0 0; display: inline-block; }
|
||
|
||
/* 主布局 */
|
||
.main-layout { display: grid; grid-template-columns: 280px 1fr; gap: 30px; padding: 30px; }
|
||
|
||
/* 侧边栏 */
|
||
.sidebar h3 { font-size: 16px; border-bottom: 2px solid var(--accent); padding-bottom: 5px; margin-top: 0; color: var(--primary); }
|
||
.sidebar li { margin-bottom: 8px; font-size: 14px; }
|
||
.sidebar li a { color: var(--text-meta); display: block; padding: 4px 8px; border-radius: 4px; }
|
||
.sidebar li a:hover { background: #eef; color: var(--primary); }
|
||
|
||
/* 侧边栏广告干扰 - 隐藏或弱化 */
|
||
.sidebar-ad { margin-top: 30px; padding: 15px; background: #f9f9f9; border: 1px dashed #ccc; font-size: 12px; border-radius: 4px; }
|
||
.sidebar-ad p { margin: 5px 0; }
|
||
|
||
/* 搜索区域 */
|
||
.search-panel { background: #f8f9fa; padding: 20px; border-radius: 8px; margin-bottom: 20px; border: 1px solid var(--border); }
|
||
.search-panel input[type="text"] { padding: 10px; width: 60%; border: 1px solid #ccc; border-radius: 4px; font-size: 16px; }
|
||
.search-panel select { padding: 10px; border: 1px solid #ccc; border-radius: 4px; }
|
||
.search-panel button { padding: 10px 20px; background: var(--accent); color: white; border: none; border-radius: 4px; cursor: pointer; font-weight: bold; }
|
||
|
||
/* 结果列表 */
|
||
.result-item { padding: 20px; border: 1px solid var(--border); border-radius: 4px; margin-bottom: 15px; transition: box-shadow 0.2s; background: white; position: relative; }
|
||
.result-item:hover { box-shadow: 0 4px 12px rgba(0,0,0,0.1); border-color: #bbb; }
|
||
|
||
.result-title { font-size: 18px; color: var(--primary); margin-bottom: 5px; display: block; }
|
||
.result-meta { font-size: 14px; color: var(--text-meta); margin-bottom: 10px; }
|
||
.result-abstract { font-size: 14px; color: #444; margin-bottom: 15px; line-height: 1.5; }
|
||
|
||
/* 按钮组样式化 */
|
||
.action-row { display: flex; gap: 10px; align-items: center; margin-top: 10px; }
|
||
.action-row a {
|
||
font-size: 13px;
|
||
padding: 5px 12px;
|
||
border-radius: 4px;
|
||
border: 1px solid var(--border);
|
||
background: white;
|
||
color: var(--text-main);
|
||
}
|
||
.action-row a:first-child {
|
||
background: var(--primary);
|
||
color: white;
|
||
border-color: var(--primary);
|
||
}
|
||
.action-row span { font-size: 13px; color: #999; margin-right: 10px; }
|
||
|
||
/* 干扰项处理 */
|
||
.promo-banner {
|
||
background: linear-gradient(to right, #eef2f3, #8e9eab);
|
||
padding: 15px;
|
||
border-radius: 4px;
|
||
margin-bottom: 15px;
|
||
border-left: 5px solid var(--primary);
|
||
}
|
||
.promo-banner strong { color: var(--primary); font-size: 16px; }
|
||
|
||
/* 募捐广告 - 直接隐藏 */
|
||
.donation-ad { display: none; }
|
||
|
||
/* 页脚 */
|
||
.footer { background: #333; color: #aaa; padding: 40px; text-align: center; font-size: 13px; margin-top: 40px; }
|
||
.footer a { color: #ccc; }
|
||
|
||
/* 分页 */
|
||
.pagination { text-align: center; margin-top: 30px; }
|
||
.pagination a, .pagination strong { display: inline-block; padding: 8px 16px; border: 1px solid #ddd; margin: 0 4px; border-radius: 4px; color: var(--primary); }
|
||
.pagination strong { background: var(--primary); color: white; border-color: var(--primary); }
|
||
</style>
|
||
</head>
|
||
<body>
|
||
|
||
<div class="app-container">
|
||
<div class="header">
|
||
<div style="display: flex; justify-content: space-between; align-items: center;">
|
||
<h1>中央大学数字图书馆 | 学术资源发现系统</h1>
|
||
<p class="header-info">
|
||
<span>欢迎, <strong>Student_2024</strong> (借阅证状态: <span style="color:#aeffae">正常</span>)</span>
|
||
<span>
|
||
<a href="#">我的书架</a> | <a href="#">借阅历史</a> | <a href="#" onclick="alert('注销成功')">注销</a>
|
||
</span>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
<div class="nav-bar">
|
||
<nav>
|
||
<a href="#">首页</a>
|
||
<a href="#">期刊导航</a>
|
||
<a href="#">学位论文</a>
|
||
<a href="#">会议论文</a>
|
||
<a href="#">多媒体资源</a>
|
||
<a href="#">校外访问VPN</a>
|
||
</nav>
|
||
</div>
|
||
|
||
<div class="system-alert">
|
||
<div>
|
||
<p><strong>[系统通知]</strong> ProQuest 数据库将于本周六 00:00-04:00 进行维护，期间无法下载全文。</p>
|
||
<p style="opacity:0.6; font-size:12px;"><strong>[推广]</strong> 2025年“书香校园”征文比赛开始报名啦！点击查看详情。</p>
|
||
</div>
|
||
<button style="background:none; border:none; cursor:pointer;">×</button>
|
||
<p style="display:none;"><strong>[紧急]</strong> 请归还逾期图书，否则将影响期末成绩录入。</p>
|
||
</div>
|
||
|
||
<div class="main-layout">
|
||
<div class="sidebar">
|
||
<h3>资源类型</h3>
|
||
<ul>
|
||
<li><a href="#">全部资源 (14,203)</a></li>
|
||
<li><a href="#">学术期刊 (8,500)</a></li>
|
||
<li><a href="#">学位论文 (3,200)</a></li>
|
||
<li><a href="#">图书章节 (1,500)</a></li>
|
||
<li><a href="#">报纸文章 (500)</a></li>
|
||
</ul>
|
||
|
||
<h3 style="margin-top:20px;">出版年份</h3>
|
||
<ul>
|
||
<li><a href="#">2025 (120)</a></li>
|
||
<li><a href="#">2024 (1,500)</a></li>
|
||
<li><a href="#">2023 (2,100)</a></li>
|
||
<li><a href="#">2020-2022 (5,000)</a></li>
|
||
<li><a href="#">更早...</a></li>
|
||
</ul>
|
||
|
||
<h3 style="margin-top:20px;">学科分类</h3>
|
||
<ul>
|
||
<li><a href="#">计算机科学</a></li>
|
||
<li><a href="#">人工智能</a></li>
|
||
<li><a href="#">软件工程</a></li>
|
||
<li><a href="#">信息系统</a></li>
|
||
</ul>
|
||
|
||
<div class="sidebar-ad">
|
||
<p><strong>[校园服务]</strong></p>
|
||
<p>论文查重服务 - 图书馆一楼大厅</p>
|
||
<p>打印复印 - 仅需 0.1元/页</p>
|
||
<p>考研自习室预约</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="content-area">
|
||
<form class="search-panel">
|
||
<input type="text" value="Large Language Models">
|
||
<select>
|
||
<option>所有字段</option>
|
||
<option>题名</option>
|
||
<option>作者</option>
|
||
<option>ISBN/ISSN</option>
|
||
</select>
|
||
<button type="button" onclick="alert('搜索中...')">重新检索</button>
|
||
<div style="margin-top:10px; font-size:14px;">
|
||
<label><input type="checkbox"> 仅显示全文</label>
|
||
<label style="margin-left:15px;"><input type="checkbox"> 同行评审期刊</label>
|
||
</div>
|
||
</form>
|
||
|
||
<p style="color:#666; font-size:13px; margin-bottom:15px;">找到约 14,203 条结果 (耗时 0.35秒)</p>
|
||
|
||
<div class="results-list">
|
||
|
||
<div class="result-item">
|
||
<div class="result-title">
|
||
<input type="checkbox"> <strong>1. Optimizing Transformer Architectures for Low-Resource Languages</strong>
|
||
</div>
|
||
<div class="result-meta">
|
||
<p>作者: Zhang, Wei; Smith, John; Lee, H. | 2024 | 学术期刊</p>
|
||
<p>来源: <em>Journal of Artificial Intelligence Research</em>, Vol 45, Issue 2, pp. 112-145.</p>
|
||
<p class="result-abstract">摘要: This paper proposes a novel approach to optimize transformer models...</p>
|
||
</div>
|
||
<div class="action-row">
|
||
<a href="#">PDF 下载</a>
|
||
<a href="#">HTML 全文</a>
|
||
<a href="#" onclick="showCite()">引用</a>
|
||
<a href="#">加入收藏</a>
|
||
<a href="#">发送到邮箱</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="result-item">
|
||
<div class="result-title">
|
||
<input type="checkbox"> <strong>2. A History of Neural Networks: 1950-2000</strong>
|
||
</div>
|
||
<div class="result-meta">
|
||
<p>作者: Johnson, Alice. | 2023 | 图书章节</p>
|
||
<p>来源: <em>History of Computing</em>, Oxford University Press.</p>
|
||
<p class="result-abstract">摘要: A comprehensive overview of the early development of neural networks...</p>
|
||
</div>
|
||
<div class="action-row">
|
||
<span>[PDF 不可用]</span>
|
||
<a href="#" style="background: white; color:#333; border:1px solid #ccc;">文献传递</a>
|
||
<a href="#">查看馆藏目录</a>
|
||
<a href="#" onclick="showCite()">引用</a>
|
||
<a href="#">加入收藏</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="promo-banner">
|
||
<div>
|
||
<strong>[推荐资源] ACM Digital Library 试用开通</strong>
|
||
</div>
|
||
<div style="font-size:13px; color:#555; margin:5px 0;">
|
||
<p>摘要: 图书馆已开通 ACM 数据库试用，包含最新的计算机领域会议论文...</p>
|
||
</div>
|
||
<div class="action-row">
|
||
<a href="#" style="background:#0055a6; color:white; border:none;">点击进入数据库</a>
|
||
<a href="#" style="border:none; text-decoration:underline; background:none;">填写反馈意见</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="result-item">
|
||
<div class="result-title">
|
||
<input type="checkbox"> <strong>3. Large Language Models in Healthcare: Challenges and Opportunities</strong>
|
||
</div>
|
||
<div class="result-meta">
|
||
<p>作者: Chen, Li; Wang, Y.; Gupta, R. | 2024 | 会议论文</p>
|
||
<p>来源: <em>International Conference on Medical Informatics</em>.</p>
|
||
<p class="result-abstract">摘要: We explore the potential applications of LLMs in diagnostic assistance...</p>
|
||
</div>
|
||
<div class="action-row">
|
||
<a href="#">PDF 下载</a>
|
||
<a href="#">HTML 全文</a>
|
||
<a href="#" onclick="showCite()">引用</a>
|
||
<a href="#">加入收藏</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="result-item">
|
||
<div class="result-title">
|
||
<input type="checkbox"> <strong>4. Ethical Implications of AI Agents</strong>
|
||
</div>
|
||
<div class="result-meta">
|
||
<p>作者: Brown, Robert. | 2024 | 期刊文章</p>
|
||
<p>来源: <em>Ethics in Technology Quarterly</em>.</p>
|
||
<p class="result-abstract">摘要: This article discusses the moral responsibilities of autonomous agents...</p>
|
||
</div>
|
||
<div class="action-row">
|
||
<a href="#">查看摘要</a>
|
||
<a href="#" style="color:orange; border-color:orange;">购买全文($35)</a>
|
||
<a href="#" onclick="showCite()">引用</a>
|
||
<a href="#">加入收藏</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="donation-ad">
|
||
<h3>我们要建新体育馆啦！</h3>
|
||
<p>亲爱的校友/同学，捐赠 100 元即可在砖墙上刻下您的名字。</p>
|
||
<a href="#">[立即捐赠]</a>
|
||
</div>
|
||
|
||
<div class="result-item">
|
||
<div class="result-title">
|
||
<input type="checkbox"> <strong>5. Prompt Engineering Guide for Beginners</strong>
|
||
</div>
|
||
<div class="result-meta">
|
||
<p>作者: OpenAI Community. | 2023 | 技术报告</p>
|
||
<p>来源: <em>Technical Report 2023-01</em>.</p>
|
||
<p class="result-abstract">摘要: A practical guide to getting the most out of LLMs...</p>
|
||
</div>
|
||
<div class="action-row">
|
||
<a href="#">PDF 下载</a>
|
||
<a href="#" onclick="showCite()">引用</a>
|
||
<a href="#">加入收藏</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="result-item">
|
||
<div class="result-title">
|
||
<input type="checkbox"> <strong>6. Vision Transformers: A Survey</strong>
|
||
</div>
|
||
<div class="result-meta">
|
||
<p>作者: Liu, Yang; et al. | 2023 | 学术期刊</p>
|
||
<p>来源: <em>IEEE Transactions on Pattern Analysis</em>.</p>
|
||
<p class="result-abstract">摘要: Transformers have shown great success in NLP and are now being applied to vision...</p>
|
||
</div>
|
||
<div class="action-row">
|
||
<a href="#">PDF 下载</a>
|
||
<a href="#">HTML 全文</a>
|
||
<a href="#" onclick="showCite()">引用</a>
|
||
<a href="#">加入收藏</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="pagination">
|
||
<a href="#">上一页</a>
|
||
<strong>1</strong> <a href="#">2</a> <a href="#">3</a> <a href="#">4</a> <a href="#">5</a> ... <a href="#">100</a>
|
||
<a href="#">下一页</a>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="footer">
|
||
<p>版权所有 © 2025 中央大学图书馆 | 地址: 科技路 88 号</p>
|
||
<p>技术支持: 图书馆技术部 | <a href="#">意见反馈</a> | <a href="#">网站地图</a></p>
|
||
<p style="opacity:0.5; margin-top:10px;">Server: LIB-WEB-02 | Session ID: 99281-AABB</p>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<script>
|
||
function showCite() {
|
||
alert("引用格式 (APA):\nAuthor, A. A. (Year). Title of article. Title of Periodical, volume number(issue number), pages.");
|
||
}
|
||
</script>
|
||
|
||
</body>
|
||
</html> |