iT邦幫忙

Clover
iT邦見習生 ‧ 點數 40
21294
累計瀏覽數
站內簡訊 追蹤

鐵人檔案

2018 iT 邦幫忙鐵人賽
回列表
Modern Web

用Vue與firebase開發訂便當系統實錄 系列

公司要訂便當統計人數時總是很困擾嗎？我們正在開發一個便利統計團訂便當的系統

參賽天數 12 天 ｜ 共 13 篇文章 ｜ 26 人訂閱 訂閱系列文 RSS系列文 ｜團隊Lorem100+tab
1 Like 0 留言 6954 瀏覽
DAY 1

統計便當總是好麻煩～來個訂便當系統吧！

好食在 – 團訂便當系統 計畫成員 CloverJimmyPaulaHungYu 緣起 公司中午訂便當的時候，要統計誰訂了什麼總是很麻煩，還有人會漏傳訂便當的紙...

2017-12-20 ‧ 由 Clover 分享
0 Like 0 留言 2451 瀏覽
DAY 2

day2. 功能發想

首先成員們每個人都發想訂便當系統想做的功能，從這些功能中過濾出我們第一階段的MVP Clover1.基本訂便當食物分類選擇店家選擇餐點計算個人金額總結此次訂便當...

2017-12-21 ‧ 由 Clover 分享
0 Like 0 留言 2009 瀏覽
DAY 3

Day3. Wireframe

手繪wireframe > 互動式wireframe

2017-12-22 ‧ 由 Clover 分享
0 Like 0 留言 2332 瀏覽
DAY 4

Day4. mock up

其實mockup沒這麼早出來，不過為了延續上一篇的wireframe，把mock up放在這邊感謝我們的設計師Hung Yu

2017-12-23 ‧ 由 Clover 分享
0 Like 0 留言 2282 瀏覽
DAY 5

Day5. 資料結構ver.1

雖然我們使用firebase可以幫我們做到後端大部分的事情，但還是需要規劃資料結構，為什麼標題會有個ver.1，那表示這個版本不是最終版本，之後有發生寫到一半改...

2017-12-24 ‧ 由 Clover 分享
1 Like 1 留言 15180 瀏覽
DAY 6

Day6. 開始學習Vue（el、data、mount）

因為訂單的呈現很多都是資料與畫面的關係，我們決定用Vue作為前端框架所以趕快來臨時抱佛腳開始學Vue現學現賣(咦 Vue是一種宣告式渲染的框架，不同於命令式的一...

2017-12-25 ‧ 由 Clover 分享
0 Like 0 留言 2639 瀏覽
DAY 7

Day7. Vue – （v-for、template）

一、v-forv-for 可以根據data裡的資料來渲染列表先在Vue實例裡建一個data內容是個陣列 let vm = new Vue({ el: '#m...

2017-12-26 ‧ 由 Clover 分享
0 Like 0 留言 2085 瀏覽
DAY 8

Day8. Vue – （methods）

先發再說

2017-12-27 ‧ 由 Clover 分享
0 Like 0 留言 2173 瀏覽
DAY 9

Day9. 連接firebase（set、push、on、once）

CRUD

2017-12-28 ‧ 由 Clover 分享
0 Like 0 留言 1936 瀏覽
DAY 10

Day10. 處理陣列資料（filter、reduce）

處理陣列資料（filter、reduce）

2017-12-29 ‧ 由 Clover 分享
Clover的鐵人檔案
Clover的收藏
Clover的追蹤
Clover的Like
Clover的紀錄
Clover的訂閱列表