Week 1-8: Spring Boot 学习计划完整项目
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
This commit is contained in:
36
week6/src/views/AboutView.vue
Normal file
36
week6/src/views/AboutView.vue
Normal file
@@ -0,0 +1,36 @@
|
||||
<!-- 关于页面 -->
|
||||
<template>
|
||||
<div class="page">
|
||||
<h1>关于 Week 6</h1>
|
||||
<div class="card">
|
||||
<h3>学习目标</h3>
|
||||
<p>掌握 Vue 3 核心,能独立开发 SPA 应用。</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<h3>技术栈</h3>
|
||||
<ul>
|
||||
<li>Vue 3 (Composition API + SFC)</li>
|
||||
<li>Vite (构建工具)</li>
|
||||
<li>Vue Router (路由)</li>
|
||||
<li>Pinia (状态管理)</li>
|
||||
<li>Axios (HTTP 客户端)</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="card">
|
||||
<h3>下周预告:Week 7</h3>
|
||||
<p>将本项目的 Vue 前端与 Week 5 的 Spring Boot 后端对接,实现前后端分离的完整学生管理系统。</p>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
.page { max-width: 600px; margin: 40px auto; padding: 0 20px; }
|
||||
h1 { margin-bottom: 24px; }
|
||||
.card {
|
||||
background: #fff; border-radius: 10px; padding: 20px; margin-bottom: 16px;
|
||||
box-shadow: 0 2px 8px rgba(0,0,0,0.08);
|
||||
}
|
||||
.card h3 { color: #667eea; margin-bottom: 8px; }
|
||||
.card ul { padding-left: 20px; color: #555; }
|
||||
.card li { margin-bottom: 4px; }
|
||||
</style>
|
||||
Reference in New Issue
Block a user