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...
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 倉庫： 點此查看 。