Vue Vuetify ASP.NET Core
會有系列教學主要是要給學弟妹看的
同事的學弟、同事的妹(正確無誤)
給他們關鍵字自己去查
東西太多了不知道從哪裡看起
或是找到十分細的資料之後也派不上用場
把線上在跑的系統原始碼整個給他們看
又會有為什麼要這樣、這東西哪來的疑惑?
回想之前學習Vue.js也是不知道從哪裡起步
於是想藉由從零開始建立一個簡單網站
一步一步建立起來
讓他們了解目前我們專案的做法
這邊預設你已經略懂製作網頁必備的
HTML
CSS
Javascript
(這三個完全不懂的話 => 非戰鬥人員請火速撤離!)
稍微爬過Vue.js的網站
接下來的文章將會從頭使用Vue CLI建立新的一個檢舉網站登錄送贈品網站
以及用 ASP.NET Core 3.1 建立後端API專案
從對外給民眾/客戶填寫資料的簡單網頁
到管理後臺的建立
但不會談到資料如何儲存、SQL的部分
主要圍繞在網頁和後臺API的建立
目前暫定有下列這些
- 前言
- 選用Vuejs的起源
- Vuejs稍微介紹
- 開發環境、工具
- [對外網站] 建立新專案 Vuejs
- [對外網站] 加入Vuetify
- [對外網站] axios
- [對外網站] API 建立新專案 ASP.Net Core
- [對外網站] API Controller介紹
- [對外網站] 組合Vuejs專案與ASP.Net Core專案
- [後臺網站] 可直接複製一份對外網站來改
- [後臺網站] views, router.js細分
- [後臺網站] API Areas介紹
- [後臺網站] 組合Vuejs專案與ASP.Net Core專案
- [延伸閱讀] IE相容性
- [延伸閱讀] Vuejs無障礙網頁(1)
- [延伸閱讀] Vuejs無障礙網頁(2)