首页 > 代码库 > [转]开源框架完美组合之Spring.NET + NHibernate + ASP.NET MVC + jQuery + easyUI 中英文双语言小型企业网站Demo
[转]开源框架完美组合之Spring.NET + NHibernate + ASP.NET MVC + jQuery + easyUI 中英文双语言小型企业网站Demo
热衷于开源框架探索的我发现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=http://www.mamicode.com/‘/" + 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‘
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=http://www.mamicode.com/‘/" + 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‘