iT邦幫忙

鐵人檔案

2025 iThome 鐵人賽
回列表
Vue.js

遊戲活動關卡查詢網站 系列

1.將資料存取於Supabase中,網站載入Supabase資料
2.使用者可在網站中做包括敵人技能、屬性或關卡屬性的查詢
3.在30天的規劃中
前半段會先介紹使用的工具與流程規劃
中段會涉及資料的處理
後半段預計做視覺化的優化處理

鐵人鍊成 | 共 30 篇文章 | 1 人訂閱 訂閱系列文 RSS系列文
DAY 21

遊戲活動關卡查詢網站Day21-條件查詢1(Vue:v-model)

目標這個段落分兩篇講述 大部分是先前鐵人文章已經講過的作法我們一樣用草稿規劃到資料整理方式匯出至Supabase並呈現在畫面上最後會提到我們下一篇需要整理出的資...

2025-09-01 ‧ 由 jack1234552000 分享
DAY 22

遊戲活動關卡查詢網站Day22-條件查詢2(Supabase:PostgreSQL)

目標上一篇我們將畫面上的按鈕做了v-model的綁定這篇會將綁定的屬性searchCondition 做處理我們讀取Supabase會用到後續會一一做說明 步驟...

2025-09-02 ‧ 由 jack1234552000 分享
DAY 23

遊戲活動關卡查詢網站Day23-這排是樹蔭,陪我走一走吧!

目標今天的目標是放自己輕鬆一天,雖然文章沒有什麼技術教學但關於VUE.JS網站的想法還在腦海中盤旋。 我們來講昨天Day22時,發生的事情把條件查詢的D組件做完...

2025-09-03 ‧ 由 jack1234552000 分享
DAY 24

遊戲活動關卡查詢網站Day24-支援名單1

目標之前我們介紹了活動一覽、條件查詢、我的最愛的區塊製作而這篇會敘述的是 支援名單區塊的設計遊戲中為了因應各種敵人 而會需要其他精靈的支援當我們在點擊副本圖案...

2025-09-04 ‧ 由 jack1234552000 分享
DAY 25

遊戲活動關卡查詢網站Day25-支援名單2(event)

目標上一篇我們將支援名單的兩個資訊加進localStorage接下來的兩篇會描述利用這些資料呈現畫面上的結果 步驟1.在開始之前 先補做上一篇未完成的事情點擊副...

2025-09-05 ‧ 由 jack1234552000 分享
DAY 26

遊戲活動關卡查詢網站Day26-歡迎來到本網站(Laoding載入)

目標鐵人文即將進入尾聲這篇將網站的功能收尾會將前面做過的東西算是總複習再做一遍我們這次要做的功能是畫面Loading的模擬同時也會把一些金言佳句放在載入畫面上...

2025-09-06 ‧ 由 jack1234552000 分享
DAY 27

遊戲活動關卡查詢網站Day27-上傳網站1(Github+SourceTree)

目標接下來兩篇的內容都是為了把網站放到Github上為之後佈署網站做準備版本控制是Github最大的用途由於有時候多人協作如果沒有溝通好 導致修改錯了,不僅提...

2025-09-07 ‧ 由 jack1234552000 分享
DAY 28

遊戲活動關卡查詢網站Day28-上傳網站2(Netlify)

目標上一篇我們使用Sourcetree這個版控軟體把檔案放到Github上,完成了前置作業這篇我們會將Github上的檔案做佈署 接下來我們會使用到Netlif...

2025-09-08 ‧ 由 jack1234552000 分享
DAY 29

遊戲活動關卡查詢網站Day29-文件整理(TortoiseGit)

目標昨天講到使用Netlify將Git上的檔案佈署的操作實際上 網站從規劃到製作最後到發佈到網路上 已經完成這篇主要講的是一個工具TortoiseGit藉由它檔...

2025-09-09 ‧ 由 jack1234552000 分享
DAY 30

遊戲活動關卡查詢網站Day30-回顧與總結

目標簡單過一輪這29天做的內容最後為這屆鐵人文做個總結。 步驟Day1~2簡介使用的工具版控工具後來有做修改主要使用Sourcetree Day3做設計的規劃使...

2025-09-10 ‧ 由 jack1234552000 分享