iT邦幫忙

鐵人檔案

2014 iT 邦幫忙鐵人賽
回列表

當ASP.NET MVC 遇見 Angular.js MVC 客戶管理系統 系列

隨著前端Freamwork越來越火紅如JS的jQuery,CSS的Bootstrap,這次前端要搭配的是Google推出的Angular.js,是一個前端MVC的library,這也是今年鐵人賽蠻熱門的主題,本系列將搭配ASP.NET MVC來實作一個網站。

鐵人鍊成 | 共 30 篇文章 | 34 人訂閱 訂閱系列文 RSS系列文
DAY 1

[鐵人30天]當ASP.NET MVC 遇見 Angular.js MVC 開發管理系統 (1) - 簡介

* 當後端MVC 遇見 前端 MVC 又到了每年熱血的鐵人賽了,一直想著能分享些什麼,回顧過去工作經驗,做系統開發不外乎就那四件事CRUD (新增、查詢、修改、...

2014-09-29 ‧ 由 Kyle Shen 分享
DAY 2

[鐵人30天]當ASP.NET MVC 遇見 Angular.js MVC 開發管理系統 (2) - 系統需求分析

* 本篇目標 將天馬行空的使用者需求,引導並整理出方向 * 使用故事模式User Story分析 我待過資訊專案公司,也待過內部維運的IT,這兩者都免不了遇見天...

2014-09-30 ‧ 由 Kyle Shen 分享
DAY 3

[鐵人30天]當ASP.NET MVC 遇見 Angular.js MVC 客戶管理系統(3) - 系統架構設計

* 本篇目標 系統架構規劃,並新增相關專案、技術規格 * 為何要分層架構規劃 分層的重要性,也是寫程式幾年後才真的領悟,ASP時代那種義大利麵式的寫法(html...

2014-10-01 ‧ 由 Kyle Shen 分享
DAY 4

[鐵人30天]當ASP.NET MVC 遇見 Angular.js MVC 客戶管理系統(4) - 打造 DAL層

* 本篇目標 建立 DAL (Data Access Layout),透過EntityFreamwork + 泛型建立與DataBase溝通的橋樑 請先於Dat...

2014-10-02 ‧ 由 Kyle Shen 分享
DAY 5

[鐵人30天]當ASP.NET MVC 遇見 Angular.js MVC 客戶管理系統(5) - 打造 BLL層

* 本篇目標 建立BLL(Business Logic Layout) ,建立ViewModel,將Entity物件轉為ViewModel給前端使用。 * 關於...

2014-10-03 ‧ 由 Kyle Shen 分享
DAY 6

[鐵人30天]當ASP.NET MVC 遇見 Angular.js MVC 客戶管理系統(6) - 取得WebAPI資料

* 本篇目標 建置一個RESTful風格的Web服務 * Web API 2.2 現在開發通常會考慮到多平台,如手機平板等等,但關於資料來源不可能針對每個平台都...

2014-10-04 ‧ 由 Kyle Shen 分享
DAY 7

[鐵人30天]當ASP.NET MVC 遇見 Angular.js MVC 客戶管理系統(7) - 取得WebAPI資料(Angular.js)

* 本篇目標 利用Angular.js向WebAPI取得資料 * 前言 以往開發前端多半倚賴jQuery,今年接觸到了Google所推出的JavaScript...

2014-10-05 ‧ 由 Kyle Shen 分享
DAY 8

[鐵人30天]當ASP.NET MVC 遇見 Angular.js MVC 客戶管理系統(8) - 美化網站工具介紹

* 本篇目標 利用一些 CSS Freamwrok 來快速美化我們的網站 * Bootstrap 開發Web目前Bootstrap已經是必備的技能之一了,甚至A...

2014-10-06 ‧ 由 Kyle Shen 分享
DAY 9

[鐵人30天]當ASP.NET MVC 遇見 Angular.js MVC 客戶管理系統(9)–WebAPI實作分頁

* 本篇目標 將WebAPI的資料在後端進行分頁 * Angular.ui.Bootstrap UI Angular.ui.Bootstrap 能將一些Boot...

2014-10-07 ‧ 由 Kyle Shen 分享
DAY 10

[鐵人30天]當ASP.NET MVC 遇見 Angular.js MVC 客戶管理系統(10)–開始打造SPA網頁

* 本篇目標 Angular.js切割分層,並改寫成SPA網頁 * SPA SPA ( Single Page Application),傳統一直POST,一直...

2014-10-08 ‧ 由 Kyle Shen 分享