Day0 前言

Vue Vuetify ASP.NET Core

會有系列教學主要是要給學弟妹看的
同事的學弟、同事的妹(正確無誤)

給他們關鍵字自己去查
東西太多了不知道從哪裡看起
或是找到十分細的資料之後也派不上用場

把線上在跑的系統原始碼整個給他們看
又會有為什麼要這樣、這東西哪來的疑惑?

回想之前學習Vue.js也是不知道從哪裡起步
於是想藉由從零開始建立一個簡單網站
一步一步建立起來
讓他們了解目前我們專案的做法

這邊預設你已經略懂製作網頁必備的
HTML CSS Javascript(這三個完全不懂的話 => 非戰鬥人員請火速撤離!)
稍微爬過Vue.js的網站
接下來的文章將會從頭使用Vue CLI建立新的一個檢舉網站登錄送贈品網站
以及用 ASP.NET Core 3.1 建立後端API專案
從對外給民眾/客戶填寫資料的簡單網頁
到管理後臺的建立

但不會談到資料如何儲存、SQL的部分
主要圍繞在網頁和後臺API的建立
目前暫定有下列這些

  1. 前言
  2. 選用Vuejs的起源
  3. Vuejs稍微介紹
  4. 開發環境、工具
  5. [對外網站] 建立新專案 Vuejs
  6. [對外網站] 加入Vuetify
  7. [對外網站] axios
  8. [對外網站] API 建立新專案 ASP.Net Core
  9. [對外網站] API Controller介紹
  10. [對外網站] 組合Vuejs專案與ASP.Net Core專案
  11. [後臺網站] 可直接複製一份對外網站來改
  12. [後臺網站] views, router.js細分
  13. [後臺網站] API Areas介紹
  14. [後臺網站] 組合Vuejs專案與ASP.Net Core專案
  15. [延伸閱讀] IE相容性
  16. [延伸閱讀] Vuejs無障礙網頁(1)
  17. [延伸閱讀] Vuejs無障礙網頁(2)