2301_78959703的博客

原创 初探Data Analysis(Seaborn)

Seaborn 是 Python 常用於統計資料視覺化的高階套件，建立於 Matplotlib 的基礎之上，能用簡短的程式碼繪製出視覺效果且資訊豐富的圖表。

原创 初探 Data Analysis - 將影像當 ndarray 進行操作

影像本質上是像素的集合. 每個像素代表一個顏色值. 任何顏色都可以用紅, 綠, 藍 (RGB) 三種顏色的組合來表示. 本篇聚焦將影像轉為 ndarray 進行操作.

原创 初探 Data Analysis - Matplotlib

前言本篇聚焦 Matplotlib 核心 API 之應用：涵蓋 折線圖（Line Plot）的時間序列趨勢解析，以及散佈圖（Scatter Plot）**的資料分佈與樣式調校實戰。從 StackExchange 取得每種程式語言的貼文總數作為實作資料來源。 語法與參數說明plt.plot(x, y, fmt, data=None, **kwargs)資料的坐標值。• 支援傳入 List、NumPy Array 或 Pandas Series/Column。• 若省略 （僅傳入 ）：系統預設自動產生 作

原创 初探 Data Analysis - Pandas

前言本篇聚焦 Pandas 核心方法：涵蓋資料處理、型態轉換之底層邏輯，並進一步介紹 shape , groupby 的進階語法與核心範例.Series，是一個一維標籤陣列物件. DataFrame則是一個以表格、欄位為主的資料結構，有行與列標籤。pandas的基本結構是DataFrame，DataFrame是一個二維的資料結構，有行有列，有點像excel試算表中的儲存表格.每個欄位可以是不同的資料型態，例如數字、字串、布林等。你也可以把DataFrame想像成是裝了很多Series物件的字典，而且每個Se

原创 初探 Data Analysis - NumPy

本篇聚焦 NumPy 核心方法：涵蓋資料處理、型態轉換之底層邏輯，並進一步介紹 array , transpose 的語法與範例.Numpy全稱為 Numerical Python, 是 Python 中用於科學計算的基礎套件.它是一個 Python 庫,NumPy 特別擅長處理陣列和矩陣,例如數字列表或表格.它快速且高效, 是進行複雜數學計算(例如科學、工程或資料分析中所需的計算)的基礎函式庫。

原创 初探 Flask-CKEditor

前言Flask-CKEditor 是 Flask 框架整合 CKEditor 的擴充套件。CKEditor 是一個專門使用在網頁上屬於開放原始碼的所見即所得文字編輯器(WYSIWYG Editor)，它能讓你的網頁表單不再只是單調的文字框（Textarea），而是擁有像 Word 一樣的功能，支援文字加粗、變更顏色、插入圖片、表格、程式碼區塊等。安裝所需套件pip3 install Flask-CKEditor參考 : Flask-CKEditor · PyPI程式碼 app.py說明Flash是Fl

原创 初探 Flask-WTF

之前 [初探 Flask] ，我們學習如何讓 HTML 表單與 Flask 伺服器協同工作，並取得使用者在表單中輸入的資料。今天，我們將在此基礎上進行改進，使用名為 Flask-WTF 的 Flask 擴充功能來建立表單。Flask-WTF 是 Flask 框架整合 WTForms 的擴充套件。在傳統的 Flask 開發中，處理表單需要手動寫 HTML、在後端用 request.form.get() 一個個撈資料、手動寫樣式進行資料驗證（驗證長度、格式、是否必填等）。

原创 初探 Flask

Flask 是一個使用 Python 語言開發的輕量級 Web 應用框架，程式碼直觀、結構清晰，非常適合新手作為網頁開發的入門。以下我將就簡單的幾個範例說明，方便快速入門。

原创 Python Selenium 瀏覽器自動化測試工具

Selenium 是一套「瀏覽器自動化測試工具」，主要用於: Web 自動化測試 網頁操作模擬 自動登入 自動填表 網頁資料爬取(Web Scraping)。它可以模擬使用者在瀏覽器中的操作，例如: 點擊按鈕 輸入文字 切換頁面參考: https://www.selenium.dev/documentation/

原创 Python 簡單的 股市資料 API 呼叫範例

假如我們想從某個外部服務取得股市資料，藉由Python API 呼叫，可以讓我們從雅虎財經的API下載市場數據。以下簡單得介紹一個API ， yfinance 一個 Python 開源函式庫，使用者可以輕鬆地取得股票、指數、貨幣、ETF、基金以及期貨等相關金融商品的資訊。重要!yfinance提供了一種 Pythonic 的方式來從。

原创 Python 簡單的 空間站目前的位置 API 呼叫

如果我們想從某個外部服務取得資料，那我們需要知道資料儲存在哪裡。藉由API 端點和 API 呼叫，可以讓我們取得想要資料。底下我們藉由一個簡單的 API 呼叫實作， 取得國際太空站目前位置，包括經度和緯度。實作 導入必要的函式庫: requests. requests 模組可讓您使用 Python 發送 HTTP 請求。HTTP 請求傳回一個包含所有回應資料（內容、編碼、狀態等）的回應物件。註: 簡述 requests.Response() 回應物件 常用 屬性/方法描述json() 傳回結果的

原创 初探 Spring Boot Configuration

前言在 Spring Boot 中，Configuration 等同於應用程式的設定中心，可以用來管理:系統參數、資料庫連線、Port 設定、環境變數、不同環境(dev / test / prod)等等。Spring Boot 讓您可以將設定外部化，從而可以在不同的環境中使用相同的應用程式程式碼。您可以使用各種外部設定來源，包括 Java 屬性檔案、YAML 檔案、環境變數和命令列參數。您可以在這些檔案中定義應用程式或微服務在啟動時所需的所有配置和屬性。​問題預設情況下，Spring Boot 應用程式會尋

原创 OpenCV 的即時人臉偵測

在這個專案中,我們將建立一個使用電腦攝影機的即時人臉偵測系統.目標是存取系統的網路攝影機,並使用預先訓練的 Haar 級聯分類器即時偵測人臉.OpenCV 裡的 CascadeClassifier() 方法,可以根據所提供的模型檔案,判斷某個事件是否屬於某種結果,例如偵測人臉,如果影像中符合模型所定義的人臉屬性,就會出現這個人臉對應的屬性.如果對初探 OpenCV 圖像處理有興趣 可看看https://blog.youkuaiyun.com/2301_78959703/article/details/160959724

原创 初探 OpenCV 圖像處理

OpenCV的全稱是Open Source Computer Vision Library，是一個跨平台的電腦視覺庫。OpenCV是由英特爾公司發起並參與開發，以BSD授權條款授權發行，可以在商業和研究領域中免費使用。OpenCV可用於開發即時的圖像處理、電腦視覺以及模式辨識程式。2011年起，OpenCV開始支援GPU即時加速運算。OpenCV 支援多種程式語言，例如 C++、Python、Java 等，並可在 Windows、Linux、OS X、Android 和 iOS 等不同平台上運作。安裝 Op

原创 簡單的 語音助手

1. 語音輸入（SpeechRecognition），把「人講的話」轉成文字（Speech → Text）2. 語音輸出（pyttsx3），把「文字」轉成語音（Text → Speech）pyaudio 需要編譯 C 擴展，但你的系統缺少底層音訊函式庫。# 「文字轉語音(Text-to-Speech, TTS)」套件。步驟 2：重新安裝 PyAudio。# 如果需要使用麥克風，建議安裝此套件。pyaudio 如出現問題 -># 「語音(音訊)」轉成「文字」macOS 處理->

原创 初探 Buildpacks 製作 Docker 映像檔

前言一般來說，如果想建製 Docker 映像檔，我們需要編寫一個 Dockerfile，其中包含一系列指令，這些指令可以傳遞給 Docker 伺服器，以便根據這些指令產生 Docker 映像。除此之外，我們也可以透過其他工具達到我們想要的結果。例如，Buildpacks。簡介Buildpacks 是一種自動化工具，用來把你的應用程式「打包成可執行的映像（container image）」，而且不需要自己寫 Dockerfile。Buildpacks 是一個框架除了 Java，它還將支援許多其他語言，例如 G

原创 簡介 python 文字轉語音

pyttsx3 是一個用來做「文字轉語音（Text-to-Speech, TTS）」的 Python 套件，可以讓程式把文字直接唸出來，讓電腦「開口說話」的工具。特徵 ：.完全離線文字轉語音轉換.從系統安裝的不同語音中進行選擇.控制語速/語速.調整音量.將語音音訊儲存為文件.簡單、強大且直覺的 API參照: https://pypi.org/project/pyttsx3/https://pyttsx3.readthedocs.io/en/latest/它不會自己生成語音，而是透過呼叫系統內建語

原创 容器內的 H2 控制台

當 Browser 進入 H2 Console 登入畫面時, 顯示 remote connections ('webAllowOthers') are disabled on this server.為什呢？？Docker 會觸發這個錯誤？在 Docker 環境下，容器內部 IP 與宿主機（你的電腦）不同，H2 預設只允許localhost存取. 如果你沒有成功開啟H2 會拒絕透過 8070 埠從外部連入的請求.

原创 探 SpringDoc OpenAPI 常用註解

原创 SpringDoc OpenAPI 配置問題

OpenAPI 提供了標準化的規範，讓開發者能夠以 json 或 yaml 格式來描述 API 規格。Springdoc OpenAPI 是一個專門為 Spring Boot REST API 自動產生 API 文件的工具，讓你不需要手動寫 Swagger 設定，就能快速生成互動式文件頁面。參照加入依賴（Maven）pom.xml註: 使用與，有時候 SpringDoc 可能需要相容性微調。「在多模組專案中，Parent POM 的依賴管理如何正確傳遞到子模組的 Runtime」

原创 認識 Grafana

前言Grafana是一個跨平台、開源的資料視覺化網路應用平台。在使用者設定連接的資料來源之後，Grafana可以在網路瀏覽器裡顯示資料圖表和警告。測試資料下載 Grafana官方下載連結: https://grafana.com/grafana/download啟動 Grafana 服務請進入目錄並執行以下命令：初始設定步驟簡要： 2. 使用帳號 admin / admin 登入並更改密碼新增 Data Source進入「Configuration」新增資料來源，選擇要連接的資料庫類型（如 Pro

原创 初探 Python 並發(Concurrency) 及 並行(Parallelism)

前言透過比喻和案例說明，在 Python 中，並發 (Concurrency) 和 並行 (Parallelism) 兩者的區別簡單說明:並發 (Concurrency) 是指「處理很多事情的能力」（多任務交替執行）。並行 (Parallelism) 是指「同時做很多事情的能力」（多任務同時執行、需要多個 CPU 核心）。比喻咖啡廳:並發（Concurrency)多任務交替執行假設咖啡廳，僅一個店員時。待客人點餐後，他先行煮咖啡，在等煮咖啡的空檔時間，他可能轉身去幫另一位客人拿蛋糕。看起來雖然像是同時進行、

原创 Docker Compose: Spring Boot and PostgreSQL

基於上述程式碼庫，我們將 {Spring Security 和 JJWT 實現 Spring Boot Token 的身份驗證} 專案放在 jwtauth 資料夾中，無需使用 resources/application.properties 檔案。這是因為環境變數將會被匯出到 .env 檔案中。建立 Spring Boot 應用程式的 Dockerfile，將該檔案放在 jwtauth 資料夾中。Dockerfile% docker image build -t jwtauth-app . --n

原创 探索 Spring Security 和 JJWT 實現 Spring Boot Token 的身份驗證

前言有別於使用Nimbus JWT，本文我們選擇JJWT，建立一個支援 JWT 的令牌身份驗證的 Spring Boot 應用程式。參看：https://github.com/jwtk/jjwt架構總覽專案實作 使用 PostgreSQL DB Maven 依賴設定 application.yaml JWT密鑰字串 及 token 過期時間Create modelsImplement Repositories設定 WebSecurityConfig 會話管理以及受保護資源的規則

原创 探索 Spring Security + OAuth2 Resource Server + Nimbus JWT

本文將以。

原创 探索 後端 Django + JWT + MySQL

前言本篇文章將示範如何使用 Python 與 Django 架構開發後端 API，並導入 JWT 認證機制，以實作安全且清楚的身分驗證與授權流程。專案實作有關建立 Django 專案 ， 參看 初探 Python + Django。建立 Django APP:利用 startapp 建新的 Django app ，指令如下python3 manage.py startapp [app名字]如果您檢查專案資料夾內，會發現多了一個與剛才 users 同名的資料夾，結構如下圖:專案配置與資料庫連接app user

原创 初探 Python + Django

Django 是基於 Python 的 Web 框架，內建完整功能，如使用者驗證、ORM、後台管理與安全機制。本篇文章中將快速介紹如何建立一個Django專案，註: 啟動虛擬環境 Windows 系統 .jwtvenv\Scripts\activate Unix/Linux/MacOS 系統 source .jwtvenv/bin/activatedjango: Django 使用 Python 語言編寫，的服務器端網站框架django rest fr

原创 初探 Spring Framework OncePerRequestFilter

本文说明 Filter 属于 Servlet 规范，可在请求前后处理。通过 JWT 验证与 API 耗时记录两个示例，展示 OncePerRequestFilter 在安全认证与日志记录中的实际应用。

原创 探索 後端 Spring Security +JWT + 前端 Vue 3

在 {探索 Spring Security + JWT Authentication } 文章中，我們將立了一個 Spring Security + JWT 專案。透過本篇文章，我們將 Spring boot + JWT 後台與 前台 Vue 結合，改成常見的開發情境:前後端分離架構。使用JWT認證機制，處理身份驗證和授權功能。有關 JWT 取得相關 API 及Vue 頁面 API ，基於 探索 Spring Security + JWT Authentication 文章。註:如果讀者不是從參看{ 探

原创 探索 Spring Security 6 +JWT Authentication

前言在 {探 Spring Security(二) 用戶帳號資料儲存於DB} 文章中，我們將立了一個 Spring Security 專案，並將使用者相關權限存於DB。透過這篇文章，我們將把 Spring Security 與 JWT 結合，改使用 JWT 認證機制，處理身份驗證和授權功能。有關於 JWT，本篇將省略該部分的介紹，請各位直接參看(JSON Web Token)。接下來實作步驟步驟一：新增依賴 (Dependencies)在您的 pom.xml 中，新增 Nimbus JWT 庫的依賴。

原创 探索 Web 聊天機器人 ( Python ChatBot + Vue UX)

本文將透過開發 Python Web API 後台 及 Vue 前台，搭配自訂對話規則回覆以及 LLM DeepSeek 開發一個人 local 的 Web 聊天機器人。前置條件本專案有使用到 DeepSeek API，故讀者須申請DeepSeek API 關於DeepSeek API，進入。

原创 探索 進階 ChatBot 結合 DeepSeek

前言透過這篇文章，讓我們結合 LLM ，使聊天更靈活自然，語氣更像真人 。

原创 初探 Python 製作一個 簡單聊天機器人

前言透過這篇文章，我們將使用 python spacCy開發一個用於聊天機器人本範例以 Python 為基礎，結合 spaCy 的中文語言模型，實作一個可進行基本中文對話的簡易 ChatBot。安裝相關模型spaCy是一個用於自然語言處理的開源軟件庫參看: https://pypi.org/project/spacy/% pip install spacy安裝 使用 spaCy 的 中文模型% python3 -m spacy download zh_core_web_sm中文模型簡介:建立對話回覆檔(範例

原创 探 製作 Docker 映像檔

前言 本文將以 探 Spring Security 之 用戶帳號資料儲存於DB 文章的後端程式所建置出的 JAR 檔來示範，建製成 Docker 映像檔。前置條件:注意! 如果讀者 MySQL 不是用 Docker 方式跑，那完全不用考量這個問題。在建置映像檔前，我們需修改 application.yaml 的配置文件 有關 database url的連線設定：url: jdbc:mysql://容器內，localhost:3306/testdb需修改為url: jdbc:mysql://

原创 初探 Mysql Docker

前言我在專案開發階段常使用 MySQL Docker，主要是好處，快速啟動、零安裝成本、版本切換，不污染本機系統(不喜歡本機裝一堆有的沒的，特別是有的只會用那麼一次)。而且如果在需要，任何時間、任何機器，都能還原相同 DB 環境。註: 在測試也非常好用: 1.Unit / Integration Test 啟動臨時 MySQL 2.測試結束，可以將容器刪除 3.不影響正式資料必要: 安裝 Docker Desktop參看: https://docs.docker.c

原创 探 Spring Security 之 用戶帳號資料儲存於DB

前言承襲 {初探 Spring Security 文章}，使用 InMemoryUserDetailsManager,建立帳號與密碼並儲存於記憶體中。現實中，我們不會將帳號與密碼這們做，一般情況下，都會存放在資料庫，或者LDAP。以下我們將改寫使用 MySQL 來管理我們的使用者帳戶。專案實作(本次代碼有點多，請細看)1. 新增 pom.xml 相關 Dependencies 2.增修相關代碼修改 Web 安全性, 網路安全配置類別 WebSecurityConfig(使用 HTTP Basic Au

原创 JPA多對多關係時 JSON 序列化解决方案

前言在 JPA 中處理 多對多 (Many-to-Many) 關係，不使用 @ManyToMany 註解方式，而是將這個關係拆解為兩個一對多的單向關係，並為中間表創建一個獨立的Entity.代碼如下:當我們 序列化 User 實例時，Jackson 會拋出 JsonMappingException 異常顯示 Exception 如下:原因:這個錯誤發生在 Jackson 嘗試將您的 JPA 實體 User 序列化為 JSON 字串時，Jackson 序列化器仍然發現了一個循環無限遞歸

原创 初探 Spring Security

前言在當今瞬息萬變的 Web 環境中，應用程式安全比以往任何時候都更加重要。為保護服務、資料等各項資源，不被任意存取。Spring 提供了 Spring Security 驗證框架，它能幫助我們開發有關認證與授權等有關安全管理的功能。下面讓我們透過簡單的例子初窺如何運用。專案實作註: 基於 初探 Vue 與 Spring boot 的對話之Backend (SpringBoot-Backend)文章 專案延生1. 新增 相關 Dependencies Pom.xml備註:spring-security

原创 初探 Vue 多語系i18n (應用語系檔)

建立 中文(繁体) 語系檔 zh-TW.json。重新啟動前端開發伺服器，測試執行結果。

原创 初探 Vue 多語系i18n

大多數的網站多語系是乎都是不可避免的要求，因應多語系的需求下，我們的網站也需要提供不同的語系切換。讓瀏覽器使用者選用的語言資訊。這表示你必須確保使用 npm install @popperjs/core 將它們都添加到 package.json 中。Bootstrap 依賴在 peerDependencies 屬性中指定的。註: 我有用到 Bootstrap 所以也安裝 Bootstrap套件。文章 生成專案, 延生功能。多語系 vue-i18n 套件。此僅列 新增修改 檔案內容。