# HarmonyClass

**Repository Path**: Spkkk/harmony-class

## Basic Information

- **Project Name**: HarmonyClass
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-06-06
- **Last Updated**: 2026-06-10

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

一、图片路径结构
backend/uploads/course/[课程ID]/[章节号]-[图片序号].jpg示例：
• 课程1，章节1，第1张图：/uploads/course/1/1-1.jpg
• 课程1，章节1，第2张图：/uploads/course/1/1-2.jpg
• 课程1，章节2，第1张图：/uploads/course/1/2-1.jpg
二、HTML内容格式
支持标签：h1-h6、p、img、ul/ol/li、blockquote、pre/code、strong、em、u
三、数据库更新
UPDATE chapters 
SET content = '<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>测试HTML内容</title>
</head>
<body>
    <h1>第一章：HarmonyOS Next概述</h1>

    <p>HarmonyOS Next是华为自主研发的面向万物互联时代的智能终端操作系统，它打破了传统操作系统的边界，实现了多设备之间的无缝协同。</p>

    <h2>1.1 系统特点</h2>
    <p>HarmonyOS Next具有以下核心特点：</p>
    <ul>
        <li><strong>分布式架构</strong>：支持多设备协同，实现跨设备无缝体验</li>
        <li><strong>高性能</strong>：采用微内核设计，系统响应更快</li>
        <li><strong>安全可靠</strong>：多层次安全防护机制</li>
        <li><strong>生态丰富</strong>：支持多种应用框架和开发语言</li>
    </ul>

    <h2>1.2 技术架构</h2>
    <p>下图展示了HarmonyOS Next的整体架构：</p>
    <img src="/uploads/courses/1/1-1.jpg" style="width: 100%; margin: 16px 0;">
    <p style="font-size: 16px; color: #666; text-align: center;">图1-1 HarmonyOS Next技术架构图</p>

    <h3>1.2.1 内核层</h3>
    <p>内核层是HarmonyOS Next的核心，包括：</p>
    <ol>
        <li>微内核：提供基础的系统服务</li>
        <li>驱动层：管理硬件设备</li>
        <li>安全子系统：保障系统安全</li>
    </ol>

    <h3>1.2.2 框架层</h3>
    <p>框架层提供了丰富的API和服务，包括：</p>
    <ul>
        <li>ArkUI框架：声明式UI开发</li>
        <li>Ability框架：应用组件管理</li>
        <li>数据管理：分布式数据存储</li>
    </ul>

    <blockquote>
        <p>HarmonyOS Next采用<strong>分布式软总线</strong>技术，实现了设备之间的自动发现和连接，为用户提供了无缝的多设备体验。</p>
    </blockquote>

    <h2>1.3 开发环境</h2>
    <p>开发HarmonyOS Next应用需要准备以下环境：</p>

    <h4>1.3.1 DevEco Studio</h4>
    <p>DevEco Studio是华为提供的官方IDE，集成了代码编辑、调试、打包等功能。</p>

    <h4>1.3.2 SDK安装</h4>
    <p>安装步骤如下：</p>
    <pre><code>1. 下载DevEco Studio安装包
2. 运行安装程序，选择安装路径
3. 配置SDK路径
4. 安装HarmonyOS SDK</code></pre>

    <h2>1.4 快速入门</h2>
    <p>下面是一个简单的ArkUI示例代码：</p>
    <pre><code>@Entry
@Component
struct HelloWorld {
  build() {
    Column() {
      Text('Hello, HarmonyOS!')
        .fontSize(24)
        .fontColor('#333333')
    }
    .width('100%')
    .height('100%')
    .justifyContent(FlexAlign.Center)
  }
}</code></pre>

    <p>这段代码创建了一个居中显示的文本组件，展示了ArkUI声明式开发的基本语法。</p>

    <h2>1.5 本章小结</h2>
    <p>本章介绍了HarmonyOS Next的基本概念、技术架构和开发环境。通过学习，你应该能够：</p>
    <ul>
        <li>理解HarmonyOS Next的核心特点</li>
        <li>掌握系统架构的基本组成</li>
        <li>搭建开发环境</li>
        <li>编写简单的ArkUI应用</li>
    </ul>

    <p>下一章我们将深入学习<em>Stage模型</em>，了解HarmonyOS Next的应用架构模式。</p>
</body>
</html>'
WHERE id = 1;四、测试步骤
1. 放置图片：将图片放入 backend/uploads/course/[课程ID]/ 目录
2. 更新数据库：执行上述SQL更新章节内容
3. 启动后端：运行 Spring Boot 服务（端口8080）
4. 启动前端：运行 HarmonyOS 应用，进入章节阅读页面
五、注意事项
• 图片路径必须以 /uploads/course/ 开头
• 服务器地址：http://192.168.239.1:8080（部署时修改）
• 纯文本内容会自动转换为段落显示