iT邦幫忙

鐵人檔案

2019 iT 邦幫忙鐵人賽
回列表
Software Development

三十天利用Angular與.net Core開發實戰一波 系列

藉由前端Angular搭配後端.net Core開發實作
主要著重在工具上的使用與結合來開發出一套自己想用的程式,心得記錄下這過程

鐵人鍊成 | 共 32 篇文章 | 58 人訂閱 訂閱系列文 RSS系列文
DAY 21

Day 21 將. net Core Web API 部屬至 Azure

寫了程式以後想必一定想把程式部屬到網站上 今天來將我們的後端Web API部屬到Azure上吧 首先註冊好Azure,可以觀看今年鐵人賽的這篇好文https:/...

2018-11-05 ‧ 由 Peterhu2Tri 分享
DAY 22

Day 22 MongoDB in Azure - Azure Cosmos DB

當我們的API放上Azure後 想當然爾我們的資料庫也要放上Azure 在Azure放DB的話,Azure提供一種產品叫做Azure Cosmos DB Az...

2018-11-06 ‧ 由 Peterhu2Tri 分享
DAY 23

Day 23 Angular專案部屬至Azure

今天來說一下我們前端的Angular專案如何部屬到Azure上 部屬有很多種方法 本篇參考各式文章後,整理兩種相對簡單好用的實作 Web App建立 首先建一...

2018-11-07 ‧ 由 Peterhu2Tri 分享
DAY 24

Day 24 AngularTri專案-CORS

當我們部屬好自己的前端Angular專案與後端.net Core API到Azure後 一定會需要從我們自己的前端撈後端的資料 這時候想必一定會遇到CORS的問...

2018-11-08 ‧ 由 Peterhu2Tri 分享
DAY 25

Day 25 AngularTri實作-台灣三鐵比賽

鐵人賽進行到這,要開始進行實作練習啦 參加了IT鐵人賽,小弟本人私下也會參加三鐵賽:游泳、跑步、騎車 這次來做一個台灣三鐵比賽的 前端:Angular後端:ne...

2018-11-09 ‧ 由 Peterhu2Tri 分享
DAY 26

Day 26 AngularTri 實作-Fake Data

這邊來說一下當在開發現行網頁專案時,前端與後端分離,由不同人開發 前端想要在頁面上呈現資料,並且開始設計畫面流程,甚至是直接CRUD操作 如果不透過連專案上的後...

2018-11-10 ‧ 由 Peterhu2Tri 分享
DAY 27

Day 27 AngularTri實作-後端Web API

依照之前的後端API規畫,我們來在來實作CRUD一次吧! 我們先用vs2017建一個WEB API專案(TriWebAPI) 使用 NuGet 取得...

2018-11-11 ‧ 由 Peterhu2Tri 分享
DAY 28

Day 28 AngularTri 實作 - 前端頁面(讀取/編輯/修改/確認/刪除/細節)

後端API完成了以後,可以來串接後端來的資料囉 以下提幾點的蠻實用的開發設計 讀取 (Data Table) 這邊使用到了Angular Material的Da...

2018-11-12 ‧ 由 Peterhu2Tri 分享
DAY 29

Day 29 AngularTri 實作 - 前端頁面(新增/回前頁 / 新增一筆 / 副檔塞入主檔)

新增 由於考量有許多欄位需要新增,決定在主頁設計一個button按下去就可以換頁,在新的頁面進行新增資料 增加一個trievent-addcomponent...

2018-11-13 ‧ 由 Peterhu2Tri 分享
DAY 30

Day 30 AngularTri 實作 - 前端頁面 (查詢) & 後記

查詢 最後來實作一個常用功能 透過前端輸入參數給後端API撈資料後回傳頁面 先說說後端的Web API怎麼寫 後端API Models中DataAcces...

2018-11-14 ‧ 由 Peterhu2Tri 分享