Java 互动教程
基于 Quarto Book 的 Java 语言互动学习教程
📖 项目简介
本项目是一套面向初学者的Java 语言互动教程，采用 Quarto 构建，结合可视化解释与可操作的交互组件，让学习过程更加直观、生动、有趣。
教程涵盖从基础语法到集合框架的完整知识体系，适合零基础入门 Java 编程。
🎯 适用人群
- Java 编程初学者
- 有编程基础，想学习 Java 的开发者
- 高校 Java 程序设计课程学生
- 准备 Java 认证考试的学员
✨ 功能特色
| 特色 | 说明 |
|---|---|
| 🎨咖啡橙主题 | 采用 Java 经典色#B3711A，风格统一专业 |
| 💻语法高亮 | 自定义 HTML 着色，关键字/字符串/注释/类名分色展示 |
| 🎮交互组件 | 每章含可操作演示组件（变量练习器、循环演示器、数组计算器等） |
| 📐知识盒子 | 定义盒子 · 语法盒子 · 例题盒子 · 技巧盒子，结构清晰 |
| 📝即时练习 | 每章配备可折叠答案的练习题，巩固所学知识 |
| 📊章节总结 | 每章末尾提供完整语法速查表 |
| 🎯综合实战 | 第10章提供学生管理系统完整项目 |
📂 项目结构
java-tutorial/ ├── _quarto.yml # Quarto 项目配置文件 ├── styles.css # 自定义样式（咖啡橙主题） ├── index.qmd # 封面页与学习路线图 ├── 01-getting-started.qmd # 第1章：入门与环境搭建 ├── 02-basic-syntax.qmd # 第2章：基础语法 ├── 03-control-flow.qmd # 第3章：控制流程 ├── 04-methods.qmd # 第4章：方法 ├── 05-arrays-strings.qmd # 第5章：数组与字符串 ├── 06-classes-oop.qmd # 第6章：类与对象 ├── 07-inheritance-polymorphism.qmd # 第7章：继承与多态 ├── 08-interfaces-abstraction.qmd # 第8章：接口与抽象类 ├── 09-exception-handling.qmd # 第9章：异常处理 ├── 10-collections.qmd # 第10章：集合框架 └── _book/ # 渲染输出目录 └── index.html # 主入口文件📚 章节目录
| 章节 | 标题 | 核心内容 | 交互组件 |
|---|---|---|---|
| - | 封面 | 课程概览与学习路线图 | 路线图动画 |
| 第1章 | 入门与环境搭建 | JDK安装、HelloWorld、编译运行 | JDK安装步骤卡片 |
| 第2章 | 基础语法 | 变量、8种基本数据类型、运算符 | 🎮 变量声明练习器、运算符演示器 |
| 第3章 | 控制流程 | if/switch、for/while/do-while | 🎮 for循环参数演示器 |
| 第4章 | 方法 | 方法定义、参数传递、重载、递归 | 递归调用过程可视化 |
| 第5章 | 数组与字符串 | 一维/二维数组、String、StringBuilder | 🎮 数组求和计算器 |
| 第6章 | 类与对象 | 类定义、构造方法、封装、static | 封装三步法图示 |
| 第7章 | 继承与多态 | 继承、super、方法重写、多态 | 多态示例代码 |
| 第8章 | 接口与抽象类 | 抽象类、接口、default方法 | 接口vs抽象类对比表 |
| 第9章 | 异常处理 | try-catch-finally、throw/throws | 异常处理流程图 |
| 第10章 | 集合框架 | ArrayList/HashSet/HashMap | 🎯 综合实战：学生管理系统 |
🚀 本地预览
前置要求
- Quarto >= 1.0
- Python 3.x（用于启动本地服务器）
- JDK >= 8（运行Java代码示例）
渲染教程
# 进入项目目录cdD:\Quarto\java-tutorial# 渲染 Quarto Bookquarto render启动预览服务器
# 方法一：使用 Python 启动cd_book python-mhttp.server8880--bind127.0.0.1# 方法二：直接打开# 在浏览器中打开 _book/index.html然后在浏览器中访问：http://127.0.0.1:8880/index.html
🛠️ 技术栈
| 技术 | 用途 |
|---|---|
| Quarto | 文档渲染引擎，支持 HTML/PDF/Word 多格式输出 |
| Cosmo Theme | Bootstrap 主题底座 |
| HTML/CSS/JS | 自定义交互组件与样式 |
| Canvas API | 可视化绘图（流程图、示意图等） |
📝 更新日志
v1.0.0（2026-06-21）
- ✅ 完成全部 10 章内容编写
- ✅ 添加所有交互演示组件
- ✅ 第10章添加综合实战项目
- ✅ 所有章节渲染成功
📝下载地址
https://download.csdn.net/download/shihui2003/93007525
📄 许可证
本项目仅供学习交流使用。
