文章

顯示從 3月, 2025 起發佈的文章

Opencart 電商網站-安裝架站

圖片
 1. 上傳檔案至FTP 2. 解壓縮upload至根目錄 3. 安裝Opencart 4. 將以下檔案修改名稱  As of version 2.3.0.2, the following files need to be renamed to continue to Step 3: config-dist.php   config.php admin/config-dist.php   config.php 5. 安裝完成

使用gitpod開發flutter - 食譜app

圖片
成果畫面呈現 https://www.gitpod.io/docs/enterprise/introduction/getting-started/quickstart/flutter https://github.com/gitpod-samples/template-flutter 點Open in Gitpod 新增screens folder建立home.dart

Python Django soft ui dashboard 開發

圖片
Soft UI Dashboard Django 二次開發 🚀 Soft UI Dashboard Django 二次開發 本指南將指導你如何安裝、設定與客製化 Soft UI Dashboard Django。 Read More 📦 安裝模組 virtualenv env source env/bin/activate pip install -r requirements.txt 🛠 設定資料庫 python manage.py makemigrations python manage.py migrate 🔑 建立超級使用者 python manage.py createsuperuser 此步驟將要求輸入帳號與密碼。 🚀 啟動應用 python manage.py runserver 應用程式將執行於 http://127.0.0.1:8000/ ,並可使用剛剛建立的帳號登入。 📂 程式架構 | |-- core/ # 專案核心設定 | |-- settings.py # 設定檔 | |-- urls.py # 路由設定 | |-- home/ | |...

Python Flask網站開發 - Dashboard

圖片
Docker 開發指南 Docker 開發指南 大綱: 下載主題 git clone Start the APP in Docker 線上瀏覽網頁 二次開發說明 Read More 1. 下載主題 下載網址: Creative Tim Bootstrap Themes 2. 使用 Visual Code 或 Codespace 開發 Fork 主題 3. Start the APP in Docker docker-compose up --build 4. 線上瀏覽網頁 使用測試帳密登入: 帳號: test 密碼: pass 5. 二次開發說明 1. 建立虛擬環境: pip install --upgrade virtualenv virtualenv env source env/bin/activate # Linux/macOS # .\env\Scripts\activate # Windows 2. 安裝必要套件: pip3 install -r requirements.txt 3. 設定 FLASK_APP 環境變數: export FLASK_APP=run.py # Unix...

Angular 專案 - Employee Management管理系統

圖片
用 Angular 建立 Employee Management 管理系統 本文將教您如何使用 Angular 建立一個 Employee Management 管理系統,並透過 Web API 進行後端連接。 參考資源 教學影片: Angular Employee Management 系統 後端 Web API 文件: Gerasim Project API 執行結果如下圖所示: Dashboard 頁面 大綱 開發環境建立 目標完成的 Component 建立路由 模組實作 1. 開發環境建立 1.1. 使用 Visual Studio Code 建立 Angular App 專案範本 首先,請下載並安裝 Visual Studio Code 。 1.2. 建立開發環境 安裝 Node.js 和 npm: Node.js 官方下載頁面 安裝 Angular CLI: npm install -g @angular/cli 1.3. 查詢 Angular 版本 ng --version 1.4. 建立 Angular App 輸入以下指令來建立新專案: ng new EmployeeManagement 建立後的專案結構如下圖: 2. 目標完成的 Component 在 src 目錄下的 app 資料夾中新增 pages 目錄,並使用 Angular CLI 建立以下 Component: 指令範例: ng g c pages/login 需要建立的 Components: login dashboard layout employee project projectEmployee 3. 建立路由 修改 app.routing.ts ,設定路由: 4. 實作 Login 頁面 您可以參考 CodePen 上的 Login 頁面範本,選擇自己喜歡的設計,並將 HTML 與 CSS 代碼整合到 Angular 的 login.component.html 和 login.c...

Microsoft Azure 培訓認證指南:AI工程師

圖片
1. 準備在 Azure 上開發 AI 解決方案 2. 建立及取用 Azure AI 服務

Freecodecamp 響應式網頁設計認證

圖片
響應式網頁設計學習歷程 響應式網頁設計學習歷程與建議 在 freeCodeCamp 的 Responsive Web Design 認證課程中,學習了如何使用 HTML 和 CSS 來構建現代網頁,我在這裡分享我的學習經驗,並給有興趣的朋友一些建議。 1. HTML 和 CSS 的基礎 課程從最基本的 HTML 開始,例如使用標籤來建立結構,然後逐步學習 CSS 來美化網頁。透過製作貓咪照片應用程式來學習這些基礎概念。 2. CSS 進階技術與佈局 隨著學習進度,開始接觸到 CSS Flexbox 和 Grid,這兩者是現代響應式設計的核心。學會了如何使用 Flexbox 來建立相簿,並使用 CSS Grid 來打造雜誌風格的網頁佈局。 3. 實作專案 完成了以下幾個認證專案: 調查表單: 建立一個表單來收集使用者資料。 致敬頁面: 一個致敬頁面。 技術文件頁面: 技術文件。 產品登陸頁: 設計一個產品展示頁。 個人作品集: 一個展示個人作品的網站。 這些專案讓我更了解如何設計有良好使用者體驗的網頁。 整體來說,這門課程讓我對前端開發有了更深入的理解。如果你對網頁設計感興趣,想要打造適用於所有設備的網站,推薦 freeCodeCamp 的 Responsive Web Design 課程! 如果你想查看我的專案代碼,可以訪問我的 GitHub 倉庫: 點此查看 。

Freecodecamp Python數據可視化認證

圖片
數據視覺化學習歷程與建議 數據視覺化學習歷程與建議 數據無所不在,但如果沒有適當的呈現方式,它可能毫無意義。在 freeCodeCamp 的 Data Visualization 認證課程中,學習了如何使用 D3.js 庫來構建各種圖表、地圖和數據可視化工具。 1. D3.js 數據視覺化基礎 D3.js(Data-Driven Documents)是一個基於 JavaScript 的數據視覺化庫,專門用來創建動態且具交互性的數據圖表。這門課程學會了如何將數據轉換成圖表,並且利用 HTML、CSS 和 SVG 來設計視覺效果。如果想學習數據視覺化,D3 是一個強大的工具,值得投入時間研究。 2. 使用 JSON API 和 AJAX 數據視覺化不僅僅是繪製圖表,還包括獲取和處理數據。學會了如何使用 API(應用程式介面)來獲取網路數據,並透過 AJAX 技術(異步 JavaScript 和 XML)來載入和更新數據。能夠從伺服器獲取即時數據,並將其整合到視覺化圖表中。 3. 數據視覺化專案 完成了 5 個數據視覺化專案,這些專案幫助實際應用 D3.js 來展示不同類型的數據: Bar Chart長條圖: 使用 D3.js 創建一個展示US GDP數據變化的柱狀圖。 Scatter Plot散點圖: 用來顯示數據點之間的關係,自行車使用禁藥散點圖。 熱圖: 透過顏色變化來表示數據強度,例如溫度變化或流量數據。 地圖視覺化: 創建一個地理資訊圖表,展示不同區域的數據變化。 樹狀圖: 透過階層結構來視覺化分類數據,例如財務報表或市場分析。 如果你想查看我的專案代碼,可以訪問我的 GitHub 倉庫: ...

Freecodecamp C#程式認證

FreeCodeCamp C# 認證學習分享 FreeCodeCamp C# 認證學習分享 1. 使用 C# 編寫第一行代碼 2. 創建和運行簡單的 C# 控制檯應用程序 3. 向 C# 控制檯應用程序添加邏輯 4. 在 C# 控制檯應用程序中使用變量數據 5. 在 C# 控制檯應用程序中創建方法 6. Debug C# 控制檯應用程序 7. 微軟基礎 C# 認證考試

React 點餐網站

線上點餐系統 🍽️ 線上點餐網站 這個專案的發想是為了讓餐廳能夠提供更方便的線上點餐服務,顧客可以透過手機或電腦查看菜單,並直接選擇餐點送出訂單。 🔹 主要功能 📖 查看完整菜單 🛒 點選餐點並加入購物車 📤 送出訂單至後端資料庫 📊 訂單管理與後台分析 💻 技術架構 本系統使用 React 作為前端框架,並採用 SQLite 作為後端資料庫。 🔗 線上體驗 👉 立即試用線上點餐系統

Unity實戰專案 - SuperDuck 小鴨學英文遊戲

圖片
SuperDuck - 小鴨學英文遊戲 SuperDuck - 小鴨學英文遊戲 📺 遊戲介紹影片 📌 教學說明 本遊戲設計讓學生透過互動方式學習英文,透過關卡的挑戰來增強記憶與發音練習。 引入新的學習方式,介紹遊戲與如何操控。 課前進行主題式英文單字預習。 透過遊戲互動學習單字拼音與發音。 遊戲過程中提供即時協助。 課程結束後進行學習成效測試。 🎮 遊戲操作 遊戲玩法簡單直觀,適合各年齡層學生學習: 點擊兩下啟動遊戲 選擇關卡開始挑戰 關卡場景包含草原、森林、航海、古堡、溫馨的家 遊戲操控: 上(空白鍵跳躍)、下左右移動 K鍵(吃棒棒糖可長大)、J鍵(吐掉一塊肉可變小) V鍵發音(練習單字發音) 目標:闖關並收集所有單字 📚 課前主題式預習 遊戲關卡難度分級,適應不同學習程度: 基礎單字 進階單字 困難單字 👩‍🏫 學生輔助與課後測驗 遊戲過程中提供即時提示,幫助學生克服難關。課後使用圖片測驗學生的單字能力與發音,並收集學生反饋優化教學。 🔗 GitHub 專案連結: SuperDuck

C# Winform英文語音遊戲

圖片
🎤 C# 語音辨識英語學習遊戲 🎤 C# 語音辨識英語學習遊戲 📌 專案介紹 本專案利用 C# Speech Library 進行 **語音辨識**,並結合 **遊戲動畫**,讓小朋友透過發音互動來學習英文,提高學習興趣。 🎮 遊戲特色 ✅ 透過 **語音辨識技術**,讓小朋友練習標準英語發音 ✅ 搭配 **趣味動畫**,增強學習動力 ✅ 即時反饋與計分系統,讓學習更具互動性 📺 示範影片 🚀 持續優化中,讓小朋友的英語學習更有趣!💡

Dreamweaver網頁設計個人網站

個人網站

C語言: 8051控制

圖片

C# MVC 實戰專案: 倉儲系統結合GPT與RAG模型開發

📦 C# MVC 倉儲系統 - 智能管理 📦 C# MVC 倉儲系統 - 智能管理 📌 系統說明 本專案為 Web-Based 倉儲系統 ,用於 **物品借還紀錄與追蹤**。透過 **GPT Fine-Tuning** 技術,讓 AI 擔任線上倉管員,進一步探討 **GPT 是否能比人類更智慧化地管理倉儲系統**。 🔗 查看 GitHub 專案 🚀 本專案正在持續優化,歡迎交流與建議!💡

Unity 遊戲專案-小火龍打磚塊

圖片
🔥 Unity 小火龍打磚塊 - 遊戲開發分享 🔥 Unity 小火龍打磚塊 - 遊戲開發分享 🎮 項目簡介 這次的開發專案是 Unity 製作的小火龍打磚塊遊戲 ,將經典的 打磚塊玩法 結合 寶可夢小火龍 ,讓玩家操控小火龍發射寶貝球擊碎磚塊,挑戰高分! 在這個過程中,我學習到 Unity 物理系統、碰撞偵測 以及 遊戲場景設計 ,透過 C# 腳本控制寶貝球反彈與磚塊消除,讓遊戲更具動態感。 ✨ 遊戲特色 ✅ 小火龍發射寶貝球🔥 – 透過小火龍的火焰攻擊,擊碎畫面中的磚塊。 ✅ 物理反彈機制⚡ – 火球會根據碰撞角度反彈,帶來更具挑戰的玩法。 ✅ 不同類型磚塊🧱 – 部分磚塊需要多次攻擊才能消除,增加策略性。 🎬 遊戲影片展示

PLC 實戰: AB PLC應用紙模裁邊機

圖片
紙模裁邊機 - AB PLC 伺服控制應用 🛠️ 紙模裁邊機 - AB PLC 伺服控制應用 📌 專案介紹 本專案為 紙模裁邊機 ,使用 Allen-Bradley (AB) PLC 進行控制,透過 HMI 介面監控操作,並結合 Demo Kit 來模擬整體系統運作。 系統核心功能包含 伺服馬達定位裁邊 ,搭配 步進馬達控制氣壓手臂 及 Loadcell 感測技術,以確保裁邊精準度與生產效率。 🚀 主要功能 ✅ 伺服馬達定位裁邊 - 確保精準裁切毛邊,提高生產品質 ✅ 步進馬達與氣壓手臂 - 控制手臂吸取紙模定位動作 ✅ Loadcell 負載判斷 - 出貨判斷克重符合規格 🎬 影片展示

PLC 實戰:VB/C# 與三菱PLC通訊

圖片
長春化工除塵系統 - 三菱 PLC 與 VB WinForm 通訊 🔧 長春化工除塵系統 - 三菱 PLC 與 VB WinForm 通訊 📌 專案介紹 本專案為 長春化工的除塵系統 ,透過三菱 PLC 控制 PUMP 定時除塵 ,並使用 PID 控制加熱恆溫 。整個系統透過 VB WinForm HMI介面進行模擬監控與操作,並支援 Modbus 串接 DCS 系統,確保穩定運作與高效管理。 🚀 主要功能 ✅ PUMP 自動控制 - 設定定時運行,確保除塵效率 ✅ 人機介面 (HMI) - 練習透過 VB WinForm 替代HMI監控 ✅ PLC Modbus 模組與 DCS 整合 - 提供即時數據交換 🎬 影片展示

Discuz實戰操作:如何架設你的Discuz論壇(完整圖文教學)

圖片
如何架設 Discuz 論壇 - 完整教學 如何架設 Discuz 論壇 - 完整教學 📌 文章目錄 🔹 前言 🔹 準備環境 🔹 安裝 Discuz 🔹 論壇網站瀏覽 💡 前言 Discuz 是一款功能強大的論壇系統,適合用來建立社群網站。本篇文章將詳細介紹如何從零開始架設 Discuz 論壇。 🔧 準備環境 在安裝 Discuz 之前,你需要準備: ✅ 一個可用的 網域名稱 ✅ 使用Cpanel支援 PHP 和 MySQL 的 伺服器 ✅ FTP 工具(如 FileZilla、CoreFTP)來上傳文件 🚀 安裝 Discuz 下載 Discuz 安裝包,並將它上傳到你的伺服器,然後進行以下步驟: # 1. 下載 Discuz 安裝包(本教學使用x3.4) Discuz官網: https://www.discuz.vip/download # 2. 設定FTP帳號 在選用的主機上設定FTP帳密 # 3. 使用FileZilla或CoreFTP上傳至伺服器 # 4. 解壓縮安裝文件 # 5. 進入網址進行安裝 unzip discuz.zip -d /var/www/html 接著,打開瀏覽器,輸入 yourdomain.com/install.php ,按照步驟完成安裝。 🌐 論壇網站瀏覽 恭喜完成 Discuz 論壇架設。 💬 喜歡這篇教學嗎?歡迎留言討論或分享給更多朋友!