切版作品：後台維護

設計稿

📌 特色

• 此作品主要為練習使用 Bootstrap 5，使用其表單、 component、utility 等各功能。
• 瞭解 BS5 樣式設定並覆蓋其部份樣式，以客製化為完全符合設計稿需求，再輔以手刻。
• 使用 EJS 共用相同的佈局。
• 專案環境使用 Vite。
• 單頁式，無 RWD
• 多欄式（Flex 排版）

💻 專案環境

開發環境

• node.js：v20.14.0
• npm：10.9.0

🎬 Demo

• Assignment

Assignment.webm

• Admin

Admin.webm

⚔️ Bootstrap 元件使用

• 下拉選單 (Dropdowns)
• 列表群組 (List group)
• 卡片 (Cards)
• 表格 (Tables)
• 分頁 (Pagination)
• 互動視窗 (Modal)
• 折疊 (Collapse)

⚔️ 其它技術研究

• CKEditor

---

✡️ 六角學院 2023 切版夏季班 - 第四週作業
僅作為個人學習、作品集，無商業用途，設計稿版權屬六角學院。