[转]开源框架完美组合之Spring.NET + NHibernate + ASP.NET MVC + jQuery + easyUI 中英文双语言小型企业网站Demo

时间：2014-11-16 09:22:34 阅读：299 评论：0 收藏：0 [点我收藏+]

标签：des style blog http io color ar os 使用

热衷于开源框架探索的我发现ASP.NET MVC与jQuery easyUI的组合很给力。由于原先一直受Ext JS框架的licence所苦恼，于是痛下决心寻找一个完全免费的js框架——easyUI。它有完整的demo和强大AIP手册，使我在开发过程中得心应手。以下是这篇博文Demo程序的演示效果：

　　解决方案如图1所示

bubuko.com,布布扣

图1

　　Domain：领域模型

　　Dao：持久层

　　Service：服务层

　　WebSite：表示层

　　Common：通用类

　　首页如图2所示，可以选择中文和English。

bubuko.com,布布扣

图2

　　英文首页如图3所示

bubuko.com,布布扣

图3

　　公司简介效果如图4所示

bubuko.com,布布扣

图4

　　后台登陆页面如图5所示

bubuko.com,布布扣

图5

　　后台首页如图6所示

bubuko.com,布布扣

图6

　　后台首页的代码html为：

<body class="easyui-layout"> <div region="north" border="false" style="height: 100px; "> <div style="height: 80px; clear: both;"> <div style="width: 150px;"> </div> <div style="text-align: center; width: 150px; line-height: 80px;"> <img alt="logo" src="/Images/logo_small.jpg" onclick="window.open(‘/Index.html‘)" /> </div> </div> <div style="height: 20px;text-align:right"> <div> 登陆用户：<a href="#" onclick=""><%= ((dynamic)ViewData["User"]).Name %></a>   <a href="#" onclick="showChangePasswordWin();">修改密码</a>   <a href="/Home/LogOut/"> 退出系统</a>   <a href="http://member.webweb.com/" target="_blank">空间管理</a>   <a href="http://new.cnzz.com/" target="_blank">站长在线</a>     </div> </div> </div> <div region="west" split="true" title="<font color=‘#993333‘>系统菜单</font>" style="width: 150px;"> <div class="easyui-accordion" fit="true" border="false" style=" background-repeat: repeat-x;"> <div title="资料管理" style="overflow: auto;"> <table border="0" cellspacing="1" cellpadding="1" align="center"> <tr> <td height="23"> <a href="#" onclick="showTab(‘Forum‘,$(this).html());">版块管理</a> </td> </tr> <tr> <td height="23"> <a href="#" onclick="showTab(‘Category‘,$(this).html());">分类管理</a> </td> </tr> </table> </div> <% foreach (var item in (this.ViewData["CategoryList"] as IList<Domain.Category>).GroupBy(g => g.Forum)) { %> <div title="<%= item.Key.Name %>" style="overflow: auto;"> <table border="0" cellspacing="1" cellpadding="1" align="center"> <%foreach (var value in item) { %> <tr> <td height="23"> <a href="#" onclick="showArticle(‘<%= value.ID %>‘,$(this).html());"><%= value.Name %></a> </td> </tr> <% } %> </table> </div> <% } %> <div title="系统管理" style="overflow: auto;"> <table border="0" cellspacing="1" cellpadding="1" align="center"> <tr> <td height="23"> <a href="#" onclick="showTab(‘UserInfo‘,$(this).html());">管理员用户管理</a> </

　　可以进行版块和分类的管理，如图7和图8所示。

bubuko.com,布布扣

图7

bubuko.com,布布扣

图8

　　选择列表模式的分类可以添加列表内容,如图9所示。

bubuko.com,布布扣

图9

　　easyUI的datagrid代码如下：

$(‘#grid‘).datagrid({                 title: ‘<%= ((Domain.Category)this.ViewData["entity"]).Name %>信息‘,                 iconCls: ‘icon-save‘,                 nowrap: false,                 striped: true,                 url: ‘/Article/LoadAllByPage/‘,                 sortName: ‘CreateDate‘,                 sortOrder: ‘desc‘,                 remoteSort: true,                 fitColumns: true,                 fit: true,                 idField: ‘ID‘,                 queryParams: { categoryId: ‘<%= ((Domain.Category)this.ViewData["entity"]).ID %>‘ },                 frozenColumns: [[                     { field: ‘ID‘, checkbox: true }                 ]],
                columns: [[                     { field: ‘CreateDate‘, title: ‘建立日期‘, width: 100,                         formatter: function (value, rec) {                             return eval("new " + value.substr(1, value.length - 2)).toLocaleDateString();                         }                     },                     { field: ‘Name‘, title: ‘中文标题‘, width: 80, align: ‘right‘ },                     { field: ‘NameEn‘, title: ‘英文标题‘, width: 80, align: ‘right‘ },                     { field: ‘IsFirst‘, title: ‘是否置顶‘, width: 40, align: ‘right‘,                         formatter: function (value, rec) {                             return value ? ‘是‘ : ‘否‘;                         }                     },                     { field: ‘IsEnabled‘, title: ‘状态‘, width: 40, align: ‘right‘,                         formatter: function (value, rec) {                             return value ? ‘显示‘ : ‘隐藏‘;                         }                     },                     { field: ‘From‘, title: ‘来源‘, width: 80, align: ‘right‘ },                     { field: ‘ViewCount‘, title: ‘浏览次数‘, width: 40, align: ‘left‘ },                     { field: ‘UpdateDate‘, title: ‘最后更新日期‘, width: 100,                         formatter: function (value, rec) {                             return eval("new " + value.substr(1, value.length - 2)).toLocaleDateString();                         }                     }                 ]],                 pagination: true,                 rownumbers: true,                 toolbar: [‘-‘, {                     id: ‘btnSave‘,                     text: ‘添加‘,                     iconCls: ‘icon-add‘,                     handler: function () {                         this.href = ‘/Article/View/?categoryId=<%= ((Domain.Category)this.ViewData["entity"]).ID %>‘;                     }                 }, ‘-‘, {                     id: ‘btnUpdate‘,                     text: ‘修改‘,                     iconCls: ‘icon-save‘,                     handler: function () {
                        var row = $(‘#grid‘).datagrid(‘getSelected‘);                         if (row) {                             this.href = ‘/Article/View/‘ + row.ID + ‘/?categoryId=<%= ((Domain.Category)this.ViewData["entity"]).ID %>‘;                         }                         else {                             $.messager.alert(‘提示‘, ‘请选择要修改的数据‘);                             return;                         }
                    }                 }, ‘-‘, {                     id: ‘btnDelete‘,                     text: ‘删除‘,                     disabled: false,                     iconCls: ‘icon-cut‘,                     handler: function () {
                        var rows = $(‘#grid‘).datagrid(‘getSelections‘);                         if (!rows || rows.length == 0) {                             $.messager.alert(‘提示‘, ‘请选择要删除的数据‘);                             return;                         }                         var parm;                         $.each(rows, function (i, n) {                             if (i == 0) {                                 parm = "idList=" + n.ID;                             }                             else {                                 parm += "&idList=" + n.ID;                             }                         });                         $.messager.confirm(‘提示‘, ‘是否删除这些数据?‘, function (r) {                             if

　　Controller的载入JSON数据的代码为：

        [Authorize]         public ActionResult LoadAllByPage(Guid categoryId, int page, int rows, string order, string sort)         {             long total = 0;             var list = this.ArticleManager.LoadAllByPage(out total, categoryId, page, rows, order, sort).Select(entity => new             {                 entity.Name,                 entity.NameEn,                 entity.ID,                 entity.CreateDate,                 entity.UpdateDate,                 entity.IsEnabled,                 entity.IsFirst,                 entity.ViewCount,                 entity.From,                 CategoryId = entity.Category.ID,                 CategoryName = entity.Category.Name             });
            var result = new { total = total, rows = list.ToList() };
            return Json(result);         }

　　开发环境为VS2010，数据库是根据NHibernate的方言任意配置，我使用的是SQLite数据库。

<add key="provider" value="System.Data.SQLite" /> <add key="connectionString" value="Data Source=|DataDirectory|DataBase.db;Version=3;FailIfMissing=False;" /> <add key="dialect" value="NHibernate.Dialect.SQLiteDialect" /> <add key="driver_class" value="NHibernate.Driver.SQLite20Driver" />
 <add key="hbm2ddl.auto" value="update" />

　　代码下载

　　作者：刘冬.NET

　　出处：http://www.cnblogs.com/GoodHelper/archive/2011/08/19/SpringNetFramework_Step3.html

　　欢迎转载，但须保留版权

[转]开源框架完美组合之Spring.NET + NHibernate + ASP.NET MVC + jQuery + easyUI 中英文双语言小型企业网站Demo

标签：des style blog http io color ar os 使用

原文地址：http://www.cnblogs.com/springwind268/p/4100989.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行