iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 1
1
Software Development

30天完成家庭任務平台系列 第 1

30天完成家庭任務平台:平台介紹

  • 分享至 

  • xImage
  •  

做平台的理由

我家常常有出遊以及採買等計畫,所以需要將為每個計畫制定任務,並將任務分配給家庭的成員們,但口頭分配這些任務往往導致忘記自己有任務在身,無法掌握任務進度,不知道誰被分配這個任務等等,因此作為一個Laravel的新手,我將Laracast中的一個BirdBoard專案改成了實用的家庭任務平台。
要做家庭任務平台前請先下載Laravel(家庭任務平台是使用Laravel 7,目前最新版是Laravel 8),由於安裝的教學與影片族繁不及備載,所以於文後貼了兩個參考連結,此外也推薦大家下載Valet一併使用。

接下來就讓我介紹家庭任務平台的外觀,分為:

  1. 註冊頁:https://ithelp.ithome.com.tw/upload/images/20200916/20129592fWkRNgev8y.png

  2. 登入頁:https://ithelp.ithome.com.tw/upload/images/20200916/20129592lpZUqsAkQ0.png

  3. 計畫列表頁面:在該頁面可以創建計畫專案去輸入計畫的標題與簡單形容,並按綠色按鈕修改自己的個人資料。
    https://ithelp.ithome.com.tw/upload/images/20200916/20129592JwTXL9iKT0.png
    當你創建了計畫後,計畫列表頁面的畫面會多出新增的計畫,就跟下圖顯示的一樣,點進去後,每個專案都會有自己的計畫任務頁面。

  4. 個人資料頁面:在這個頁面,你可以更新自己的名字以及大頭貼等個人資料。
    https://ithelp.ithome.com.tw/upload/images/20200916/20129592YWb6iK0AAs.png

  5. 計畫任務頁面:你可以透過填入任務內容、開始日、結束日與被分配任務的對象而創建任務。
    https://ithelp.ithome.com.tw/upload/images/20200916/20129592QMcKIdOT8k.png

  6. 更新計畫頁面:更新該計畫的標題與簡單形容。
    https://ithelp.ithome.com.tw/upload/images/20200916/201295926V7YYO9PIi.png

  7. 更新任務頁面:更新該任務的任務內容、開始日、結束日與被分配任務的對象。
    https://ithelp.ithome.com.tw/upload/images/20200916/20129592fhLNEZCgYv.png

安裝參考網站如下:
官方網站
參考安裝Youtube影片(查詢 Install/set up Laravel)


下一篇
30天完成家庭任務平台:第二天
系列文
30天完成家庭任務平台30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言