diff --git a/C_shape/README.md b/C_shape/README.md index 7a91b62..d39bf9a 100644 --- a/C_shape/README.md +++ b/C_shape/README.md @@ -70,31 +70,31 @@ select c ### 安裝 [下載連接](https://visualstudio.microsoft.com/zh-hant/vs/compare/) ### 下載後,若單純架設網站選擇ASP.NET 與 Node.js(之後寫Vue會用到) ### 若需要維護Winform 或是WPF 則選擇.NET桌面開發 -![](http://140.125.21.65:8418/Education/Backend/raw/branch/master/C_shape/img/%E5%9C%96%E7%89%871.png) +![](http://leovip125.ddns.net:8418/Education/Backend/raw/branch/master/C_shape/img/%E5%9C%96%E7%89%871.png) ### 若需要快速建立,則直接使用我提供的DEMO去做開發 ## # ASPNET ### 建立新專案 -![](http://140.125.21.65:8418/Education/Backend/raw/branch/master/C_shape/img/%E5%9C%96%E7%89%872.png) +![](http://leovip125.ddns.net:8418/Education/Backend/raw/branch/master/C_shape/img/%E5%9C%96%E7%89%872.png) ### 選擇版本 (這邊以.NET6做教學 目前最新的.NET8) -![](http://140.125.21.65:8418/Education/Backend/raw/branch/master/C_shape/img/%E5%9C%96%E7%89%873.png) +![](http://leovip125.ddns.net:8418/Education/Backend/raw/branch/master/C_shape/img/%E5%9C%96%E7%89%873.png) ### 啟動 -![](http://140.125.21.65:8418/Education/Backend/raw/branch/master/C_shape/img/%E5%9C%96%E7%89%874.png) +![](http://leovip125.ddns.net:8418/Education/Backend/raw/branch/master/C_shape/img/%E5%9C%96%E7%89%874.png) ### 安裝套件包(NuGet) -![](http://140.125.21.65:8418/Education/Backend/raw/branch/master/C_shape/img/%E5%9C%96%E7%89%875.png) +![](http://leovip125.ddns.net:8418/Education/Backend/raw/branch/master/C_shape/img/%E5%9C%96%E7%89%875.png) ### 設定資料庫連線 #### 於appsettings.json 中加入 ``` //連接MYSQL "ConnectionStrings": { - "tarefasConnection": "server=140.125.21.65;port=3307;uid=VIP125;pwd=@VIPvip125;database=VIP125" + "tarefasConnection": "server=leovip125.ddns.net;port=3307;uid=VIP125;pwd=@VIPvip125;database=VIP125" } ``` -![](http://140.125.21.65:8418/Education/Backend/raw/branch/master/C_shape/img/%E5%9C%96%E7%89%876.png) +![](http://leovip125.ddns.net:8418/Education/Backend/raw/branch/master/C_shape/img/%E5%9C%96%E7%89%876.png) #### 於Program.cs中加入設定 ``` @@ -105,38 +105,38 @@ select c opt.UseMySql(connectionString, serverVersion); }); ``` -![](http://140.125.21.65:8418/Education/Backend/raw/branch/master/C_shape/img/%E5%9C%96%E7%89%877.png) +![](http://leovip125.ddns.net:8418/Education/Backend/raw/branch/master/C_shape/img/%E5%9C%96%E7%89%877.png) ### 建立與資料庫table的連線 #### 創建Model 建議將創建的Model名稱第一個字大寫,資料庫內部資料表名用小寫,這樣較好對比 Model內容需要跟資料表的欄位名稱相對應 -![](http://140.125.21.65:8418/Education/Backend/raw/branch/master/C_shape/img/%E5%9C%96%E7%89%879.png) +![](http://leovip125.ddns.net:8418/Education/Backend/raw/branch/master/C_shape/img/%E5%9C%96%E7%89%879.png) #### 創建Services Haskey指的是不會重複的 像是身份證字號這種的就不會重複 -![](http://140.125.21.65:8418/Education/Backend/raw/branch/master/C_shape/img/%E5%9C%96%E7%89%878.png) +![](http://leovip125.ddns.net:8418/Education/Backend/raw/branch/master/C_shape/img/%E5%9C%96%E7%89%878.png) ### 創建控制器 -![](http://140.125.21.65:8418/Education/Backend/raw/branch/master/C_shape/img/%E5%9C%96%E7%89%8710.png) +![](http://leovip125.ddns.net:8418/Education/Backend/raw/branch/master/C_shape/img/%E5%9C%96%E7%89%8710.png) ### 創建出來的頁面 -![](http://140.125.21.65:8418/Education/Backend/raw/branch/master/C_shape/img/%E5%9C%96%E7%89%8711.png) +![](http://leovip125.ddns.net:8418/Education/Backend/raw/branch/master/C_shape/img/%E5%9C%96%E7%89%8711.png) -![](http://140.125.21.65:8418/Education/Backend/raw/branch/master/C_shape/img/%E5%9C%96%E7%89%8712.png) +![](http://leovip125.ddns.net:8418/Education/Backend/raw/branch/master/C_shape/img/%E5%9C%96%E7%89%8712.png) -![](http://140.125.21.65:8418/Education/Backend/raw/branch/master/C_shape/img/%E5%9C%96%E7%89%8713.png) +![](http://leovip125.ddns.net:8418/Education/Backend/raw/branch/master/C_shape/img/%E5%9C%96%E7%89%8713.png) -![](http://140.125.21.65:8418/Education/Backend/raw/branch/master/C_shape/img/%E5%9C%96%E7%89%8714.png) +![](http://leovip125.ddns.net:8418/Education/Backend/raw/branch/master/C_shape/img/%E5%9C%96%E7%89%8714.png) -![](http://140.125.21.65:8418/Education/Backend/raw/branch/master/C_shape/img/%E5%9C%96%E7%89%8715.png) +![](http://leovip125.ddns.net:8418/Education/Backend/raw/branch/master/C_shape/img/%E5%9C%96%E7%89%8715.png) ## # WEBAPI ### 建立新專案 ### 基本上都與ASPNET相同,就這部分要注意 -![](http://140.125.21.65:8418/Education/Backend/raw/branch/master/C_shape/img/%E5%9C%96%E7%89%8717.png) +![](http://leovip125.ddns.net:8418/Education/Backend/raw/branch/master/C_shape/img/%E5%9C%96%E7%89%8717.png) ### 連接資料庫的方式都與ASPNET一樣,這邊只是將ASPNET中的MVC去除View去更專注在後端,這邊建立控制器的方式也有點不同 -![](http://140.125.21.65:8418/Education/Backend/raw/branch/master/C_shape/img/%E5%9C%96%E7%89%8718.png) +![](http://leovip125.ddns.net:8418/Education/Backend/raw/branch/master/C_shape/img/%E5%9C%96%E7%89%8718.png) ### 其餘的就好好看先前提到的ORM框架與LINQ,去構建出API即可 ### 運行之後: -![](http://140.125.21.65:8418/Education/Backend/raw/branch/master/C_shape/img/%E5%9C%96%E7%89%8719.png) \ No newline at end of file +![](http://leovip125.ddns.net:8418/Education/Backend/raw/branch/master/C_shape/img/%E5%9C%96%E7%89%8719.png) \ No newline at end of file