spa30下載 - spa30源碼下載

spa30

其他類別

1.0.0

下載

市場項目

我們將建立一個簡單的 Web 應用程序，人們可以在其中管理他們想要銷售的產品。

每個人都可以瀏覽現有產品。
只有經過身份驗證的使用者才能新增產品。
只有產品所有者才能編輯或刪除產品。

我們將建設3個項目。前端專案將是一個使用Vuejs、Vue Router 和Vuetify 構建的漸進式Web 應用程序，而伺服器端我們將使用Visual Studio 2019 構建兩個.NET Core 3.0 Web 應用程式：一個將公開REST API，而第二個將負責處理身份驗證，使用 Identity Server 4。

前端客戶端
- JavaScript（ECMAScript 2015+）
- HTML 5
- CSS 3
- Vue.js 2
- Vue路由器
- 維特化
- 開啟 ID Connect 用戶端
- 取得API
- 原生相機API

該專案將透過動態建立 HTML 使用者介面，透過瀏覽器與使用者交互，並使用 javascript 和 json 與伺服器通訊。

休息服務
- .NET Core 3.0 Web API 控制器
- 實體框架核心3.0
- SQL Server資料庫
- 身份伺服器客戶端身份驗證

該專案將負責將資料儲存在伺服器上，並透過http和json回應客戶端請求。

認證伺服器
- 身份伺服器4
- 實體框架核心

該專案將負責身份驗證部分。它將發行 JWT 令牌，客戶端應用程式將使用該令牌來存取伺服器。

您已經需要了解的內容：

C#
JavaScript（ECMAScript 2015+）
HTML 5
CSS 3

你將學到什麼：

什麼是休息
什麼是.NET Core
ASP.NET 核心
什麼是 Web API 控制器
紅隼
中介軟體
環境變數
ASP.NET 核心配置
依賴注入
實體框架核心
郵差
跨域資源共享
Vue.js
Vue路由器
取得API
網路封包
維特化
認證與授權
OAuth 2 和 Open Id Connect
身份伺服器4
資源所有者授權

在開始之前，您需要

Visual Studio 2019（社群版就夠了）

確保您安裝了工作負載“.NET Core 跨平台開發”。您可以透過啟動 Visual Studio 安裝程式來檢查和安裝工作負載。

視覺工作室程式碼
節點

有關 .NET Core 安裝的更多信息

請參閱 https://www.microsoft.com/net/download/windows

我們的工作流程

我們將把我們的專案分成簡單的步驟。每個步驟都將專注於一項任務，並將建立在上一步的基礎上。我們將從簡單的專案開始，逐漸變得越來越複雜。例如，我們一開始不會關注身份驗證和授權。我們將在稍後的步驟中添加它。

該資料夾包含不同的子資料夾。每個子資料夾代表我們專案的一個階段。「開始」資料夾是每個步驟的起點。「解決方案」資料夾是每個步驟的最終版本，提供給您，以防您想檢查您的專案在每個實驗結束時應該變成什麼。您所要做的就是打開與您想要嘗試的實驗相對應的啟動資料夾（例如Lab01/Start以開始），然後按照您在readme.md檔案中找到的說明進行操作。完成後，請隨意將您的工作與解決方案資料夾中提供的解決方案進行比較。