ABP框架实战 1.基础信息维护

在之前的一个开发项目中，因为公司战略发展，引用了这个ABP开源框架作为新项目的基础版本，由于客户的要求需要迁移旧系统数据，以及其他的一些原因，数据库采用了Oracle数据库管理。所以引用了Dapper这个ORM框架作为数据访问的扩展，在前期的开发过程中，碰到过很多的坑，但是通过学习阳光铭睿，tkb至简这两位博主写的一系列文章，以及其他同事的帮助下，慢慢的熟悉了ABP框架的一些原理以及思路。

下面简单介绍一下这个Abp框架以及一些学习的资料：

ABP是“ASP.NET Boilerplate Project (ASP.NET样板项目)”的简称。

ASP.NET Boilerplate是一个用最佳实践和流行技术开发现代WEB应用程序的新起点，它旨在成为一个通用的WEB应用程序框架和项目模板。

ASP.NET Boilerplate 基于DDD的经典分层架构思想，实现了众多DDD的概念（但没有实现所有DDD的概念）。

ABP的官方网站：http://www.aspnetboilerplate.com

ABP在Github上的开源项目：https://github.com/aspnetboilerplate

阳光铭睿：http://www.cnblogs.com/mienreal/p/4528470.html

tkb至简：http://www.cnblogs.com/farb/p/ABPTheory.html

1.在历经了7个月(1607-1701)的时间，项目前两期的开发工作也算是全部的完成了，幸运的我一直留到了最后，负责后续功能以及App对接的开发，以及试运行问题过程中客户提出问题的维护。

2.在后面的某个日期中，全体这个项目的参与人员进行了一次会议总结，总体来说还算不错吧。

3.在后来的某一天，自己想要在最基础的框架上面弄一个基础的框架管理，关于简单的用户-部门-角色-权限管理这一块，可能还有很多地方没有弄完善的地方，目前还存在一部分的，但是简单来说也能满足一些简单的管理需求吧。（因为在这个项目开发过程中，这一块的数据管理是用的之前公司成熟的一套PMI框架，引用的单点登录，所以只能够参照他的思路来弄）

项目总体框架：

这里链接一个同事写的一篇文章吧，上面有关于这个项目框架的一些详细介绍http://www.cnblogs.com/yuanbeier/articles/6394484.html

下面讲一下自己弄这个的开发过程吧。

a.建立PDM，数据对应关系

b.生成数据库，以及实体，其实这里在ABP最初始的做法是采用Code First模式先建立实体在生成数据结构，个人觉得看自己习惯吧。

c.创立对应的Application Services， Controller，View，Js

d.然后就是具体的编码业务完成了，这个前段采用最快速的easyui开发，在这里参考了之前一个同事写的一个基类，然后在其思路上重新了写了一个基类，在这里的思路也正是考虑到ABP的约定大于规范的开发思路

var TopeveryBase = Base.extend({
    /*构造方法*/
    constructor: function () {
    },
    /*初始化表格*/
    initGrid: function (options) {
        options = $.extend({}, { id: "grid",  "100%", height: "600", method: "post", singleSelect: true }, options || {});
        if (options.url == null) {
            options.url = $("#" + options.id).attr("url");
        }
        if (typeof (options.url) == "undefined") {
            options.url = $("#" + options.id).attr("turl");
        }
        if ($("#" + options.id).attr("singleSelect") === "false") {
            options.singleSelect = true;
        }
        var gridParm = {
            idField: "id",
            fitColumns: true,
            loadMsg: false,
            nowrap: false,
            queryParams: options.queryParams,
            method: options.method,
            singleSelect: options.singleSelect,
            iconCls: "icon-save",
            striped: true,
            height: options.height,
            animate: true,
            collapsible: true,
            border: true,
            rownumbers: true, //行号
            pagination: options.pagination || true, //分页控件
            pageSize: 10,
            pageList: [1, 10, 20, 50, 100, 250, 500, 1000],
            sortName: "Id",
            sortOrder: "desc",
            toolbar: '#toolbarWrap',
            onLoadSuccess: function (data) {
                $(this).datagrid('doCellTip', { 'max-width': '400px', 'delay': 500 });
                $(this).datagrid("clearSelections").datagrid("clearChecked");
            },
            loader: function (param, success, error) {
                if (typeof (param.sort) == "undefined") {
                    param.sort = "Id";
                }
                if (typeof (param.order) == "undefined") {
                    param.order = "desc";
                }
                var postParm = {
                    PageIndex: param.page,
                    PageCount: param.rows,
                    sort: param.sort,
                    order: param.order
                };
                if (options.queryParams != null) {
                    postParm = $.extend({}, postParm, options.queryParams);
                }
                postParm = $.extend({}, postParm);
                var formpostdata = topevery.form2Json("selectFrom");
                postParm = $.extend({}, postParm, formpostdata);
                /* 获取详情*/
                easyuiBase.ajax({
                    type: "post",
                    url: options.url,
                    data: JSON.stringify(postParm),
                    loading: false
                }, function (data) {
                    if (data.Success) {
                        var array = new Object();
                        array.rows = data.Result.Rows;
                        array.total = data.Result.Total;
                        success(array);
                    } else {
                        error();
                    }
                }, true);
            }
        };
        for (var i = 0; i < $(".easyui-textbox").length; i++) {
            $("#" + $('.easyui-textbox').eq(i)[0].id + "").textbox({
                inputEvents: $.extend({}, $.fn.textbox.defaults.inputEvents, {
                    keyup: function (event) {
                        if (event.keyCode === 13) {
                            User.loadInfo();
                        }
                    }
                })
            });
        };
        if (options.columns != null) {
            gridParm.columns = options.columns;
        }
        $("#" + options.id).datagrid(gridParm);
    },
    /**
     * 
     * @param {} id 修改时所用查询编号
     * @param {} 加载修改查看 callback 回调函数
     * @param {} 新增修改之后 callback1 回调函数
     * @param {} options 参数集合
     * @returns {} 
     */
    View: function (id, callback, callback1, options) {
        if (id > 0) {
            options = $.extend({}, { id: "edit", btn: "save", sumbit: "sumbitForm", grid: "grid" }, options || {});
        } else {
            options = $.extend({}, { id: "add", btn: "save", sumbit: "sumbitForm", grid: "grid" }, options || {});
        }
        var urlstring = $("#" + options.id).attr("url").split(',');
        //geturl  获取修改需要加载信息
        if (options.geturl == null) {
            if (urlstring.length > 0) {
                options.geturl = urlstring[1];
            }
        }
        ///新增or修改url
        if (options.url == null) {
            options.url = urlstring[0];
        }
        $("#" + options.sumbit).form("reset");
        if (id !== "undefined" && id != null) {
            //修改时  数据加载到页面
            easyuiBase.ajax({
                type: "POST",
                url: options.geturl,
                data: JSON.stringify({ Id: id }),
                loading: false
            }, function (data) {
                if (data.Success) {
                    var row = data.Result;
                    $("#" + options.sumbit).form("load", row);
                    callback(row);
                } else {
                    error();
                }
            });
        }
        //弹出层dialog Id
        if (options.name == null) {
            options.name = $("#" + options.id).attr("name");
        }
        $("#" + options.name).dialog('open');
        $("#" + options.btn).click(function () {
            if ($("#" + options.sumbit).form('validate') === false) {
                return;
            }
            easyuiBase.ajax({
                type: "post",
                url: options.url,
                data: JSON.stringify(easyuiBase.form2Json(options.sumbit)),
                loading: false
            }, function (data) {
                if (data.Success) {
                    if (data.Result.IsSuccess) {
                        $("#" + options.name).dialog('close');
                        try {
                            topeveryMessage.show(data.Result.Message);
                        } catch (e) {
                        }
                        $("#" + options.sumbit).form("reset");
                        $("#" + options.grid).datagrid("load");
                        $("#" + options.btn).unbind();
                        if (callback1 !== "undefined" && callback1 != null) {
                            callback1(data.Result);
                        }
                    } else {
                        try {
                            topeveryMessage.show(data.Result.Message);
                        } catch (e) {

                        }
                    }
                } else {
                    error();
                }
            });
        });
    },
    //删除
    delData: function (options, callback) {
        options = $.extend({}, { id: "delete", grid: "grid" }, options || {});
        var urlstring = $("#" + options.id).attr("url");
        ///删除url
        if (options.url == null) {
            options.url = urlstring;
        }
        var arrRows = $('#' + options.grid).datagrid('getSelections');
        if (arrRows.length === 0) {
            $.messager.alert('提示', '请选择一条需要删除的记录!', 'info');
        } else {
            var ids = [];
            $.each(arrRows, function () {
                ids.push(this.Id);
            });
            easyuiBase.ajax({
                type: "post",
                url: options.url,
                data: JSON.stringify({ "Ids": ids.join() }),
                contentType: "application/json",
                loading: false
            }, function (data) {
                if (data.Success) {
                    if (data.Result.IsSuccess) {
                        try {
                            $("#" + options.grid).datagrid('reload');
                        } catch (e) {

                        }
                        callback();
                        topeveryMessage.show(data.Result.Message);
                    } else {
                        try {
                            topeveryMessage.show(data.Result.Message);
                        } catch (e) {

                        }
                    }
                } else {
                    error();
                }
            }, true);
        }
    },
    ///搜索
    loadInfo: function (options) {
        options = $.extend({}, { grid: "grid" }, options || {});
        $('#' + options.grid).datagrid('load'); //点击搜索
    },
    //清空
    empty: function (options) {
        options = $.extend({}, { sumbit: "selectFrom", grid: "grid", tree: "tree" }, options || {});
        $("#" + options.sumbit).form("reset");
        $("#" + options.grid).datagrid("load");
        $('#' + options.tree).find('.tree-node-selected').removeClass('tree-node-selected');
    }
});

var DirectoryManageList;
var base;
var load;
var defaultDeptId;
var tree;
$(function () {
    DirectoryManageList = TopeveryBase.extend({
    });
    load = function (row) {
        $("#LoginPassword1").textbox("setValue", row.LoginPassword);
    }
    base = new DirectoryManageList();
    var columns = [
        [
            { field: "Id", checkbox: true },
            {  100, title: '用户名', field: 'Name', align: 'center' },
            {  100, title: '登录名', field: 'LoginName', align: 'center' },
            {  100, title: '电话', field: 'TelNum', align: 'center' },
            {
                 100, title: '默认部门', field: 'DefaultDeptName', align: 'center'
            },
            {  100, title: '邮件', field: 'Email', align: 'center' },
            {  80, title: '手机', field: 'MobileNum', align: 'center' },
            {
                title: '操作',
                field: 'Action',
                 '15%',
                align: 'center',
                formatter: function (value, row, index) {
                    var c = ' <a href="#"   class="easyui-modifyoperate"  onclick="base.View(' + row.Id + ',load)">修改</a>';
                    var d = ' <a href="#"   class="easyui-modifyoperate"  onclick="base.View(' + row.Id + ',load)">部门角色权限</a>';
                    return c + "&nbsp"+d;
                }
            }
        ]
    ];
    base.initGrid({ columns: columns });
    $('#DefaultDeptId').combotree({
        url: "/Dept/GetDeptList",
        panelHeight: 'auto',
        panelMaxHeight: 150,
        loadFilter: function (data) {
            var object = new Array;
            object.push({ id: 0, text: " ", children: data, state: "0", attributes: "" });
            return object;
        }
    }),
    $('#tree').tree({
        url: "/Dept/GetDeptList",
        loadFilter: function (data) {
            var object = new Array;
            object.push({ id: 0, text: "部门树", children: data, state: "0", attributes: "" });
            return object;
        },
        onClick: function (node) { //单击事件  
            defaultDeptId = node.id;
            $("#defaultDeptId").val(defaultDeptId);
            base.loadInfo();
        }
    });
});

@using System.Web.Optimization
<div style=" 10%; float: left; height: 100%; background-color: #fff;">
    <ul id="tree"></ul>
</div>
<table style=" 90%!important; float: left;" singleSelect="false" id="grid" url="UserR/GetListAsync"></table>
<div id="toolbarWrap">
    <div class="toolbar-area">
        <div class="searching-area">
            <form name="selectFrom" id="selectFrom">
                <table>
                    <tr>
                        <td>
                            <input class="easyui-textbox" style=" 120px; height: 30px;" id="Name1" name="Name" data-options="prompt:'用户名'" />
                            <input class="easyui-textbox" style=" 120px; height: 30px;" id="LoginName1" name="LoginName" data-options="prompt:'登录名'" />
                            <input id="defaultDeptId" name="defaultDeptId" style="display: none;" />
                            <a href="#" class="search-btn easyui-normalyellowbutton" onclick="base.loadInfo();">查询</a>
                            <a href="#" class="search-btn easyui-normalyellowbutton" onclick="base.empty();">清空</a>
                        </td>
                    </tr>
                </table>
            </form>
        </div>
    </div>
    <div id="toolbar" class="toolbar operate-area-new">
        <a href="#" onclick="base.View();" class="easyui-normalbluebutton">新增用户</a>
        <a href="#" onclick="base.delData();" class="easyui-normalbluebutton">删除用户</a>
        <input type="hidden" id="edit" name="NewModifView" url="UserW/UserAddEditAsync,UserR/GetOneAsync">
        <input type="hidden" id="add" name="NewModifView" url="UserW/UserAddEditAsync">
        <input type="hidden" id="delete" url="UserW/DeleteUserAsync">
    </div>
</div>
<div class="easyui-dialog" title="新增" data-options="iconCls:'pag-list',modal:true,collapsible:false,minimizable:false,maximizable:false,resizable:false,closed:true" id="NewModifView" style=" 700px; height: 380px;  display: none;">
    <form id="sumbitForm" name="sumbitForm">
        <div class="house-lost-register-form">
            <input id="Id" name="Id" style="display: none;" />
            <p>
                <label>用户名：</label>
                <input type="text" class="easyui-textbox" maxlength="20" style=" 215px; height: 30px;" id="Name" name="Name" required="required" missingMessage="用户名不能为空" />
                <label>登录名：</label>
                <input type="text" class="easyui-textbox" style=" 215px; height: 30px;" id="LoginName" name="LoginName" required="required" missingMessage="登录名不能为空" />
            </p>
            <p>
                <label>登录密码：</label>
                <input type="text" class="easyui-textbox" style=" 215px; height: 30px;" id="LoginPassword" name="LoginPassword" required="required" missingMessage="登录密码不能为空" />
                <label>重复登录密码：</label>
                <input type="text" class="easyui-textbox" style=" 215px; height: 30px;" id="LoginPassword1" name="LoginPassword1" required="required" missingMessage="重复登录密码不能为空" validType="equalTo['#LoginPassword']" invalidMessage="两次输入密码不匹配" />
            </p>
            <p>
                <label>默认部门：</label>
                <input type="text" class="easyui-combotree" style=" 215px; height: 30px;" id="DefaultDeptId" name="DefaultDeptId" />
                <label>电话：</label>
                <input type="text" class="easyui-textbox" style=" 215px; height: 30px;" id="TelNum" name="TelNum" />
            </p>
            <p>
                <label>邮件：</label>
                <input type="text" class="easyui-textbox" style=" 215px; height: 30px;" id="Email" name="Email" />
                <label>手机：</label>
                <input type="text" class="easyui-textbox" style=" 215px; height: 30px;" id="MobileNum" name="MobileNum" />
            </p>
            <div style="padding-top: 20px; text-align: center;" id="ToView">
                <a href="#" class="easyui-normalbluebutton" id="save">确认</a>
            </div>
        </div>
    </form>
</div>

@Scripts.Render("~/js/User/IndexTest.js")

如果是简单的增删改查，就能够通过简单的一个页面就可以完成了。

 /// <summary>
        /// 去掉集合2中Id集合2中的数据
        /// </summary>
        /// <typeparam name="TF"></typeparam>
        /// <returns></returns>
        public IQueryable<TF> NotShorthand<TF>(List<IdInput> list, IRepository<TF> iRepository) where TF : class, IEntity<int> 
        {
            var idlist = new int[list.Count];
            for (var i = 0; i < list.Count; i++)
            {
                idlist.SetValue(list[i].Id, i);
            }
            var query = from t in iRepository.GetAll()
                        where !(idlist).Contains(t.Id)
                        select t;
            return query;
        }

        /// <summary>
        /// 排序  分页封装
        /// </summary>
        /// <typeparam name="T"></typeparam>
        /// <typeparam name="TF"></typeparam>
        /// <returns></returns>
        public async Task<PagedResultOutputDto<TF>> GetListAsync<T,TF>(IQueryable<T> query,int pageIndex,int pageCount,string sort)
        {
            query = !string.IsNullOrWhiteSpace(sort) ? query.OrderBy(sort) : query.OrderBy("Id desc");
            var count = query.Count();
            query = query.Skip((pageIndex - 1) * pageCount).Take(pageCount);
            var row = await query.ToListAsync();
            var data = row.MapTo<List<TF>>();
            return new PagedResultOutputDto<TF>(count, data);
        }

 /// <summary>
        /// 根据部门Id获取可以调入的人员
        /// </summary>
        /// <param name="input"></param>
        /// <returns></returns>
        public async Task<PagedResultOutputDto<UserListOutputDto>> GetNotUserAsync(DeptListInput input)
        {
            var query1 = (from userDept in _userDeptRepository.GetAll()
                          join dept in _deptRepository.GetAll() on userDept.DeptId equals dept.Id
                          where userDept.DeptId == input.DeptId
                          select new IdInput { Id = userDept.UserId }).ToList();
            var query = NotShorthand(query1, _userRepository);
            if (!string.IsNullOrWhiteSpace(input.Name))
            {
                query = query.Where(x => x.Name.Contains(input.Name));
            }
            var list = await GetListAsync<Zero.Core.Authorization.User, UserListOutputDto>(query, input.PageIndex, input.PageCount, input.Sorting);
            return list;
        }

4.最后总结是，也许我自己也不知道我的目的是什么，弄这个的意义是什么，但是做自己想做的，想到了就去做吧。

5.发现问题，然后思考问题，最后去解决这个问题！

百度云地址：http://pan.baidu.com/s/1c2cjpLm  提取码：4b66