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