前言

前兩天已經把這次 30 天的目標以及系統功能大致規劃好了。

今天終於要開始進入實作階段！

不過在開始寫程式之前，還有一件事情要先完成，那就是：

把開發環境準備好。

如果開發環境沒有設定好，後面開始寫程式時，很容易遇到「明明程式沒有問題，為什麼就是跑不起來？」的情況。

所以今天先把之後會用到的工具準備好。

⸻

這次會用到哪些工具？

這次的醫療資訊小系統會使用到前端、後端以及資料庫，因此需要準備幾個不同的工具。

1. Visual Studio Code

首先是 Visual Studio Code。

它可以用來編寫 HTML、CSS 和 JavaScript。

在前期製作網頁介面的時候，會大量使用到它。

⸻

2. Java Development Kit

因為後面會使用 Java、Servlet 和 JSP，所以需要先安裝 JDK。

JDK 是 Java Development Kit 的縮寫，可以把它想成是開發 Java 程式時需要的工具包。

之後寫 Java 程式、編譯以及執行，都會使用到它。

⸻

3. IntelliJ IDEA

除了 Visual Studio Code 之外，後面進入 Java Web 的部分，我會使用 IntelliJ IDEA 來建立和管理 Java 專案。

這樣可以比較方便地管理 Java 的程式碼以及專案結構。

⸻

4. Apache Tomcat

因為這次會使用 Servlet 和 JSP，所以還需要準備 Tomcat。

Tomcat 可以當作 Java Web 應用程式的伺服器。

之後我們寫好的 Servlet 和 JSP，就會透過 Tomcat 執行。

簡單來說：

瀏覽器
↓
Tomcat
↓
Servlet / JSP
↓
Java 程式

⸻

5. MySQL

最後是資料庫。

這次預計使用 MySQL 儲存病患資料。

例如之後可能會建立一張 patient 資料表：

patient

id
name
gender
birthday
phone

當使用者在網頁輸入資料後，資料就可以透過後端程式寫入 MySQL。

⸻

先把整個開發環境想清楚

目前可以先把這次專案的工具分成三個部分。

前端

HTML
CSS
JavaScript

負責讓使用者看到以及操作網頁。

後端

Java
Servlet
JSP
Tomcat

負責處理使用者送過來的資料以及系統邏輯。

資料庫

MySQL

負責保存系統中的資料。

整體架構可以先想成：

┌──────────────┐
│ 使用者 │
└──────┬───────┘
↓
┌──────────────┐
│ HTML / CSS │
│ JavaScript │
└──────┬───────┘
↓
┌──────────────┐
│ Java │
│ Servlet/JSP │
└──────┬───────┘
↓
┌──────────────┐
│ MySQL │
└──────────────┘

這就是接下來 30 天會慢慢完成的架構。

⸻

今天的小結

今天主要沒有急著寫功能，而是先把之後會使用到的工具以及整體架構整理清楚。

目前先準備：

• Visual Studio Code
• JDK
• IntelliJ IDEA
• Apache Tomcat
• MySQL

接下來就可以正式開始製作第一個網頁。

下一篇，我會先從最基本的 HTML 開始，建立這個醫療資訊小系統的第一個頁面。

Day 3，完成！