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", width: "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 },
            { width: 100, title: '用戶名', field: 'Name', align: 'center' },
            { width: 100, title: '登錄名', field: 'LoginName', align: 'center' },
            { width: 100, title: '電話', field: 'TelNum', align: 'center' },
            {
                width: 100, title: '默認部門', field: 'DefaultDeptName', align: 'center'
            },
            { width: 100, title: '郵件', field: 'Email', align: 'center' },
            { width: 80, title: '手機', field: 'MobileNum', align: 'center' },
            {
                title: '操作',
                field: 'Action',
                width: '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="width: 10%; float: left; height: 100%; background-color: #fff;">
    <ul id="tree"></ul>
</div>
<table style="width: 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="width: 120px; height: 30px;" id="Name1" name="Name" data-options="prompt:'用戶名'" />
                            <input class="easyui-textbox" style="width: 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="width: 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="width: 215px; height: 30px;" id="Name" name="Name" required="required" missingMessage="用戶名不能為空" />
                <label>登錄名：</label>
                <input type="text" class="easyui-textbox" style="width: 215px; height: 30px;" id="LoginName" name="LoginName" required="required" missingMessage="登錄名不能為空" />
            </p>
            <p>
                <label>登錄密碼：</label>
                <input type="text" class="easyui-textbox" style="width: 215px; height: 30px;" id="LoginPassword" name="LoginPassword" required="required" missingMessage="登錄密碼不能為空" />
                <label>重復登錄密碼：</label>
                <input type="text" class="easyui-textbox" style="width: 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="width: 215px; height: 30px;" id="DefaultDeptId" name="DefaultDeptId" />
                <label>電話：</label>
                <input type="text" class="easyui-textbox" style="width: 215px; height: 30px;" id="TelNum" name="TelNum" />
            </p>
            <p>
                <label>郵件：</label>
                <input type="text" class="easyui-textbox" style="width: 215px; height: 30px;" id="Email" name="Email" />
                <label>手機：</label>
                <input type="text" class="easyui-textbox" style="width: 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