iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
Modern Web

用vue.js寫出一個實用的科內分享網站 系列

常看到許多網站教學如何寫出一個漂亮的網站,但很少有教學寫出一個實用且實際上能用的網站,所以我想以一個實際上有作用,而且能使用的角度下用vue.js去雕刻一個網站,並且在我們公司有測試環境所以能夠模擬真實網站需要上架的情況,並供科內的同仁使用,那主題就定為科內分享網站

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

Day21 vue.js網站刪除特定文章

延續昨日今天來完善我們的 我的專案的功能吧!首先這是目前的我的專案再來新增2個按鈕嘟嘟嚕新增了2個按鈕再來先從刪除文章開始先觀察我們的db.json 進入pos...

2021-10-03 ‧ 由 喬飛 分享
DAY 22

Day22 vue.js修改文章

延續昨日今天來把修改文章的功能完成修改文章跟修改帳戶訊息基本上一樣所以我們就先從創一個ChangeArticles.vue 開始然後新增一個route(參考da...

2021-10-04 ‧ 由 喬飛 分享
DAY 23

Day23 vue.js 自訂 api (fastapi)

延續昨日今天來講講我們要做的新功能叫做功能測試 這個功能的目的是我們公司的大佬希望能夠把 測試的api放在裡面 按個功能測試可以跑出結果這也是當初我設計 專案列...

2021-10-05 ‧ 由 喬飛 分享
DAY 24

Day24 vue.js測試api頁面

延續昨日今天先把我們的新增加上apitype首先要先去db.json裡面新增這個欄位 在去addproject.vue 裡面的data新增api_types陣列...

2021-10-06 ‧ 由 喬飛 分享
DAY 25

Day25 vue.js之call api(功能展示)ep1

延續昨日今天來把功能測試完成吧!!經過一番修整之後這就是我們目前的頁面 因為我鐵人賽day22的文章只有內容其他都沒有所以就不會顯示出來以下是程式碼 再來就是新...

2021-10-07 ‧ 由 喬飛 分享
DAY 26

Day26 vue.js功能展示ep2之有"大麻"煩(cros跨域)

延續昨日我們今天來完善功能測試首先設一個runtest的function async runtest(){...

2021-10-08 ‧ 由 喬飛 分享
DAY 27

Day27 vue.js簡易照片上傳功能(base64)

延續昨日今天我們來處理一下新增帳戶的照片這是我們目前的修改帳戶頁面首先先把layout做出來在原本帳號的地方給一個div 放入img再來給幾個按鈕Layout長...

2021-10-09 ‧ 由 喬飛 分享
DAY 28

Day28 vue.js搜尋欄 分頁(pagination)功能

延續昨日今天我們且戰且走首先先把最簡單的排序專案方法搞定先創一個sortby function methods:{ sortBy(val){...

2021-10-10 ‧ 由 喬飛 分享
DAY 29

Day29 vue.js網頁 團隊介紹 管理員功能

延續昨日今天我們來實現 管理者帳號跟團隊介紹其實這兩點應該可以同時執行因為只有管理者可以新增跟刪減團隊人員這樣子首先我們需要先有一個teams.vue然後把ro...

2021-10-11 ‧ 由 喬飛 分享
DAY 30

Day30 vue.js docker部署

延續昨日今天的要做是把東西佈署在docker(就不解釋docker囉)首先要先創一個docker file直接參考vue官網 https://vuejs.org...

2021-10-12 ‧ 由 喬飛 分享