Flowstruct 使用指南：让课程规划不再头疼的可视化工具

你有没有遇到过这种情况：想选个课，结果发现要先修 A，A 又要先修 B，B 还要先修 C……然后你就拿着学校那个几十页的 PDF 课程目录，一边翻一边在纸上画箭头，最后自己都被绕晕了？

今天这个开源工具——**Flowstruct**，它能把复杂的课程依赖关系变成清晰的可视化图表。点一下课程，立马看到它的所有先修课和后续课，比那些又臭又长的 PDF 文档好用一百倍。



https://appstore.lazycat.cloud/#/shop/detail/cloud.lazycat.app.flowstruct


## 它到底能干啥？

简单说，Flowstruct 就是把大学课程目录变成了一张"地图"。你可以：

- **一眼看清课程依赖**：点击任意课程，所有相关的先修课和后续课都会用不同颜色高亮显示
- **理解课程体系**：直观看到整个专业的课程结构，知道哪些是核心课，哪些课最关键
- **规划选课路径**：提前知道要修完哪些课才能选心仪的课程

最重要的是，它是**自托管**的，数据完全在你自己手里，想怎么改就怎么改。

## 核心功能详解

应用安装后，打开是课程界面

![image.png](https://dl.playground.lazycat.cloud/guidelines/496/6890eeda-6f12-4d59-b0aa-ab459a299bc6.png "image.png")

因为此时还没有数据录入，所以搜索不出东西。

我们先进入 cms 后台管理系统，直接在域名后输入/cms，（默认账号密码都是 `flowstruct`）

![image.png](https://dl.playground.lazycat.cloud/guidelines/496/578d73bc-b7e9-48d4-8cde-fbcc595fb082.png "image.png")

Flowstruct 使用**四层架构**来组织大学课程体系：

```
Program（专业）
    ↓
Study Plan（学习计划/培养方案）
    ↓
Section（模块/章节）
    ↓
Course（课程）
```

先理清了关系，我们按照顺序加对应的数据就行了。

### 1️⃣ Program（专业）

**定义**：大学的专业/项目，例如"计算机科学学士"、"电子工程学士"。

**属性**：
- **Code（专业代码）**：例如 `CS`、`EE`
- **Name（专业名称）**：例如 `Computer Science`
- **Degree（学位）**：例如 `BSc`（理学学士）、`MSc`（理学硕士）

**示例**：
```
专业代码: CS
专业名称: Computer Science
学位: BSc
```

![image.png](https://dl.playground.lazycat.cloud/guidelines/496/5cda6467-2313-4efa-8007-712ff2977c9d.png "image.png")
**用途**：
- 定义学校提供的专业
- 作为培养方案（Study Plan）的基础

#### 创建学习计划（Study Plan）

**学习计划** = 完整的课程体系，例如"计算机科学学士学位"、"软件工程专业培养方案"。
![image.png](https://dl.playground.lazycat.cloud/guidelines/496/39ffbcdc-31ab-4591-bc38-bb3977f29e44.png "image.png")
**操作步骤**：

**创建新学习计划**
   - 点击 `+ New Study Plan` 按钮
   - 填写表单：
     - **Name（名称）**：例如"计算机科学与技术 2025 级培养方案"
     - **Academic Year（学年）**：例如"2024-2025"

![image.png](https://dl.playground.lazycat.cloud/guidelines/496/4b38e6c5-4545-43c9-8a4d-04ad2ce06ac4.png "image.png")

#### 添加 Sections（模块）

1. 进入刚创建的 Study Plan 编辑模式
![image.png](https://dl.playground.lazycat.cloud/guidelines/496/219d775f-cb04-4494-b1fc-b465cdd46fc9.png "image.png")
3. 点击 `+ Add Section`
4. 创建模块：

![image.png](https://dl.playground.lazycat.cloud/guidelines/496/5310dccf-effe-4ee2-8e4c-6c70fcd80cac.png "image.png")
**模块 1：大学通识课程**
```
层级: University
类型: Requirement
模块名称: General Education
要求学分: 21
```

**模块 2：专业核心课程**
```
层级: Program
类型: Requirement
模块名称: Core Courses
要求学分: 81
```

![image.png](https://dl.playground.lazycat.cloud/guidelines/496/ad3e16d6-0018-4c28-87c9-874c9e146eb7.png "image.png")

#### 创建 Courses（课程库）

1. 点击 `Catalog` → `Courses` 标签页
2. 点击 `+ Create New Course`
3. 填写课程信息：
   ```
   课程代码: CS223
   课程名称: 数据结构
   学分: 3
   授课方式: F2F
   理论课时: 2
   实践课时: 2
   ```

![image.png](https://dl.playground.lazycat.cloud/guidelines/496/f7ecaaa2-0386-4e7d-8142-78c56c0a0ac5.png "image.png")

把这个课程加到学习计划中

![image.png](https://dl.playground.lazycat.cloud/guidelines/496/7b9d5f93-3cdd-445f-a7d0-67fd6e6bf28b.png "image.png")

 在课程地图里，设置好各个课程的前后关系，先修哪个，再修哪个
 
![image.png](https://dl.playground.lazycat.cloud/guidelines/496/e925e7a4-9bb7-403d-98fa-c0665f27ad3c.png "image.png")

加好之后，点击提交，

![image.png](https://dl.playground.lazycat.cloud/guidelines/496/43bda197-1c8b-41fd-9fc0-25a30e3e231e.png "image.png")

培养方案发布到前台，学生就可以查看了

![image.png](https://dl.playground.lazycat.cloud/guidelines/496/072e7326-ea72-4d51-a539-95301c63d342.png "image.png")



#### 颜色标记系统

Flowstruct 用了一套很直观的颜色体系：

![image.png](https://dl.playground.lazycat.cloud/guidelines/496/77881f7c-01b6-4325-9b48-da3196ea05c2.png "image.png")
- 🟨 **黄色**：间接先修课（就是先修课的先修课）
- 🟧 **橙色**：直接先修课（必须先修完才能选的课）
- 🔷 **浅蓝色**：你当前选中的课程
- 🔵 **深蓝色**：间接后续课（选完这门课后间接能解锁的课）

比如你想选"数据结构"，点一下这门课，所有需要先修的课程（比如"程序设计基础"）会变成橙色，而"程序设计基础"的先修课（比如"计算机导论"）会变成黄色。反过来，选完"数据结构"后能选的课（比如"算法设计"）会变成深蓝色。

![image.png](https://dl.playground.lazycat.cloud/guidelines/496/42b5b225-84fc-4616-a10a-024268787b92.png "image.png")


## 总结

Flowstruct 解决了一个很实际的痛点：把复杂的课程依赖关系变得一目了然。它不是那种"看起来很炫但没啥用"的工具，而是真正能帮你节省时间、避免选课踩坑的实用软件。

如果你正在为选课规划头疼，或者你们学校的课程管理系统用着特别难受，不妨试试 Flowstruct。

---

**项目信息**

- GitHub 地址：https://github.com/flowstruct/flowstruct
- 在线演示：https://gjuplans.com/study-plans/1