iT邦幫忙

2026 iThome 鐵人賽

DAY 20
0
Software Development

從零開始將作品整理成GitHub履歷系列 第 20 篇

Day20|流程圖整理系統操作流程

  • 分享至 

  • xImage
  •  

哇ㄚㄚㄚㄚㄚ我今天忘記要做鐵人賽了,所以今天來簡單做一個操作的流程圖,那麼我會先列出大概的流程,接著使用AI推薦我的Mermaid畫流程圖然後放進README吧
。

系統操作流程

在製作專案流程圖之前,我簡單的整理一下目前系統的操作流程。
使用者進入首頁後會先看到病人的資料列表,可以搜尋現有的病人資料或是新增病人與術前醫囑。接著可以查看病人與醫囑的詳細內容,並進行修改、刪除或列印。

進入病人資料列表
↓
搜尋病人 / 新增病人與術前醫囑
↓
查看病人與術前醫囑詳細資料
↓
修改資料 / 刪除資料 / 列印術前醫囑

系統流程圖製作

那我因為之前做作業有用過Whimsical來製作流程圖,所以我第一個想到的工具就是他,但AI跟我推薦如果使用Mermaid就可以直接放進README顯示出來,所以我最後選擇了這個,那今天因為時間來不及了所以我會先請AI生一個大概的版本,後續握會在自己去理解及修改的!

那這就是大概長的樣子
https://ithelp.ithome.com.tw/upload/images/20261004/20178158NmXdLB9yk8.png

系統流程圖README

## 系統操作流程

以下為系統主要的操作流程:

```mermaid
flowchart TD
    A[進入病人資料列表]

    A --> B[搜尋病人]
    A --> C[新增病人與術前醫囑]

    B --> D[查看病人與術前醫囑詳細資料]
    C --> D

    D --> E[後續操作]

    E --> F[修改資料]
    E --> G[刪除資料]
    E --> H[列印術前醫囑]

今天就先做到這裡,雖然有一點偷懶,但是加上流程圖感覺有更專業一點了對吧


上一篇
Day19|README怎麼寫! Part 3
下一篇
Day21|把專案放上 GitHub! 第一次 Push
系列文
從零開始將作品整理成GitHub履歷 共 22 篇
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言