跳到主要內容

初探 Mysql Docker

 前言

我在專案開發階段常使用 MySQL Docker,主要是好處,快速啟動、零安裝成本、版本切換,不污染本機系統(不喜歡本機裝一堆有的沒的,特別是有的只會用那麼一次)。而且如果在需要,任何時間、任何機器,都能還原相同 DB 環境。


註: 在測試也非常好用:

1.Unit / Integration Test 啟動臨時 MySQL

2.測試結束,可以將容器刪除

3.不影響正式資料


必要: 

安裝 Docker Desktop

參看: https://docs.docker.com/desktop/setup/install/windows-install/


專案結構


|- docker/

|  |- mysql/

|     |─ docker-compose.yml

|     |- init/

|        |- schema.sql



實作


新增 docker-compose.yml(MySQL)

services:

  mysql:

    image: mysql:8.4.7

    container_name: dev-mysql

    restart: always

    ports:

      - "3306:3306"

    environment:

      # 建立 root 預設使用的密碼

      MYSQL_ROOT_PASSWORD: 123456

      MYSQL_DATABASE: testdb

      # 建立新使用者並設定該使用者的密碼

      MYSQL_USER: mysql

      MYSQL_PASSWORD: 123456

    volumes:

      # 我本機上建立的資料目錄

      - /Users/danny/mysql_data:/var/lib/mysql

      - ./init:/docker-entrypoint-initdb.d

    command:

      --character-set-server=utf8mb4

      --collation-server=utf8mb4_unicode_ci



新增 schema.sql

DROP TABLE IF EXISTS users;


CREATE TABLE users (

  id bigint NOT NULL AUTO_INCREMENT,

  email varchar(255) NOT NULL,

  first_name varchar(255) NOT NULL,

  last_name varchar(255) DEFAULT NULL,

  password varchar(255) NOT NULL,

  username varchar(255) NOT NULL,

  PRIMARY KEY (id),

  CONSTRAINT username_unique UNIQUE (username),

  CONSTRAINT email_unique UNIQUE (email)

);




說明:

初始化新實例:

當容器首次啟動時,如需要建立一個具有指定名稱的新資料庫,並進行初始化。它將執行位於指定目錄下、副檔名為 .sql 的檔案/docker-entrypoint-initdb.d。文件將按字母順序執行。

資料儲存:

在主機系統上建立資料目錄,並將其掛載到容器內部可存取的目錄。這樣,資料庫檔案就會位於主機系統上建立資料目錄



啟動 / 停止


# 啟動,如果之前會 pull mysql image過,會需要pull image

docker compose up -d





















# 查看狀態,已成功啟動。

docker compose ps




檢視相關狀態。

查看 Docker Desktop,可以看到 Containers 已有剛建立的 dev-mysql
























使用mysql client 工具連線,可以看到剛初始建立的table users

















# 停止

docker compose down


# 停止並刪除資料

docker compose down -v

留言

這個網誌中的熱門文章

初探 Vue 呼叫 API 出現 CORS 跨來源資源共享 問題原因

提要:   在 {初探Vue 與 Spring boot 的對話} 專案 ,前端 Vue 應用程式 串接 後端 API 伺服器 ,axios 呼叫 API 時出現以下,”無法取得回應內容 (No 'Access-Control-Allow-Origin' header is present on the requested resource):” 錯誤訊息,根據查找相關資料 ,出現以下原因。 瀏覽器開發工具 錯誤訊息 畫面 錯誤原因: “ Access to XMLHttpRequest at ” from origin ‘http://localhost:8080’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource” 瀏覽器為了安全考量,實施了同源政策。 當您的前端應用程式 (http://localhost:8080) 嘗試呼叫一個不同來源 (不同協議、不同域名或不同埠號) 的 API 伺服器 (http://localhost:8088) 時,瀏覽器會主動阻止這個請求,除非伺服器明確地允許這個跨來源的存取。 同源政策限制(Same-Origin Policy): 同源政策限制了程式碼和不同網域資源間的互動,同源是指兩份網頁具備相同協定、埠號(如果有指定)以及主機位置 範例: 表列哪些 URL 與 URL http://www.example.com/api/p1 屬於同源: URL                                                   | 結果   | 原因 --------------------------------------------------------------------- http://www.example.com/api/p2     |...

初探 Vue 與 Spring boot 的對話之Frontend (Vue-Frontend)

  Front-end Vue 使用 REST API 建立 Vite 專案 可參考 { Vue 3 初探}  文章 danny@Danny-Yu projects % npm create vite@latest Need to install the following packages: create-vite@8.2.0 Ok to proceed? (y) y > npx > "create-vite" │ ◇   Project name: │   vue-frontend │ ◇   Select a framework: │   Vue │ ◇   Select a variant: │   TypeScript │ ◇   Use rolldown-vite (Experimental)?: │   No │ ◇   Install with npm and start now? │   Yes │ ◇   Scaffolding project in /Users/danny/Desktop/projects/vue-frontend... │ ◇   Installing dependencies with npm... added 47 packages, and audited 48 packages in 27s 6 packages are looking for funding   run `npm fund` for details found 0 vulnerabilities │ ◇   Starting dev server... > vue-frontend@0.0.0 dev > vite   VITE v7.2.4   ready in 411 ms   ➜   Local:   http://localhost:5173/   ➜   Network: use --host to expose   ➜   press h + enter to show...

初探 Spring 中的循環依賴

原因: 當兩個或多個 bean 直接或間接地相互依賴時, 就會出現 Circular Dependency (循環依賴) 如: Bean A -> Bean B -> Bean A import org.springframework.beans.factory.annotation.Autowired; import org.springframework.stereotype.Component; @Component public class BeanA {          @Autowired     private BeanB beanB;     public String sayHi() {         return "Hi! 我是 Class A.";     } } import org.springframework.beans.factory.annotation.Autowired; import org.springframework.stereotype.Component; @Component public class BeanB {          @Autowired     private BeanA beanA;     public String sayHi() {         return "Hi! 我是 Class B.";     } } 編譯時不會出現問題 danny@Danny-Yu demo % mvn clean install -Dmaven.test.skip=true                           ... ... [INFO] Installing /Users/danny/Desktop/projects/demo/target/dem...