芥屋科技blog

 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. 安裝完成

成果畫面呈現 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

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/ | |...

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 管理系統，並透過 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...

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

響應式網頁設計學習歷程 響應式網頁設計學習歷程與建議 在 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 的 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# 認證學習分享 1. 使用 C# 編寫第一行代碼 2. 創建和運行簡單的 C# 控制檯應用程序 3. 向 C# 控制檯應用程序添加邏輯 4. 在 C# 控制檯應用程序中使用變量數據 5. 在 C# 控制檯應用程序中創建方法 6. Debug C# 控制檯應用程序 7. 微軟基礎 C# 認證考試

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

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

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

個人網站

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

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

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

長春化工除塵系統 - 三菱 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 之前，你需要準備： ✅ 一個可用的 網域名稱 ✅ 使用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 論壇架設。 💬 喜歡這篇教學嗎？歡迎留言討論或分享給更多朋友！