GAC 计算机

Choose tools for the actual academic task

你们的小组正在调研学校交通问题。一名成员使用手机，另一名成员离线工作，还有一名成员需要大字体显示。最新的应用程序可能并不适合他们。

这些补充笔记旨在教授实用的 GAC005 技能。请将其放在原始讲义旁边。请遵循你所在中心的当前任务要求、所需软件及提交规则。

文字处理软件 帮助你创建和修订格式化的文档。共享编辑器可以支持协作写作。演示文稿软件用于组织演讲的视觉辅助材料。视频软件则结合录制的声音和图像。应根据具体任务选择工具，而不是试图用一种工具解决所有问题。

比较访问权限、格式、成本、隐私保护、离线使用功能及有益的阅读特性。在实际设备上测试标题、表格和批注，包括转换之后。

对于一项新的或 新兴技术，首先在一个小型且非敏感的任务中进行测试。检查谁负责运行它、它存储了哪些信息以及你可以导出什么内容。在工具之外保留一份可用的副本。即使自动生成的回答看起来流畅自然，仍需核查其来源。请遵守中心关于允许的帮助范围和致谢方式的规定。

Store, protect and recover your information

将与项目相关的文件放入名称清晰的文件夹中。将资料来源、工作草稿和提交副本分开存放。像 transport_report_2026-10-02.odt 这样的命名方式比 new_final_final.doc 更清晰。小组内应始终使用统一的命名系统。

访问权限 控制谁能查看或修改信息。仅向真正需要编辑权限的人开放编辑权限。公开链接可能会让小组以外的人接触到内容。发送文件前请检查分享列表。根据中心规定，将参与者详细信息与报告分开存储。不要因为表单允许就收集识别信息。

尽可能使用强密码和 多因素认证。这意味着使用不止一种类型的证据来确认你的身份。例如，密码加上另一台设备上的验证码就是一个例子。不要通过共享登录凭据来共享文档。在打开意外消息中的登录链接之前，请先核实该消息的真实性。离开时更新受支持的软件并锁定设备。

同步 保持各副本一致。备份 提供独立的恢复副本。两者不同：同步功能也可能复制误删的内容。请保留一份独立的、经允许的备份，并测试能否还原一个无害的示例文件。版本历史有助于恢复更改，但其保留时间和详细程度取决于具体服务。

案例解析。 Mei 删除了一个段落，该更改随即同步到了每个人的设备上。反复下载当前文档只会持续保留这一删除操作。小组成员查阅版本历史，恢复了正确的段落并验证了结果。如果无法获取版本历史，单独的早期备份可能会有所帮助。但这两种方法都不能免除对最终文件进行核查的责任。

Create and revise an academic document

从中心的报告结构开始做起。针对本次练习任务，请使用包含标题、研究问题、方法、研究结果、讨论和参考文献的结构。在撰写正文前创建一个简短大纲。研究过程中请保持来源记录：包括作者、标题、日期、出处及其支持的论点。

段落样式 应用一套命名的格式选项。主部分使用标题 1，子部分使用标题 2。正文段落使用普通文本样式。单纯的大号加粗文字可能看起来像标题，但实际上并未被识别为标题。不要为了缩小字号而跳过标题层级。

例如，LibreOffice Writer 提供了段落样式。将光标置于标题段落中，应用其对应的命名标题样式。当你希望同一层级的所有标题都发生改变时，只需修改该样式即可。页面样式控制页面布局，包括页边距、页眉和页脚。菜单名称可能因版本或语言而异；建议使用已安装程序的“帮助”功能。

通过表格工具插入一个小表格。为每一列设置清晰的标题，并在必要时包含单位。在单元格中输入数据，而不是用重复的空格来对齐。将图表放置在解释它的文本附近。按要求添加有意义的标题及其来源。除非图表有助于解释数据，否则表格不需要附带图表。

当新章节必须在新页开始时，使用分页符。不要反复按回车键来推挤文本向下。使用程序的页码字段添加页码。如果简报要求目录，请基于标题样式生成，并在编辑后更新它。

先修改意义再调整外观。检查每个论点是否有证据支持，方法是否回答了研究问题，以及局限性是否表述清晰。然后检查拼写、人名、单位和参考文献。自动拼写建议可能会错误地更改专业术语。修正后的句子请亲自通读一遍。

Collaborate on an open-source platform

开源 指软件源代码在许可协议下可供使用、学习和修改。这并不意味着所有托管服务都是免费、私密或向所有人开放的。在线工具并不自动等同于开源软件。

LibreOffice Writer 是一款开源桌面文字处理器，适用于个人文档处理。若需进行浏览器内的协作编辑，中心可提供配置合适的 Nextcloud 服务及办公编辑器。Nextcloud 的文档说明了协作办公编辑及所需的文档服务器集成方法。请使用由您所在中心实际启用的编辑器；不要假设任何 Nextcloud 安装都包含此功能。

使用非敏感样本文本进行练习。每位小组成员使用自己的账户登录。所有者创建一个共享工作文档并授予小组适当的权限。商定大纲、角色和日期。添加一条注释说明拟议的更改。另一名成员予以回复。如果已安装的编辑器支持审阅或建议功能，请加以利用；否则，可在注释中记录提案。

接受更改前共同审查内容。检查当前文档、注释及可用历史记录。保留一份简短的决策记录：记录了哪些更改、原因、谁进行了核查以及哪些部分尚未完成。历史记录有助于展示活动情况，但小组仍需解释每位成员的实际工作。

如果离线编辑产生了两个副本，请勿静默选择最新文件。比较更改的部分并合并预期的工作成果。确认没有成员的段落或源记录丢失。然后商定哪个共享副本是当前版本。

Export, check and share a submission copy

保留一个 可编辑文件 以便日后更正。 PDF 格式通常用于分享稳定的页面布局。导出 PDF 不能替代可编辑源文件。请使用中心要求的格式。

检查标题、字体大小、对比度、表格标题及有用的图像描述。如有条件，运行无障碍检查，然后自己阅读一遍文档。

导出一份示例 PDF 并打开该导出文件。逐页检查：缺失的文字、损坏的字符、空页、被裁剪的表格及正确的页码。搜索预期句子以验证文本是否存在。请一名小组成员在其设备上打开提交副本。仅在您的电脑上能正常运行的文件是不合格的。

将正确的提交副本分享给目标受众。使用实际接收者的授权账户或中心的批准流程检查访问权限。私人草稿应单独保存。记录已提交的文件名和日期。事后更正源文件不会改变已经发送的 PDF。

Practise a complete academic workflow

原始练习简报。 准备一份简短的小组报告和一个关于学校交通的三分钟演讲。使用经批准的现有信息，或在获得必要许可的情况下收集新反馈。此练习简报并非正式评估。

1. 定义您能研究的问题和小组。记录来源及其局限性。
2. 测试工具、标题、表格和共享注释。设置适当的权限。
3. 商定角色和日期。起草包含标题、证据和参考文献的报告。
4. 共同修订并记录决策。保留可编辑文件并测试恢复功能。
5. 制作带有清晰观点的幻灯片。口头解释证据和局限性。
6. 配合计时器进行排练。如果需要视频，请检查镜头、声音和媒体权限。
7. 在另一台设备上检查导出文件。提交所需文件并保留小组记录。

完成笔记仅是准备工作，不能作为已完成这些实践任务的证据。请保留中心要求的实际文件和修订证据。

Practice and explained answers

问题。 1. 仅持有电话的成员无法编辑格式。您应该测试什么？ 2. 为什么同步不足以提供恢复保护？ 3. 为什么要使用标题样式？ 4. 在线编辑能否证明是开源软件？ 5. 两份离线草稿包含不同的新增段落。应该怎么做？ 6. 修复源文件是否会改变已经发送的 PDF？ 7. 哪些证据表明工作流程已完成？

解释性答案。 1. 在实际设备上测试编辑、转换和分享功能。 2. 删除操作可能会扩散；请使用单独的授权备份并测试恢复功能。 3. 命名样式提供公认的结构和一致的修订；它们可以支持导航和目录列表。 4. 不能；请检查许可证和源代码可用性。 5. 比较并合并预期的更改，然后商定当前副本。仅凭最新时间戳是不够的。 6. 不能；导出并检查更正后的 PDF，然后遵循更正程序。 7. 显示源记录、可编辑报告、修订记录、访问检查、测试过的恢复副本、最终导出文件和排练演示。

A website should help its intended reader

一份学校交通报告可能包含详细的方法和表格。其网站可为同学提供简短概览。该页面应帮助他们找到主要结果、检查方法并获取经批准的完整报告。

这些单独的笔记增加了实用的GAC011工作。将其旁边的原始讲义保留在原处。遵循当前中心的简报要求，包括所需工具、深度和提交证据。

原始实践简报。 使用虚构的交通数据为同学构建一个可读的页面。添加导航、表格和类别筛选器。规划该页面如何支持报告和简短演讲。不收集真实反馈。本地预览仅为练习，并非公开发布。

绘制一个包含标题、引言、章节链接、发现、方法和页脚的线框图。为每个区域赋予明确的目的。访问者不应猜测按钮是改变当前页面还是打开另一份文档。使用有意义的文本（如“方法和局限性”），而不是“点击此处”。

Build a complete HTML page

字符编码 字符编码告诉浏览器如何读取文件的文本。UTF-8支持多种书写系统。视口设置有助于移动浏览器使用设备宽度。描述性标题有助于人们在标签中识别该页面。

将以下完整示例保存为transport.html。在浏览器中打开该文件。它无需库、账户或网络请求即可运行。内置样式块使此第一个练习保持在一个文件中。后续项目可将这些样式移至单独的CSS文件并在head中链接它。

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>School transport: practice report</title>
<style>
:root { --page: #ffffff; --text: #172033; --line: #637083; --link: #164db2; }
body.dark { --page: #080d17; --text: #e9eef7; --line: #8392a8; --link: #a8d2ff; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--page); color: var(--text); font: 1.1rem/1.6 sans-serif; }
header, main, footer { max-width: 48rem; margin: auto; padding: 1rem; }
a { color: var(--link); }
nav { display: flex; flex-wrap: wrap; gap: 1rem; }
section { margin-block: 2rem; padding-block: 1rem; border-top: 1px solid var(--line); }
button, select { font: inherit; padding: .4rem; background: var(--page); color: var(--text); border: 1px solid var(--line); }
:focus-visible { outline: 3px solid var(--link); outline-offset: 3px; }
table { width: 100%; border-collapse: collapse; }
caption { text-align: left; margin-block: .5rem; }
th, td { text-align: left; padding: .5rem; border-bottom: 1px solid var(--line); }
[hidden] { display: none !important; }
</style>
</head>
<body>
<header>
<h1>School transport</h1>
<p>An original practice example. All counts are invented.</p>
<nav aria-label="Report sections">
<a href="#findings">Findings</a>
<a href="#method">Method and limits</a>
</nav>
<div id="controls" hidden>
<button id="theme" type="button">Use dark theme</button>
<label for="mode">Show transport category</label>
<select id="mode">
<option value="all">All categories</option>
<option value="walk">Walking</option>
<option value="bus">Bus</option>
<option value="cycle">Cycling</option>
</select>
</div>
</header>
<main>
<section id="findings" aria-labelledby="findings-title">
<h2 id="findings-title">Findings</h2>
<p>In this invented group of 36 responses, bus travel has the largest count.</p>
<table>
<caption>Practice counts, not research findings</caption>
<thead><tr><th scope="col">Main mode</th><th scope="col">Responses</th></tr></thead>
<tbody>
<tr data-mode="walk"><th scope="row">Walking</th><td>12</td></tr>
<tr data-mode="bus"><th scope="row">Bus</th><td>18</td></tr>
<tr data-mode="cycle"><th scope="row">Cycling</th><td>6</td></tr>
</tbody>
</table>
<p id="status" role="status">3 transport categories shown.</p>
</section>
<section id="method" aria-labelledby="method-title">
<h2 id="method-title">Method and limits</h2>
<p>Each invented response has one main mode. The counts sum to 36.</p>
<p>The table does not explain choices, travel distance or the whole school's habits.</p>
<p>This page is a short companion to a report and oral presentation. An actual project should link its approved report and sources here.</p>
</section>
</main>
<footer><p>GAC011 practice: no responses are collected or sent.</p></footer>
<script>
const controls = document.querySelector("#controls");
const mode = document.querySelector("#mode");
const rows = [...document.querySelectorAll("tbody tr")];
const status = document.querySelector("#status");
const theme = document.querySelector("#theme");
mode.addEventListener("change", () => {
  let shown = 0;
  rows.forEach(row => {
    row.hidden = mode.value !== "all" && row.dataset.mode !== mode.value;
    if (!row.hidden) shown += 1;
  });
  status.textContent = `${shown} transport ${shown === 1 ? "category" : "categories"} shown.`;
});
theme.addEventListener("click", () => {
  const dark = document.body.classList.toggle("dark");
  theme.textContent = dark ? "Use light theme" : "Use dark theme";
});
controls.hidden = false;
</script>
</body>
</html>

HTML提供了JavaScript运行前的可读内容。href="#method"链接指向具有id="method"的元素。ID在页面上必须唯一。错误的ID会破坏该链接，即使标签看起来正确。

表格的标题说明了数字的含义。列和行标题描述了单元格。虚构的值为12、18和6，给出了36个响应。公交车的数量最大。这些数量并不能告诉我们人们选择某种交通方式的原因。

Explain and adapt the CSS

一个CSS自定义属性 自定义属性存储可重用的值，例如颜色。示例使用了共享的页面、文本、边框和链接颜色。深色类同时更改这些值。在深色模式下，文本区域和控制使用相同的页面颜色。边框和间距用于分隔各部分。

通用box-sizing规则使指定尺寸包含内边距和边框。阅读区域随窗口增大，但在48rem处停止。当空间受限时，导航可以换行。灵活的宽度通常可以在不使用媒体查询的情况下解决第一个布局问题。

:focus-visible轮廓帮助键盘用户找到当前控件。不要因为可见就移除它。链接保留下划线。表格标题和足够的对比度有助于读者理解数据。实际图像需要与其用途相适应的文本：有意义的信息需要有用的描述；纯装饰性图像可以使用空的alt文本。

适配。 更改页面标题和引言以适用于另一个经批准的学术主题。保持清晰的标题顺序。尝试窄窗口和放大文本。如果稍后添加两列，决定它们应该在哪里堆叠并测试合适的媒体查询。不要添加固定宽度导致手机横向滚动。

Trace the JavaScript interaction

一个事件监听器 事件监听器在其事件发生时运行代码。示例监听选中的更改。mode.value给出选中值。每一行的data-mode属性在JavaScript中变为row.dataset.mode。

当选择了特定类别且该行不匹配时，该行被隐藏。选择all会使所有行可见。计数器在每个更改开始时从零开始。它每显示一个类别增加一次，而不是每个响应增加一次。因此选择公交车显示一个类别，而不是十八个类别。

追踪。 选择公交车。步行和骑行变得隐藏。公交车保持可见，状态显示“显示1个交通类别”。选择所有类别。隐藏条件对所有行为假，因此状态恢复到三个类别。

主题按钮添加或删除深色类。其标签描述下一个操作。更新textContent会更改文本；不会将该文本视为HTML。状态区域可以向辅助软件宣布更改后的计数。使用中心提供的工具检查实际行为。

渐进增强 渐进增强意味着在有额外功能之前，有用的基本内容即可工作。示例直到附加了它们的监听器才显示交互控件。没有JavaScript，完整的表格、方法和章节链接仍然有效。筛选器更改视图，而不改变底层计数或研究限制。

Check, publish and maintain the site

在任何授权发布之前，记录实用检查的结果。打开每个链接，使用键盘，放大文本并尝试手机大小的布局。检查两种主题以及第二个浏览器或设备。验证如果可选脚本不可用，完整内容是否仍然有效。阅读错误而不是隐藏它们。

相对路径 相对路径指从另一个位置描述的文件位置。对于作为report.pdf保存在你页面旁边的一份经批准报告，HTML链接可以使用href="report.pdf"。使用有意义的标签并标识PDF。仅在拥有实际报告时才添加它；不要留下损坏的示例链接。检查主机上的文件名及大小写。

一个静态网站 静态网站可以托管已存储的HTML、CSS、脚本和图片。浏览器仍可以运行交互式JavaScript。域名 域名是人们使用的地址；托管服务提供传输文件的服务。仅有一个域名并不会上传你的网站。

使用您所在中心的批准发布流程。检查媒体许可，并删除私人草稿或参与者信息。一起上传所需文件。打开实际的公共URL，并在该处验证路径、显示效果和控件。本地预览成功并不代表正式发布成功。

保留可编辑的源文件和已知可用的副本。修订时，请检查更改及其受影响的链接。记录版本和日期。仅修正本地文件并不会更新托管副本，直到经批准的发布流程将其交付为止。

Connect the website to academic work and promotion

网站应补充您的报告和演讲。其概览应提供明确的问题、一个有用的结果以及研究的局限性。完整报告包含详细的证据和参考文献。演讲中的幻灯片可以展示页面地址或已批准的二维码。请检查链接是否指向预期的版本。不要声称实践计数是真实的研究发现。

对于推广，首先定义受众和目标。例如：在项目周期间帮助同学找到已批准的报告。规划一条符合规定的帖子，包含简短准确的描述、有意义的链接文本和指定负责人。遵守中心规则和平台要求。规划帖子并不等同于实际进行了推广。

展示次数 展示次数 count 在平台定义下显示。曝光量通常指平台定义下的独立账户数。两者均不代表阅读报告的实际人数。点击率 点击率 needs a stated numerator and denominator。

虚构示例。 帖子A获得400次展示和20次链接点击。帖子B获得250次展示和25次链接点击。使用链接点击除以展示次数计算，A的值为$20/400=5\%$，B的值为$25/250=10\%$。尽管B的展示次数较少，但其链接点击数更多。

这些数字不能证明B的文案导致了差异。发布时间、受众和重复点击可能不同。链接点击也不能证明报告已加载或被阅读。请选择一项更改，记录其上下文，并比较与目标相符的指标。将不必要的个人追踪排除在任务之外。

Practice and explained answers

问题。 1。方法（Method）链接指向哪个元素？2。筛选器对“骑行”（Cycling）应显示什么内容？3。筛选是否改变了原始总数36？4。不使用JavaScript时，哪些内容仍然可用？5。为什么仅购买域名不足以启动项目？6。帖子C有600次展示和24次链接点击。求其比率。7。B较高的比率是否证明其文案更好？8。列举完成网站任务的证据。

解释答案。 1。ID为method的元素；片段和ID必须匹配。2。仅显示“骑行”的行，包含六条响应和一个类别。3。否；它改变可见行，而非原始数据集。4。文本、完整表格、方法和章节链接；可选控件保持隐藏。5。文件仍需经批准的托管和交付，然后在实际URL处进行检查。6。$24/600=4\%$。7。否；其他差异和测量限制仍然存在。8。展示您的计划、来源、工作页面、检查及所需的发布、学术和推广证据。

Follow one request from browser to database

教师询问哪些俱乐部还有名额。电子表格可以一次性回答。 Web应用允许读者使用不同的筛选条件再次提问。

我们的示例中有四名学生、四个班级和五次报名。所有记录均为虚构。 这是一个学习项目，而非学校预订服务。

三个部分有不同的职责：

HTTP请求 请求信息 要求获取资源。HTTP响应 响应信息 包含状态和内容。 浏览器发送GET /api/courses?min=2。服务器检查该数值，然后向SQLite查询课程总计。 它返回一个 JSON 对象 ⟦数据对象⟧。浏览器读取该对象并创建表格单元格。 数据库不会向浏览器发送 HTML。浏览器也不会运行我们服务器的 SQL 语句。

使用 node server.mjs 启动提供的三文件示例。打开它打印出的地址。 使用 Node.js 22.13 或更高版本，并配合内置的 SQLite 模块。 请保留 server.mjs、index.html 和 courses.sql 在您自己的练习副本中。 无需注册账户或下载软件包。使用 Ctrl-C 停止自己的服务器。

从站点的静态教学文件夹获取完整示例文件：

• /static/teaching/gac_computing/database-app/server.mjs
• /static/teaching/gac_computing/database-app/courses.sql
• /static/teaching/gac_computing/database-app/index.html.txt
• /static/teaching/gac_computing/database-app/README.txt

将前两个文件按显示的名称保存。将 index.html.txt 另存为 index.html。 最后一个文件包含完整的运行和修改说明。 在站点地址后使用这些路径。页面文件以文本形式提供供下载。 它必须通过本地示例服务器运行才能访问对应的 API。

此示例使用 内存数据库 ⟦in-memory database⟧。重启后会重新生成原始记录。 文件系统数据库可在重启后保留更改。这需要不同的存储方案。

Design relationships before writing queries

每个学生对应 students 中的一行。每个班级对应 courses 中的一行。 选课记录将学生与班级关联起来。一名学生可能选修多个班级。 一个班级可能包含多名学生。这是一种 多对多关系 ⟦many-to-many relationship⟧。 第三张表每行存储一个学生-班级配对。

学生 1 选修了课程 10 和 20。课程 10 包含学生 1、2 和 3。 同一学生姓名不必在每个选课记录行中重复出现。 要修改 Mei 的姓名，只需更改一条学生记录。这样可以避免数据冲突。

以下两个代码块构成一个完整脚本。请在新建的空练习数据库中按顺序运行它们。 请勿针对现有的项目数据库运行此脚本。

PRAGMA foreign_keys = ON;
CREATE TABLE students (
  id INTEGER PRIMARY KEY,
  name TEXT NOT NULL
);
CREATE TABLE courses (
  id INTEGER PRIMARY KEY,
  title TEXT NOT NULL,
  capacity INTEGER NOT NULL CHECK (capacity >= 0)
);
CREATE TABLE enrolments (
  student_id INTEGER NOT NULL REFERENCES students(id),
  course_id INTEGER NOT NULL REFERENCES courses(id),
  PRIMARY KEY (student_id, course_id)
);

此时表已创建。添加虚构记录，然后查询每个班级的总数。

INSERT INTO students VALUES
  (1, 'Mei'), (2, 'Kai'), (3, 'Lin'), (4, 'Jia');
INSERT INTO courses VALUES
  (10, 'Coding', 3), (20, 'Coding', 2),
  (30, 'Art', 2), (40, 'Music', 3);
INSERT INTO enrolments VALUES
  (1, 10), (2, 10), (3, 10), (1, 20), (4, 30);
SELECT c.id, c.title, c.capacity,
       COUNT(e.student_id) AS enrolled
FROM courses c
LEFT JOIN enrolments e ON c.id = e.course_id
GROUP BY c.id, c.title, c.capacity
ORDER BY enrolled DESC, c.id;

约束（constraint）会拒绝违反规则的数据。 NOT NULL 要求必须有值。CHECK (capacity >= 0) 拒绝负数容量。 配对外键主键会拒绝重复的选课记录，例如两次出现 (1,10)。 任一 ID 均可出现在多组配对中，但配对本身必须唯一。

当启用外键检查时，外键会拒绝缺失的学生或班级记录。 该脚本显式启用了该项检查。外键不会自动创建缺失的行。 这些规则无法杜绝所有错误。例如，容量设置 3 本身并不限制选课人数为 3。 实际的预订操作需要增加容量检查，并妥善处理并发预订的情况。

Count classes without losing empty ones

课程 10 和 20 的标题均为“编程”（Coding），但它们是不同的班级。 除标题和容量外，还需按课程 ID 进行分组。 仅按标题分组会导致其选课记录被合并，从而得出错误的结论。

LEFT JOIN 保留所有课程，包括没有选课记录的“音乐”课。 未匹配的课程对应的选课部分为空。 COUNT(e.student_id) 统计已匹配的 student ID 数量，并为“音乐”课返回零。 COUNT(*) 统计连接后的行数，包含上述未匹配行，因此会给“音乐”课计数为一。

浏览器通过容量减去已报名人数来计算剩余名额。 存在五条报名记录，但仅有四名学生。梅出现在两条报名记录中。 不要将五视为唯一学生的人数。

若要保留至少包含两名学生的班级，请在 GROUP BY 之后添加此行：

HAVING COUNT(e.student_id) >= 2

这是一个查询片段，添加到完整查询中。它仅返回课程 10。 HAVING 检查每组的总数。WHERE 在计算总数之前检查单独的行。 例如，WHERE c.id = 20 在分组前选择单个班级；它不测试其总数。

Validate and bind the backend input

该路由 /api/courses 接受来自 0 到 99 的最小值。 浏览器数字控件帮助用户输入该数值。直接请求可跳过该控件。 因此服务器会再次检查输入内容。

它会拒绝负数、小数、100、重复的最小参数以及文本。 缺失的 min 表示零。没有课程的成功查询仍然是有效请求。

预编译语句（prepared statement）将 SQL 结构与值分离开来。 服务器使用 >= ? 准备其按课程统计的查询，然后调用 courses.all(minimum)。 绑定的数值填入值占位符位置，但不会拼接进 SQL 文本中。

绑定值可防止该值通过注入攻击危害此查询。 但这并不能证明所有路由或操作都是安全的。 SQL 关键字和列名不能作为普通绑定值提供。 保持查询结构固定，或从服务器允许的选项中进行选择。

服务器仅发送公开的课程统计数据，学生姓名不包含在此响应中。 实际记录还需访问规则和权限才能使用。 虚构示例无需真实的学生信息。

Handle loading, empty results and failures

浏览器使用 fetch 请求数据，必须检查响应状态。 完成的网络请求仍可能返回 400 或 500。 浏览器的 response.ok 用于区分成功的 HTTP 响应与错误响应。

页面在加载前会清除旧行，否则失败的请求可能导致旧结果看似最新。 请求期间显示加载消息并禁用加载按钮。 随后显示结果、空消息或失败消息。 按钮恢复可用状态，以便用户重试。

每个显示的数值应填入 textContent，而不是填入由数据字符串构建的 HTML 中。 课程标题作为文本置于单元格内，不被视为页面标记语言。

该示例使用请求编号，在发起新请求后忽略较旧的响应。 这可以防止页面因延迟响应而替换最新结果。 它不会修改数据库记录，也不能保证预订的安全。

依次尝试最小值 0、2 和 4。预期结果分别为四门课程、一门课程和无课程。 然后停止服务器并再次尝试加载。页面应解释失败原因并允许重试。 重新启动服务器并再次加载。原始虚构数据集应返回。

Turn results into a supported academic decision

以一个问题开始：目前哪些班级还有剩余名额？ 说明你的分析单位：一个班级，通过课程ID进行标识。 在分析之前，检查缺失值、重复的注册对、有效的ID以及非负容量。 在真实报告中注明数据日期，因为注册人数可能会发生变化。

当前答案为：编程 20、艺术 30 和音乐 40。 音乐班有三个剩余名额；其余两个班各有一个。 教师在宣布这些名额前，可以先核实它们是否仍然可用。

可以使用条形图来比较每个课程ID的注册人数与容量。 将两个编程班分开显示，并用它们的ID进行标注。 展示音乐班的零注册人数。不要因其条形较短而将其隐藏。

解释此决定的局限性。这些记录描述的是某一时刻四个虚构的班级。 它们无法衡量教学质量、未来需求或学生选择某门课程的原因。 更多的注册人数并不能证明某门课程带来了更好的学习效果。 避免使用描述性计数作为因果主张的证据。

一份简短报告可采用五个部分：问题、数据与核查、方法、结果、局限及后续行动。 包含查询语句或注明计算名称，以便其他读者能够复现结果。 将学生人数与注册人数分开统计。

Practise with changes and explain your answers

1. 绘制三张表的草图。它们之间通过哪些键连接？为什么需要第三张表？
2. 在运行任一查询之前，预测最小 1 和最小 3 的值。
3. 将 COUNT(e.student_id) 替换为 COUNT(*)。哪个原始结果会出错，原因是什么？
4. 仅按标题分组。两个编程类课程会发生什么变化？
5. 添加课程 50（戏剧），容量为 2，且无注册人数。预测其总人数和剩余名额。
6. 添加注册记录 (2,20)。此时最小 2 应返回什么值？
7. 尝试重复配对 (1,10) 和缺失学生配对 (99,10)。解释每种情况被拒绝的原因。
8. 为什么服务器必须检查浏览器已经验证过的最小值限制？
9. 解释为何空数组会返回 200，而负数最小值会返回 400。
10. 使用原始数据撰写两条建议句和一个局限性说明。

答案解析

1. 学生ID和课程ID将关联的注册表与其父表连接起来。 第三张表表示多名学生参与多门课程，同时避免了姓名或课程信息的重复。
2. 最小 1 返回 10、20 和 30。最小 3 仅返回 10。两个过滤器均包含等值条件。
3. 音乐类的数值由零变为一。COUNT(*) 统计了保留下来的未匹配课程行。
4. 编程类的总数合并为四。这描述的是标题分组，而非单个具体课程。
5. 戏剧类课程注册人数为零，尚余两个名额。左连接操作使其保留在最小 0 中。
6. 编码 20 现在有两名学生注册。最低 2 返回 ID 10 和 20，总数分别为三和两。
7. 配对外键拒绝了重复项。已启用的外键拒绝学生 99，因为该学生不存在。
8. 调用者可以在不使用页面的情况下发送请求。仅靠浏览器检查无法保护服务器。
9. 无匹配行是一个成功的查询。负数最小值违反了 API 的输入规则。
10. 在提供课程之前，请检查编码 20、艺术 30 和音乐 40 的剩余名额。 在此示例中，音乐课程的剩余名额最多。虚构的总数无法预测实际的学生需求。