zoukankan      html  css  js  c++  java
  • C# Dapper基本三层架构使用 (四、Web UI层)

    三层架构的好处,一套代码无论WinForm还是Web都可以通用,只写前台逻辑就可以了,现在展示Web调用三层的示例

    首先在项目中创建一个Web MVC5项目,目前项目目录如下

    在Web项目Web.config中增加数据库连接

      <connectionStrings>
        <add name="con" connectionString="Data Source=127.0.0.1;Initial Catalog=Northwind;User ID=sa;Password=******;Connect Timeout=30;Encrypt=False;TrustServerCertificate=False;ApplicationIntent=ReadWrite;MultiSubnetFailover=False"/>
      </connectionStrings>

    然后增加项目类库引用

    扩展DAL增加查询所有数据的方法

    public static List<Region> GetAll()
    {
        using (IDbConnection conn = new SqlConnection(connStr))
        {
            string sql = "SELECT r.RegionID, r.RegionDescription FROM Region AS r";
            IEnumerable<Region> regions = conn.Query<Region>(sql);
            return regions.ToList();
        }
    }

    在BLL中增加调用DAL中的GetALL方法

    public static List<Model.Region> GetALLRegion()
    {
        return DAL.RegionService.GetAll();
    }

    在Web Home控制器中添加引用

    using Northwind.BLL;
    using Northwind.Model;

    修改Index方法中添加如下获取实体类的方法,传递到View视图中

    public ActionResult Index()
    {
        List<Region> regions = new List<Region>();
        regions = RegionManger.GetALLRegion();
        return View(regions);
    }

    修改Index视图为以下代码

    @model IEnumerable<Northwind.Model.Region>
    
    <table class="table">
        <caption>Region</caption>
        <thead>
            <tr>
                <th>RegionID</th>
                <th>RegionDescription</th>
            </tr>
        </thead>
        <tbody>
            @foreach (var item in Model)
            {
                <tr>
                    <td>@Html.DisplayFor(modelitem => item.RegionID)</td>
                    <td>@Html.DisplayFor(modelitem => item.RegionDescription)</td>
                </tr>
            }
        </tbody>
    </table>

    展示效果

  • 相关阅读:
    Golang进阶实战之IO操作
    动态获取输入框光标在页面中的位置! || 动态添加 style标签 || 获取元素样式 || 获取元素在页面中的位置
    v-select插件
    各种创建数组的方法
    百度UEditor编辑器
    vue-router 各种守卫以及流程梳理
    Snipaste 一款好用的 windows截图工具
    ant-design-vue
    罕见的css样式
    vue图片点击放大预览v-viewer
  • 原文地址:https://www.cnblogs.com/liessay/p/12817846.html
Copyright © 2011-2022 走看看