Ease & Easy ASP.NET MVC 開發架構(1) Hello World

 

本文介紹Ease&Easy開發架構如何簡單搭建應用系統，通過Html.Grid的例子向大家逐步展示（如）。

 

1. 建立一個asp.net mvc項目，起名EaseEasy-Demo。

2. 通過NuGet擷取Ease&Easy開發架構套件。

3. 搜尋“CoolCode”可看到有3個package。下載CoolCode.ServiceModel即可，它包含其他兩個組件（CoolCode.Core和CoolCode.Web.Mvc）。

4. 建立EF實體和DbContext，用於測試架構的Grid控制項。

public class DemoContext : DbContext {    public DbSet<Blog> Blogs { get; set; }    public static void SetInitializer() {        Database.SetInitializer(new DemoContextInitializer());    }    class DemoContextInitializer : DropCreateDatabaseIfModelChanges<DemoContext> {        protected override void Seed(DemoContext context) {            for (int i = 0; i < 102; i++) {                context.Blogs.Add(new Blog {                     Title = "MVC 架構"+i,                     Author = "Bruce Lee"                });            }        }    }}

public class Blog {    public int Id { get; set; }    public string Title { get; set; }    public string Author { get; set; }}

5.Application_Start方法調用 DemoContext.SetInitializer();

6.Web.config 設定資料庫連接字串DemoContext。

    <connectionStrings>         <add name="DemoContext" connectionString="Data Source=.; Initial Catalog=EaseEasyDemo;User ID=sa;Password=xx;Persist Security Info=true" providerName="System.Data.SqlClient"/>     </connectionStrings>

7.添加Controller，命名為DemoController。添加Action，返回IQueryable<> 類型資料來源。

public ActionResult Index() {    var db = new DemoContext();     return View(db.Blogs);}

8.添加View，命名為Index.cshtml。Html.Grid會根據Model產生表格，預設支援分頁。

<link href="@Url.Content("~/Content/EaseEasy.css")" rel="stylesheet" type="text/css" /><h2>EaseEasy: Hello World!</h2>@( Html.Grid<Blog>().Columns(c => {     c.Column(x=>x.Id).Width(102).Sortable(true);     c.Column(x=>x.Title).Width(102).Header("標題").Sortable(true);     c.Column(x=>x.Author).Width(102).Header("作者").Sortable(true); }) .IsAjax(false))

9.添加樣式表及相應圖片就大功告成了。

 

10.編譯，運行 & Good Luck！

 

相關代碼：

demo-1-HelloWorld.zip — 開發樣本 Hello World

https://github.com/coolcode/free/tree/gh-pages/demo