以Vue CLI的方式建立專案後,切版的部分以BootstrapVue框架實作,以 Firebase 的 Cloud Firestore作為網站的資料庫,並以簡單的MVC模式設計程式,希望最後能完成一個部落格應具有的基本功能。
修改一下 userInfo template <template> <div class="container"&g...
我們先去 backend.vue b-sidebar更新一下我們的連結,多一個編輯文章, 原本的 ArticleEditor.vue 是新增文章,現在我把檔名它...
今天稍微中場休息一下,我們來準備個留言區塊的版面就好,首先小小優化一下我們的寫新文章上傳的部分,給他完整一點的資料結構: AddArticle.vue: met...
文章留言功能的思路是我們讓使用者輸入自己的暱稱和留言內容,按下確定時會依照文章 id 將留言的字串上傳到所屬該文章的新集合中,我們的留言輸入位置在文章頁。 Ar...
在 Firebase 控制台中編寫資料的讀取和寫入規則,是防止惡意人士的最後一道也是最堅強的防線。如果不編寫資料的使用規則,當初我們在創建 Firebase 應...
Storage 文件 https://firebase.google.com/docs/storage/web/start Storage 提供了我們一個儲存資...
這篇程式碼更新較多,建議先複製貼上看看有沒有問題,並且 CTRL+F "重要的" 來看重點程式碼及思路 這次來一點點 Vuex,專案都還沒用...
昨天的程式碼有誤,在監看者方法內:F_getManagerInfo呼叫的部分傳入引數改為 user.uid,不然他會因為跳轉太快還抓不到網頁的 id 值而傳入不...
今天多新增一些功能,好讓我們的 Recently.vue 有點作用。 首先去到 AddArticle.vue 將我們的 template 多新增可以添加文章 t...
發現全域混入與 b-card 組件產生的問題 昨天上班時剛好抽空測了個東西,沒想到居然有 bug 產生。我們 main.js 裡面做全域混入 firebase...