Instructions

• 请完整阅读《Assessment Overview》。
• 创建并提交一个满足 Business Requirements A 和 B 的 Web 应用。

What to submit in Moodle?

提交一个包含以下内容的 ZIP 压缩包：

• 一个基础应用（版本 1），完成 Business Requirements A 和 B。
• 一份已填写的提交模板副本。

Note: 我们会检查你在 GitHub 上与本次编码作业相关的 commit 历史。

将被扣分的情况（最高 20%）：

• 学生未与导师共享 GitHub 项目仓库；或
• GitHub 仓库中的代码提交次数少于 3 次；或
• 所有提交均集中在少于 48 小时的时间窗口内完成。

类别 A（CATEGORY A）

• BR（A.1）：开发栈（Development Stack｜覆盖：第 1 周）

  新 Web 应用必须使用 Vue.js 3 框架开发。

• BR（A.2）：响应式（Responsiveness）

  新 Web 应用必须具备响应式能力，以兼容各种设备。

  提示（Hint）： 响应式可使用 Bootstrap、Materialize CSS 或其他框架实现。

  参考链接：https://getbootstrap.com/，https://materializecss.com/

类别 B（CATEGORY B）

• BR（B.1）：校验（Validations）

  必须实现至少两种不同类型的用户输入校验。

• BR（B.2）：动态数据（Dynamic Data）

  必须能够动态获取并显示来自底层 JavaScript 数据结构的值（例如：从 JSON、状态变量或 Vue 绑定中获取）。

  提示（HINT）： 使用 Local Storage 将数据持久化到当前会话之外。示例参考：https://www.geeksforgeeks.org/how-to-make-localstorage-reactive-in-vue-js/