會使用 Vue 的前端框架來製作 workboard 可以學習到簡單的 Vue 操作,在過程中會使用一般導入 Vue 的 CDN來做簡單的使用,後期也會介紹 Vue CLI,CLI 部分會使用到 Route 來做頁面的切換等...,過程中也會使用 Bootstrap 來輔助前端的設計,也會大概介紹一下 Bootstrap 的使用方式。
Bootstrap 簡單使用 我們使用完拖移功能之後現在我們要學的是 Bootstrap4,我真的覺得 Bootstrap4 真的好好用,解決了我很多的問題呢...
來使用 Bootstrap Card 我們這次可以幫 Draggable 加入卡片的樣式 //一樣在 data 裡面新增兩個 list cards: [...
可以新增卡片出來 卡片已經有了一個樣子了,接下來我們來做新增卡片 我們需要在卡片的下方加上一個按鈕 //使用上一個所寫的 <draggable v-m...
column 的移動是 現在需要把資料的結構更改一下 jobs: [{ id: "0", // column...