A1.2: Basic Application Development (version 1) in Week 5 - 5%
本页目录· 3 条
IntroductionRubric
Score: 95/100
Feedback
- 在进行表单验证时，请留出足够的空白区域，这样当出现错误信息时，按钮不会被向下推。否则，一些用户在操作时需要不断移动鼠标指针，这会增加不必要的交互负担。
- 在标明必填字段时，可以考虑用红色的“*”号来提示，以便用户更容易识别。
- 你还可以考虑在页面中提前说明“*”的含义，这样即使是数字素养中等或偏低的用户也能理解。
Grade breakdown
| 等级要求（必须在所有前一等级都达到“超出预期”后才能进入下一等级） | 评估标准 | 超出预期 (Exceeds Expectations) | 达到预期 (Meets Expectations) | 需要改进 (Needs Improvement) | 未达预期 (Fail to Meet Expectations) |
|---|---|---|---|---|---|
| P - P+ | BR (A.1)：开发栈与编码 (Development Stack and Coding) | Web 应用使用最新版本的 Vue.JS（3.x）开发，并展示了对该框架核心概念与功能的深刻理解。代码结构良好、模块化，并遵循最佳实践。 | Web 应用使用 Vue.JS 3 开发，但可能缺少部分高级功能或最佳实践。代码可运行，但在结构和组织上有待改进。 | Web 应用未使用 Vue.JS 3，或实现存在重大缺陷，缺少关键功能或最佳实践。 | 未使用 Vue.JS 3 框架，或实现存在严重缺陷。 |
| BR (A.2)：响应式设计 (Responsiveness) | Web 应用高度响应式，能够无缝适配各种设备尺寸和屏幕分辨率。所有 UI 元素、布局和功能均针对桌面端与移动端进行优化（涵盖屏幕像素 <576px、576px–768px、992px–1200px、>1400px 的情况）。 | Web 应用整体响应良好，但在不同设备的布局和功能适配上可能存在少量问题或不一致性（涵盖屏幕像素 <576px 和 >1400px 的情况）。 | Web 应用缺乏响应式设计，用户体验在不同设备上明显受损（涵盖屏幕像素 >1400px 的情况）。 | Web 应用缺乏响应性，无法在不同设备和屏幕尺寸下正常运行。 | |
| P+ - P++ | BR (B.1)：表单验证 (Validations) | Web 应用实现了完整的用户输入验证集，至少包含两种不同类型（如必填字段、邮箱格式、数字范围等）。验证设计良好，能向用户提供清晰反馈并提升整体用户体验。 | Web 应用至少实现了两种不同类型的用户输入验证，但在细节上可能有轻微问题，或反馈给用户的信息不够清晰。 | Web 应用缺少或在用户输入验证实现上存在重大问题（包括客户端和服务端），影响整体用户体验。 | Web 应用未实现任何用户输入验证。 |
| BR (B.2)：动态数据与数据结构 (Dynamic Data & Data Structure) | Web 应用能够无缝获取并显示来自底层 JavaScript 数据结构（如 JSON、状态变量、Vue 绑定等）的动态数据，并以清晰直观的方式呈现，提升用户体验。 | Web 应用能获取并显示来自内部 JS 数据结构的动态数据，但在细节上可能有轻微问题，或未能提供流畅的用户体验。 | Web 应用无法正确获取或显示来自内部 JS 数据结构的动态数据，或实现存在重大缺陷，影响用户体验。 | Web 应用未动态获取或显示任何数据，仅包含硬编码数据。 |