Vue 初心者筆記 #29 後台上傳商品檔案功能

本篇筆記介紹產品 Modal 裡的圖片檔案上傳功能該如何製作。

January 16, 2020

(繼續閱讀...)

Vue 初心者筆記 #28 後台的上架產品列表

完成登入與登出功能後，我們要來製作後台的產品列表頁面。本文將介紹如何透過 Table + Modal 來把資料送回 API 更新與儲存。

January 15, 2020

(繼續閱讀...)

Vue 初心者筆記 #27 實作登入登出功能

這篇文章是紀錄我實作登入登出功能的流程。除了實作出登入登出行為外，也有做出驗證登入的功能喔！

January 14, 2020

(繼續閱讀...)

[課堂筆記] 資訊倫理 - 開放資料與 SDG-16

本學期的資訊倫理課程中，期末報告是去右昌國中成果發表，我的期末提案是開放資料的網頁應用，我打算只講應用方面，技術與原理忽略掉，這樣或許比較能夠讓國中學生們聽懂。本文內容與成果發表內容相似，主要都是說明開放資料與 SDG-16 的關係。

January 05, 2020

#課堂筆記 #Information Ethics #SDGs #Open Data

(繼續閱讀...)

Vue 初心者筆記 #26 透過自定義事件切換 Router

除了使用 router-link 建立連結來切換路由外，我們也能使用 Router 的一些自定義方法，直接通過 a 標籤來切換頁面路由。

December 29, 2019

#Vue.js #Vue Router

(繼續閱讀...)

Vue 初心者筆記 #25 Vue Router 的配置與參數設定

前面我們使用 Vue CLI 與 Vue Router 做了基礎的實作練習，現在要回頭看 Vue Router 配置文件裡的構造與參數。

December 27, 2019

#Vue.js #Vue Router

(繼續閱讀...)

純 JavaScript 實作星級評分功能

最近製作的 Project 要求在商品頁加入評論功能，其中有個功能叫做星級評鑑，就是客戶可以給商品打幾顆星的概念，這在各個網站都很常見，但我之前其實沒有做過。接著在實作時，接連試了好幾個以 CSS 為主的呈現手法，但最後還是回歸於使用 JavaScript 來完成，因為我覺得 JavaScript 還是比較容易做出這些效果的，以純 CSS 完成對我而言還真有點複雜。

December 26, 2019

(繼續閱讀...)

Vue 初心者筆記 #24 使用命名路由在同一路徑載入多個元件

這篇筆記介紹如何透過 Vue Router 的命名路由，讓同一個路徑可以載入多個頁面元件。其實這篇筆記的內容，我覺得可以加到之前的文章後面就好，但是加上去的話那一篇會太長，因此只好另外再開一篇了。

December 23, 2019

#Vue.js #Vue Router

(繼續閱讀...)

[課堂筆記] NUK JavaScript #12：在 Express 上應用 Session 實作登入功能

本篇筆記會介紹如何在 Express 上使用 express-session 模組來應用 Session，並實作出會員登入功能。

December 22, 2019

#課堂筆記 #Node.js #Firebase

(繼續閱讀...)

Vue 初心者筆記 #23 透過 Vue Router 動態路由取得遠端資料

這篇筆記會介紹如何透過 Vue Router 的動態路由，來取得 Random User Generator API 的遠端資料。通常我們會用這個方式決定 AJAX 所要讀入的資料 (ID)，來切換頁面的顯示結果。除了取得固定資料外，文章內也有介紹如何取得 Random User 隨機資料。

December 22, 2019

#Vue.js #Vue Router

(繼續閱讀...)