目录

 

一、简介

1.1功能

1.2用户界面

1.3业务逻辑

1.4使用链接

二、数据库

三、工作流

3.1作业批改工作流

3.2收藏工作流

3.3查询工作流

四、用户界面开发

4.1 首页设计

4.1.1页面布局

4.1.2按钮事件配置

4.2 详情页设计

4.2.1 加载动画区域

4.2.2 思考过程展示

4.2.3 题目列表展示

4.2.4 收藏按钮事件

4.3 我的收藏页设计

4.3.1 页面事件

4.3.2 页面布局

4.3.3 菜单配置

---

 

一、简介

        上传作业图片，可以进行图片识别，批改作业生成正确答案，还可以对题目进行收藏，在“我的收藏”中可以进行查看。

1.1功能

本系统主要包含以下核心功能模块：

• 作业图片上传：支持学生上传作业图片
• AI智能批改：通过大模型识别题目并判断正误
• 解题思路展示：展示详细的推理过程
• 错题收藏：将易错题保存到数据库
• 收藏管理：查看和管理所有收藏的题目

1.2用户界面

1.3业务逻辑

        使用工作流jiedatimu实现作业批改功能

        使用工作流shoucang实现收藏功能

        使用工作流chaxun实现查看收藏目录功能

1.4使用链接

AI批改作业小程序

二、数据库

        在项目的“业务逻辑”页面中创建数据库，点击“+”按钮新建数据库homework。

增加字段

三、工作流

3.1作业批改工作流

        这是系统的核心工作流，负责识别并批改作业图片。

3.2收藏工作流

        用于将错题或重要题目保存到数据库。

3.3查询工作流

        用于查询数据库中所有收藏的题目。

四、用户界面开发

4.1 首页设计

4.1.1页面布局

1. 标题文本：设置为标题一样式

2. 上传图片组件：宽度设置为100%

3. 按钮组件：宽度设置为100%

4.1.2按钮事件配置

        点击按钮时，调用 jiedatimu 工作流，输入参数为上传图片组件的值。

4.2 详情页设计

        详情页用于展示AI批改的结果和思考过程。

4.2.1 加载动画区域

• 容器组件：作为整体容器

• Lottie动画：选择 loading2 动画

• 文本组件：显示"正在批改......"

可见性设置：

        {{! jiedatimu.loading }}

        即：当工作流未在加载时隐藏，工作流加载时显示。

4.2.2 思考过程展示

• Markdown组件：绑定工作流中间输出节点的output

• 宽度：100%

• 高度：自适应

4.2.3 题目列表展示

        使用 纵向列表组件 展示每道题的批改结果。

每个卡片包含：

1. 题目序号文本

2. 题目内容文本

3. 你的答案文本

4. 参考答案文本

5. 解题思路文本

6. 收藏按钮

数据绑定：
        通过表达式绑定jiedatimu工作流输出的数组，每个item对应一道题的完整信息。

4.2.4 收藏按钮事件

        点击收藏按钮时，调用 shoucang 工作流，在数据库内新增数据。

4.3 我的收藏页设计

4.3.1 页面事件

        当页面被加载时，自动调用 chaxun 工作流查询数据。

4.3.2 页面布局

• 纵向列表：展示收藏的题目，数据绑定来自查询工作流

4.3.3 菜单配置

        在底部菜单栏添加"我的收藏"入口，设置跳转到我的收藏页面。