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

本文介绍了一个结合ASP.NET MVC与jQuery EasyUI的项目案例。通过使用免费的EasyUI框架,解决了ExtJS许可问题,并实现了丰富的前端交互功能。文章展示了从登录页面到后台管理界面的具体实现细节。

热衷于开源框架探索的我发现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(

转载于:https://www.cnblogs.com/springwind268/p/4100989.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值