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

news/2024/5/9 18:39:54/文章来源:https://dengbin.blog.csdn.net/article/details/6725759

　　代码下载

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

　　解决方案如图1所示

图1

 

　　Domain：领域模型

　　Dao：持久层

　　Service：服务层

　　WebSite：表示层

　　Common：通用类

 

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

图2

 

　　英文首页如图3所示

图3

 

　　公司简介效果如图4所示

图4

 

　　后台登陆页面如图5所示

图5

 

 

　　后台首页如图6所示

图6

 

　　后台首页的代码html为：

 

function showChangePasswordWin() {
            $('#winPassword').window('open');
        }

        function changePassword() {
            var oldPassword = $("#iptOldPassword").val();
            if (oldPassword == "") {
                $.messager.alert('提示', '请输入旧密码！');
                return;
            }

            var password = $("#iptPassword").val();
            if (password == "") {
                $.messager.alert('提示', '请输入新密码！');
                return;
            }

            var newPassword = $("#iptNewPassword").val();
            if (newPassword == "") {
                $.messager.alert('提示', '请确认密码！');
                return;
            }

            if (newPassword != password) {
                $.messager.alert('提示', '两次密码不一致，请重新输入！');
                return;
            }
            var parm = { password: password, oldPassword: oldPassword };
            $.ajax({
                type: "POST",
                url: "/Home/ChangedPassword/",
                data: parm,
                success: function (msg) {
                    if (msg.IsSuccess) {
                        $.messager.alert('提示', '修改成功！', "info", function () {
                            $('#winPassword').window('close');
                            $("#iptOldPassword").val("");
                            $("#iptPassword").val("");
                            $("#iptNewPassword").val("");
                        });
                    } else {
                        $.messager.alert('提示', '密码错误，请重新输入！', "info");
                    }
                },
                error: function () {
                    $.messager.alert('错误', '修改失败！', "error");
                }
            });
        }

        function showTab(url, title) {
            var tab = $('#tab');
            if (tab.tabs('exists', title)) {
                tab.tabs('select', title);
            }
            else {
                tab.tabs('add', {
                    title: title,
                    content: "<iframe scrolling='yes' frameborder='0' src='/"
                        + url + "/Index/' style='width:100%;height:100%;'/>",
                    closable: true
                });

            }
        }

        function showArticle(id, title) {
            var tab = $('#tab');
            if (tab.tabs('exists', title)) {
                tab.tabs('select', title);
            }
            else {
                tab.tabs('add', {
                    title: title,
                    content: "<iframe scrolling='yes' frameborder='0' src='/Article/Admin/"
                       + id + "/' style='width:100%;height:100%;'/>",
                    closable: true
                });
            }
        }
 
 
<body class="easyui-layout">
    <div region="north" border="false" style="height: 100px; background-color: #E0ECFF;">
        <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>&nbsp;&nbsp;
                <a href="#" onclick="showChangePasswordWin();">修改密码</a>&nbsp;&nbsp; <a href="/Home/LogOut/">
                    退出系统</a>
                    &nbsp;&nbsp;<a href="http://member.webweb.com/" target="_blank">空间管理</a>&nbsp;&nbsp;
                    <a href="http://new.cnzz.com/" target="_blank">站长在线</a>&nbsp;&nbsp;&nbsp;&nbsp;
                    </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-color: #E0ECFF;
            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>
                        </td>
                    </tr>
                </table>
            </div>
        </div>
    </div>
    <div region="south" border="false" style="height: 20px; background: #A9FACD; text-align: center;
        line-height: 20px; background-image: url(/Images/bg_bottom.gif);">
        Copy Right ®2010-2011</div>
    <div region="center">
        <div id="tab" class="easyui-tabs" fit="true" border="false">
            <div title="首页" style="padding: 20px; overflow: hidden;">
                <table width="98%" border="0" cellpadding="3" align="center" cellspacing="0" bgcolor="#F1EAE0">
                    <tr>
                        <td width="100%" bgcolor="#cccccc" height="5">
                        </td>
                    </tr>
                    <tr>
                        <td width="100%" class="change_td" style="cursor: hand">
                            服务器参数
                        </td>
                    </tr>
                </table>
                <table cellspacing="1" cellpadding="3" width="98%" align="center" bgcolor="#ffffff"
                    border="0">
                    <tbody>
                        <tr>
                            <td class="th1" align="center" colspan="2" style="height: 25px">
                                服务器信息统计
                            </td>
                        </tr>
                        <tr bgcolor="#f9fbf0">
                            <td width="50%" style="height: 24px">
                                &nbsp;<strong>服务器名</strong>：<%=System.Environment.MachineName%>
                            </td>
                            <td width="50%" style="height: 24px">
                                &nbsp;<b>服务器端口：</b><%= HttpContext.Current.Request.ServerVariables["Server_Port"].ToString() %>
                            </td>
                        </tr>
                        <tr bgcolor="#f9fbf0">
                            <td width="50%" style="height: 23px">
                                &nbsp;<b>脚本解释引擎：</b><%=System.Environment.Version%>
                            </td>
                            <td width="50%" style="height: 23px">
                                <b>&nbsp;站点物理路径：</b><%=HttpContext.Current.Request.PhysicalApplicationPath.ToString() %>
                            </td>
                        </tr>
                        <tr bgcolor="#f9fbf0">
                            <td width="50%" style="height: 23px">
                                &nbsp;<b>服务器CPU个数：</b><%=System.Environment.ProcessorCount %>
                            </td>
                            <td width="50%" style="height: 23px">
                                &nbsp;<b>服务器IIS版本：</b><%=Request.ServerVariables["SERVER_SOFTWARE"]%>
                            </td>
                        </tr>
                        <tr bgcolor="#f9fbf0">
                            <td width="50%">
                                &nbsp;<b>开机运行时长</b>：<%=(System.Environment.TickCount/3600000).ToString("N2")%>
                                小时
                            </td>
                            <td width="50%">
                                <b>&nbsp;服务器时间：</b><%=DateTime.Now.ToString() %>
                            </td>
                        </tr>
                        <tr bgcolor="#f9fbf0">
                            <td colspan="2">
                                &nbsp;<b>服务器操作系统：</b><span>
                                    <%=System.Environment.OSVersion.ToString()%></span>
                            </td>
                        </tr>
                        <tr bgcolor="#f9fbf0">
                            <td colspan="2">
                                &nbsp;
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    <div id="winPassword" class="easyui-window" closed="true" modal="true" title="修改密码"
        style="width: 280px; height: 160px;" collapsible="false" minimizable="false"
        maximizable="false">
        <div class="easyui-layout" fit="true">
            <div region="center" border="false" style="padding: 10px; background: #fff; border: 1px solid #ccc;">
                <table>
                    <tr>
                        <td>
                            旧密码：
                        </td>
                        <td>
                            <input type="password" id="iptOldPassword" />
                        </td>
                    </tr>
                    <tr>
                        <td>
                            新密码：
                        </td>
                        <td>
                            <input type="password" id="iptPassword" />
                        </td>
                    </tr>
                    <tr>
                        <td>
                            确认密码：
                        </td>
                        <td>
                            <input type="password" id="iptNewPassword" />
                        </td>
                    </tr>
                </table>
            </div>
            <div region="south" border="false" style="text-align: right; height: 30px; line-height: 30px;">
                <a class="easyui-linkbutton" iconcls="icon-ok" href="javascript:void(0)" onclick="changePassword()">
                    确定</a> <a class="easyui-linkbutton" iconcls="icon-cancel" href="javascript:void(0)"
                        onclick="$('#winPassword').window('close');">取消</a>
            </div>
        </div>
    </div>
</body>

 

 

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

图7

 

 

图8

 

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

 

图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 (!r) {
                                return;
                            }

                            $.ajax({
                                type: "POST",
                                url: "/Article/Delete/",
                                data: parm,
                                success: function (msg) {
                                    if (msg.IsSuccess) {
                                        $.messager.alert('提示', '删除成功！', "info", function () {
                                            $('#grid').datagrid("reload");
                                        });
                                    }
                                },
                                error: function () {
                                    $.messager.alert('错误', '删除失败！', "error");
                                }
                            });
                        });
                    }
                }, '-']

 

　　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数据库。

 

    <!--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" />

 　　

 

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.luyixian.cn/news_show_782250.aspx

如若内容造成侵权/违法违规/事实不符，请联系dt猫网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

美网站曝光乔布斯近照：面容憔悴令人担忧

美网站曝光乔布斯近照：面容憔悴令人担忧

北京时间8月27日消息&#xff0c;AOL旗下名人八卦网站TMZ曝光乔布斯近照&#xff0c;据称摄于乔布斯宣布退休后的第二天。图中的乔布斯形销骨立、面容憔悴。这张照片显示&#xff0c;乔布斯穿着一件黑色齐膝长袍&#xff0c;在阳光下站在一辆汽车旁&#xff0c;身边有一名身份未…
阅读更多...
网络SEO优化 蜘蛛时代开启

网络SEO优化 蜘蛛时代开启

百汇传媒多一度网络营销小贴士&#xff1a;SEO&#xff08;Search Engine Optimization&#xff09;&#xff0c;行业内称为搜索引擎优化&#xff0c;是较为流行的网络营销方式&#xff0c;主要目的是增加特定关键字的曝光率以增加网站的能见度&#xff0c;进而增加销售的机会。…
阅读更多...
使用burp进行网站爆破

使用burp进行网站爆破

burp爆破的前提条件是该网站账号密码没有进行加密而是明文&#xff0c;且验证码可以重复使用&#xff0c;如下图数据包中直接显示账号与密码且验证码不需要重复提交&#xff08;此处需要自己使用burp进行测试&#xff09; 1.进入burp&#xff0c;监听浏览器 2.打开网站输入账…
阅读更多...
【Java基础】静态网站技术-review

【Java基础】静态网站技术-review

文章目录通信和服务图解工作过程待review问题参考通信和服务 早期的Web服务器&#xff0c;只能响应浏览器发来的HTTP静态资源的请求&#xff0c;并将存储在服务器中的静态资源返回给浏览器&#xff0c;今天我们追溯一下。 协议规范&#xff1a; 万维网(WorldWideWeb&#xff…
阅读更多...
家谱社交网站MyHeritage开放家庭图谱API

家谱社交网站MyHeritage开放家庭图谱API

MyHeritage被认为是以色列最有希望的web2.0公司&#xff0c;保持着高速的成长,让竞争对手Geni和Ancestry.com&#xff08;已经上市&#xff09;望尘莫及。 这家公司已经拥有接近6千万的注册用户&#xff0c;上传了2千万份家谱、8亿份档案和1.25亿张照片。这些储备对完成像MyHer…
阅读更多...
本地化社交问答网站Drumo瞄准亚洲和澳洲市场

本地化社交问答网站Drumo瞄准亚洲和澳洲市场

Drumo是由澳大利亚数字媒体公司Design Royale开发的本地化社交问答网站&#xff0c;目前在悉尼&#xff0c;东京和新加坡已经推出了服务&#xff0c;很快将登陆上海&#xff0c;香港&#xff0c;台北&#xff0c;墨尔本等更多亚洲和澳洲的城市。做问答社区的困难之处在于保持用…
阅读更多...
12岁小学生自创5家网站 曾获腾讯300元创业贷款

12岁小学生自创5家网站 曾获腾讯300元创业贷款

9月1日&#xff0c;是中小学开学的日子。当天上午11时许&#xff0c;在平顶山市新华区胜利街小学六年级6班的教室里&#xff0c;东方今报记者见到了自创5家网站、组织十多人开发销售电脑软件的田众和。12岁的田众和坐在教室倒数第二排&#xff0c;大大的眼睛&#xff0c;高高的…
阅读更多...
推荐一个很棒的免费自助建站工具：Tap

推荐一个很棒的免费自助建站工具：Tap

Tap简介Tap&#xff08;www.tap.cn&#xff09;是一个新型的免费自助建站服务平台&#xff0c;易用、专业、高效的Tap能让您轻松摆脱建站过程中技术对创造力的制约。拥有极高自由度的Tap能够快速提升您的建站热情。Tap为不同用户的需求配备了完美的个性化解决方案&#xff0c;T…
阅读更多...
004coursera网站中的VTT字幕的使用

004coursera网站中的VTT字幕的使用

coursera网站中的VTT字幕的使用 1、 https://www.coursera.org/learn/os-virtsecurity/lecture/xuWgP/1-3-cao-zuo-xi-tong-an-quan-de-zhong-yao-xing 在coursera网站通过360极速浏览器的插件&#xff09;下载的视频&#xff08;有三个分辨率&#xff1a;1280x720&#xff08…
阅读更多...
网站前端性能优化总结

网站前端性能优化总结

一、服务器侧优化1. 添加 Expires 或 Cache-Control 信息头 某些经常使用到、并且不会经常做改动的图片&#xff08;banner、logo等等&#xff09;、静态文件&#xff08;登录首页、说明文档等&#xff09;可以设置较长的有效期&#xff08;expiration date&#xff09;&#x…
阅读更多...
大型网站动态应用系统架构

大型网站动态应用系统架构

动态应用&#xff0c;是相对于网站静态内容而言&#xff0c;是指以c/c、php、Java、perl、.net等服务器端语言开发的网络应用软件&#xff0c;比如论坛、网络相册、交友、BLOG等常见应用。动态应用系统通常与数据库系统、缓存系统、分布式存储系统等密不可分。大型动态应用系统…
阅读更多...
设计易理解和操作的网站

设计易理解和操作的网站

当将易操作的理念融合到网站设计中时&#xff0c;网站设计的问题就变得更加复杂。当大多数人将使用全屏显示器访问计算机时&#xff0c;这些理念往往容易被大众忽视。除了需要考虑人们的身体条件如视力不好外&#xff0c;你也不得不注意到关于浏览器市场的不断变化。给你的用户…
阅读更多...
大型网站后台架构的演变

大型网站后台架构的演变

随着用户访问量的不断增加&#xff0c;网站的后台也会不断变化以应对需求。本文主要从一个小型网站到大型网站的过度与变化来陈述。1.1 网站后台架构主要指由web server 、应用服务器、数据库、存储、监控等组成的网站后台系统。1.2 架构演变个人站点后台架构。如图2-1所示。 图…
阅读更多...
一步步构建大型网站架构

一步步构建大型网站架构

之前我简单向大家介绍了各个知名大型网站的架构&#xff0c; MySpace的五个里程碑、 Flickr的架构、 YouTube的架构、 PlentyOfFish的架构、 WikiPedia的架构。这几个都很典型&#xff0c;我们可以从中获取很多有关网站架构方面的知识&#xff0c;看了之后你会发现你原来的想法…
阅读更多...
网站架构之缓存应用

网站架构之缓存应用

这篇来讲如何利用memcached实现一级缓存&#xff0c;以及如何让一级缓存组件支持在企业库&#xff0c;memcached或者其它第三方实施方案之间的切换。memcached本人并没有太多经验&#xff0c;如果文中有说的不对的地方&#xff0c;还希望批评指出&#xff0c;且文中关于memcach…
阅读更多...
大型网站动态应用系统架构

大型网站动态应用系统架构

动态应用&#xff0c;是相对于网站静态内容而言&#xff0c;是指以c/c、php、Java、perl、.net等服务器端语言开发的网络应用软件&#xff0c;比如论坛、网络相册、交友、BLOG等常见应用。动态应用系统通常与数据库系统、缓存系统、分布式存储系统等密不可分。大型动态应用系统…
阅读更多...
揭秘全球最大网站Facebook背后应用的软件

揭秘全球最大网站Facebook背后应用的软件

2010年6月&#xff0c;Google公布全球Top 1000网站。Facebook独占鳌头。 以Facebook现在的经营规模&#xff0c;诸多传统服务器的技术均将崩溃或根本无法支撑。那么面对5亿的活跃用户&#xff0c;Facebook的工程师们又将如何让网站平稳运转呢&#xff1f;这篇文章将展示Faceboo…
阅读更多...
可扩展、高可用、负载均衡网站架构设计方案

可扩展、高可用、负载均衡网站架构设计方案

基本需求: 1、 高可用性&#xff1a;将停止服务时间降低到最低甚至是不间断服务 2、 可扩展性&#xff1a;随着访问的增加&#xff0c;系统具备良好的伸缩能力 3、 可视性&#xff1a;系统、服务的状态处于一个实时的监控之下 4、 高性能高可靠性&#xff1a;经过优化的体…
阅读更多...
（推荐）高并发高流量网站架构详解

（推荐）高并发高流量网站架构详解

Web2.0的兴起&#xff0c;掀起了互联网新一轮的网络创业大潮。以用户为导 向的新网站建设概念&#xff0c;细分了网站功能和用户群&#xff0c;不仅成功的造就了一大批新生的网站&#xff0c;也极大的方便了上网的人们。但Web2.0以用户为导向的理念&#xff0c;使得新 生的网站…
阅读更多...
调查发现女人比男人更喜欢使用社交网站(组图)

调查发现女人比男人更喜欢使用社交网站(组图)

男人更喜欢语音/电话交流 女人比男人更喜欢使用社交网站北京时间 9 月 25 日上午消息&#xff0c;根据市场研究机构 Rebtel 发布的最新调查结果&#xff0c;女人更喜欢通过社交网站与家人、朋友及同事联系&#xff0c;而男人更喜欢用电话与家人、朋友及同事联系。Rebtel 在今年…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023

友情链接： 我的编程经验分享 一条长河网 尧图网站开发 尧图建网站 广利置业