iT邦幫忙

鐵人檔案

第 12 屆 iThome 鐵人賽
回列表
Modern Web

Golang & Vue.js 30天從0打造服務 系列

學完的東西不知道可以用來幹嘛?不知道怎麼把各種技術都串接起來?
這裡手把手教學,帶你做出一個系統吧!

DAY 21

Day21 來做個計時器

來倒數吧 基本上來設一個js interval就好了,每秒都減一,當減到0就把interval清掉 views/Home.vue start() { if...

2020-09-29 ‧ 由 edwin777 分享
DAY 22

Day 22 串接登入流程

今天要把整個流程登入都串起來囉 導頁到Google的同意頁面 views/App.vue // 取得url googleLogin() { this.axi...

2020-09-30 ‧ 由 edwin777 分享
DAY 23

Day 23 Vuex

啥是Vuex 簡單來說是用來存放一些狀態的地方,你可以讀取、監聽、修改這些值。例如你在A頁打了一支API做登入,那使用者的狀態就變了,可能同時有幾個compon...

2020-10-01 ‧ 由 edwin777 分享
DAY 24

Day 24 任務清單

先來寫一些的共用methods 錯誤的信息要跳彈視窗原本的寫法如下還滿長的,看起來很不簡潔 this.$bvToast.toast(msg, { t...

2020-10-02 ‧ 由 edwin777 分享
DAY 25

Day 25 今日任務記錄

串接統計任務時間的API 每次完成一個番茄鍾都會打API給後端做記錄 src/views/Home.vue finish() { this.stop()...

2020-10-03 ‧ 由 edwin777 分享
DAY 26

Day 26 報表

v-charts 這套件是我找到比較好上手的,資料的結構很簡單我要用到的功能也不多,簡單夠用 圖餅形 看一下文件資料格式 chartData: { colu...

2020-10-04 ‧ 由 edwin777 分享
DAY 27

Day27 頁面來換個衣服

來加個圈圈的進度條 vue-radial-progress找了幾種做法,直接用這個套件最簡單文件裡面還有一個Live Demo可以玩 :total-steps=...

2020-10-05 ‧ 由 edwin777 分享
DAY 28

Day 28 Heroku MySQL&Redis

Heroku Heroku可以是用來架設網站,我們寫完的服務推上去Heroku就可以跑起來~重點它有免費的方案,學習的成本不高,還有提供免費的子domain,可...

2020-10-06 ‧ 由 edwin777 分享
DAY 29

Day 29 上線囉

Docker file 當push到heroku,會build一個image來跑,所以先寫一個docker fileDockerfile FROM golang...

2020-10-07 ‧ 由 edwin777 分享
DAY 30

Day30 結語

終於最後一天了!!!!雖然有一點被推坑參賽,花了滿多時間來寫文章,幸好撐過去了沒有斷賽QQ我發現用文章的方式來說明程式怎麼寫,是一件滿困難的事,欠缺訓練啦 這系...

2020-10-08 ‧ 由 edwin777 分享