使用Jquery+EasyUI 进行框架项目开发案例讲解之五
模块（菜单）管理源码分享
在上四篇文章
《使用Jquery+EasyUI进行框架项目开发案例讲解之一---员工管理源码分享》
《使用Jquery+EasyUI 进行框架项目开发案例讲解之二---用户管理源码分享》
《使用Jquery+EasyUI 进行框架项目开发案例讲解之三---角色管理源码分享》
《使用Jquery+EasyUI 进行框架项目开发案例讲解之三---组织机构源码分享》
我们分享了使用Jquery EasyUI来进行ASP.NET项目的开发的相关方法，每一个模块都有其共用性，细细理解与掌握，我相信使用EasyUI进行开发还是相当方便的，每篇文章，我们力求通俗易懂。
接下来我分享“模块（菜单）”模块主要的核心代码，“模块（菜单）”管理模块同样使用了EasyUI的TreeGrid控件，对于EasyUI的TreeGrid控件的具体使用方法可以参见上一篇《使用Jquery+EasyUI 进行框架项目开发案例讲解之三---组织机构源码分享》的说明，或看相关的Easy UI的帮助文件，同时，我们可以看一下如何做模块图标的选择界面，模块（菜单）主界面如下图所示：
一、“模块（菜单）”管理主界面UI的ASPX代码如下：
<%@ Page Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="ModuleAdmin.aspx.cs" Inherits="RDIFramework.WebApp.Modules.ModuleAdmin" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
<div id="toolbar">
<%=base.BuildToolBarButtons()%>
</div>
<table id="navGrid"></table>
<script type="text/javascript" src="../Scripts/Linqjs/linq.min.js"></script>
<script type="text/javascript" src="../Scripts/Linqjs/linq.jquery.js"></script>
<script type="text/javascript" src="../Scripts/Business/ModuleAdmin.js?v=5"></script>
</asp:Content>
二：绑定当前登录用户所拥有的功能按钮列表代码如下：
private bool permissionUserModulePermission = false;
private bool permissionRoleModulePermission = false;
private bool permissionOrganizeModulePermission = false;
private bool permissionModuleConfig = false;
protected void Page_Load(object sender, EventArgs e)
{
if (!Page.IsPostBack)
{
this.GetPermission();
}
}
/// <summary>
/// 获得页面的权限
/// </summary>
private void GetPermission()
{
this.permissionAdd = this.IsAuthorized("ModuleManagement.Add");
this.permissionEdit = this.IsAuthorized("ModuleManagement.Edit");
this.permissionDelete = this.IsAuthorized("ModuleManagement.Delete");
this.permissionExport = this.IsAuthorized("ModuleManagement.Export");
//this.permissionAccredit = this.IsAuthorized("UserManagement.Accredit");
this.permissionUserModulePermission = this.IsAuthorized("ModuleManagement.UserModulePermission");
this.permissionRoleModulePermission = this.IsAuthorized("ModuleManagement.RoleModulePermission");
this.permissionOrganizeModulePermission = this.IsAuthorized("ModuleManagement.OrganizeModulePermission") && SystemInfo.EnableOrganizePermission;
this.permissionModuleConfig = this.IsAuthorized("ModuleManagement.ModuleConfig");
}
/// <summary>
/// 加载工具栏
/// </summary>
/// <returns>工具栏HTML</returns>
public override string BuildToolBarButtons()
{
StringBuilder sb = new StringBuilder();
string linkbtn_template = "<a id=\"a_{0}\" class=\"easyui-linkbutton\" style=\"float:left\" plain=\"true\" href=\"javascript:;\" icon=\"{1}\" {2} title=\"{3}\">{4}</a>";
sb.Append("<a id=\"a_refresh\" class=\"easyui-linkbutton\" style=\"float:left\" plain=\"true\" href=\"javascript:;\" icon=\"icon-reload\" title=\"重新加载\">刷新</a> ");
sb.Append("<div class='datagrid-btn-separator'></div> ");
sb.Append(string.Format(linkbtn_template, "add", "icon-tab_add", permissionAdd ? "" : "disabled=\"True\"", "新增模块（菜单）", "新增"));
sb.Append(string.Format(linkbtn_template, "edit", "icon-tab_edit", permissionEdit ? "" : "disabled=\"True\"", "修改选中的模块（菜单）", "修改"));
sb.Append(string.Format(linkbtn_template, "delete", "icon-tab_delete", permissionDelete ? "" : "disabled=\"True\"", "删除选中的模块（菜单）", "删除"));
sb.Append("<div class='datagrid-btn-separator'></div> ");
//sb.Append(string.Format(linkbtn_template, "move", "icon-shape_move_forwards", permissionMove ? "" : "disabled=\"True\"", "移动选中的模块（菜单）", "移动"));
sb.Append(string.Format(linkbtn_template, "export", "icon-tab_go", permissionExport ? "" : "disabled=\"True\"", "导出模块（菜单）数据", "导出"));
sb.Append("<div class='datagrid-btn-separator'></div> ");
sb.Append(string.Format(linkbtn_template, "setusermodulepermission", "icon-user_key", permissionUserModulePermission ? "" : "disabled=\"True\"", "设置用户的模块（菜单）访问权限", "用户模块权限"));
sb.Append(string.Format(linkbtn_template, "setrolemodulepermission", "icon-group_key", permissionRoleModulePermission ? "" : "disabled=\"True\"", "设置角色的模块（菜单）访问权限", "角色模块权限"));
sb.Append("<div class='datagrid-btn-separator'></div> ");
sb.Append(string.Format(linkbtn_template, "moduleconfig", "icon-table_gear", permissionRoleModulePermission ? "" : "disabled=\"True\"", "设置模块的可用性", "模块配置"));
return sb.ToString();
}
三、绑定模块主wldmTreeGrid 的JS代码如下：
var grid = {
databind: function (winsize) {
navgrid = $('#navGrid').treegrid({
toolbar: '#toolbar',
title: '模块（菜单）列表',
iconCls: 'icon icon-chart_organisation',
width: winsize.width,
height: winsize.height,
nowrap: false,
rownumbers: true,
//animate: true,
resizable: true,
collapsible: false,
url: actionUrl,
idField: 'Id',
treeField: 'FullName',
frozenColumns: [[
{ title: '模块（菜单）名称', field: 'FullName', width: 200 },
{ title: '编码', field: 'Code', width: 130 }
]],
columns: [[
{ title: 'Id', field: 'Id', hidden: true },
{ title: 'ParentId', field: 'ParentId', hidden: true },
{ title: '模块分类', field: 'Category', width: 100 },
{ title: '图标', field: 'IconCss', width: 130, hidden: true },
{ title: 'Web链接地址', field: 'NavigateUrl', width: 200 },
{ title: 'WinForm程序集', field: 'AssemblyName', width: 150 },
{ title: 'WinForm窗体', field: 'FormName', width: 200 },
{
title: '公共', field: 'IsPublic', width: 50, align: 'center', formatter: function (v, d, i) {
return '<img src="http://images.cnblogs.com/' + (v ? "checkmark.gif" : "checknomark.gif") + '" />';
}
},
{ title: '有效', field: 'Enabled', width: 50, align: 'center', formatter: imgcheckbox },
{ title: 'AllowEdit', field: 'AllowEdit', hidden: true },
{ title: 'AllowDelete', field: 'AllowDelete', hidden: true },
{ title: '排序', field: 'SortCode', width: 80 },
{ title: '备注', field: 'Description', width: 500 }
]]
});
},
reload: function () {
navgrid.treegrid('reload');
},
selected: function () {
return navgrid.treegrid('getSelected');
}
};
var imgcheckbox = function (cellvalue, options, rowObject) {
return cellvalue ? '<img src="/css/icon/ok.png" alt="正常" title="正常" />' : '<img src="/css/icon/stop.png" alt="禁用" title="禁用" />';
}
四、添加与模块（菜单）主界面
代码如下：
add: function () {
if ($(this).linkbutton('options').disabled == true) {
return;
}
var addDialog = top.$.hDialog({
href: formUrl, title: '添加模块（菜单）', iconCls: 'icon-tab_add', width: 490, height: 550,
onLoad: function () {
crud.bindCtrl();
crud.bindCategory();
var row = grid.selected();
if (row) {
top.$('#txt_ParentId').combotree('setValue', row.ParentId);
}
},
submit: function () {
if (top.$('#uiform').validate().form()) {
//var param = createParam('add', '0');
var vcategory = top.$('#txt_Category').combobox('getValue');
var vparentid = top.$('#txt_ParentId').combobox('getValue');
var param = 'action=Add&vcategory=' + vcategory + '&vparentid=' + vparentid + '&' + top.$('#uiform').serialize();
$.ajaxjson(actionUrl, param, function (d) {
if (d.Success) {
msg.ok(d.Message);
addDialog.dialog('close');
grid.reload();
} else {
MessageOrRedirect(d);
}
});
}
}
});
},
edit: function () {
if ($(this).linkbutton('options').disabled == true) {
return;
}
var row = grid.selected();
if (row) {
var editDailog = top.$.hDialog({
href: formUrl, title: '修改模块（菜单）', iconCls: 'icon-tab_edit', width: 490, height: 550,
onLoad: function () {
crud.bindCtrl(row.Id);
crud.bindCategory();
top.$('#txt_Code').val(row.Code);
top.$('#txt_FullName').val(row.FullName);
top.$('#txt_Category').combobox('setValue', row.Category);
top.$('#txt_ParentId').combotree('setValue', row.ParentId);
top.$('#txt_NavigateUrl').val(row.NavigateUrl);
top.$('#txt_IconCss').val(row.IconCss);
//top.$('#smallIcon').attr('class', "icon " + row.IconCss);
top.$('#smallIcon').attr('class', row.IconCss);
top.$('#txt_AssemblyName').val(row.AssemblyName);
top.$('#txt_FormName').val(row.FormName);
top.$('#chk_Enabled').attr('checked', row.Enabled == "1");
top.$('#chk_IsPublic').attr('checked', row.IsPublic == "1");
top.$('#chk_Expand').attr('checked', row.Expand == "1");
top.$('#chk_AllowEdit').attr('checked', row.AllowEdit == "1");
top.$('#chk_AllowDelete').attr('checked', row.AllowDelete == "1");
top.$('#txt_Description').val(row.Description);
top.$('#txt_IconUrl').val(row.IconUrl);
},
submit: function () {
if (top.$('#uiform').validate().form()) {
//保存时判断当前节点所选的父节点，不能为当前节点的子节点，这样就乱套了....
var treeParentId = top.$('#txt_ParentId').combotree('tree'); // 得到树对象
var node = treeParentId.tree('getSelected');
if (node) {
var nodeParentId = treeParentId.tree('find', row.Id);
var children = treeParentId.tree('getChildren', nodeParentId.target);
var nodeIds = '';
var isFind = 'false';
for (var index = 0; index < children.length; index++) {
if (children[index].id == node.id) {
isFind = 'true';
break;
}
}
if (isFind == 'true') {
top.$.messager.alert('温馨提示', '请选择父节点元素！', 'warning');
return;
}
}
var vcategory = top.$('#txt_Category').combobox('getValue');
var vparentid = top.$('#txt_ParentId').combobox('getValue');
var query = 'action=Edit&vcategory=' + vcategory + '&vparentid=' + vparentid + '&KeyId=' + row.Id + '&' + top.$('#uiform').serialize();
$.ajaxjson(actionUrl, query, function (d) {
if (d.Success) {
msg.ok(d.Message);
editDailog.dialog('close');
grid.reload();
} else {
MessageOrRedirect(d);
}
});
}
}
});
} else {
msg.warning('请选择要修改菜单!');
return false;
}
return false;
}
在模块（菜单）编辑与新增界面上，我们可以设置模块的图标，设置模块图标如下图所示：
这个是如何实现的呢？
首先准备图标的基页面，截取部分格式如下，保存为一个html文件，如:iconlist.htm：
<ul id="iconlist" style="margin:0px;padding:0px; list-style-type:none;"> <li title="/css/icon/accept.png"><span class="icon icon-accept"></span></li> <li title="/css/icon/add.png"><span class="icon icon-add"></span></li> <li title="/css/icon/advancedsettings.png"><span class="icon icon-advancedsettings"></span></li> <li title="/css/icon/advancedsettings2.png"><span class="icon icon-advancedsettings2"></span></li> <li title="/css/icon/anchor.png"><span class="icon icon-anchor"></span></li> <li title="/css/icon/application.png"><span class="icon icon-application"></span></li> <li title="/css/icon/application_delete.png"><span class="icon icon-application_delete"></span></li> <li title="/css/icon/application_double.png"><span class="icon icon-application_double"></span></li> <li title="/css/icon/application_edit.png"><span class="icon icon-application_edit"></span></li> <li title="/css/icon/application_error.png"><span class="icon icon-application_error"></span></li> <li title="/css/icon/application_form.png"><span class="icon icon-application_form"></span></li> <li title="/css/icon/application_form_add.png"><span class="icon icon-application_form_add"></span></li> <li title="/css/icon/application_form_delete.png"><span class="icon icon-application_form_delete"></span></li> <li title="/css/icon/application_form_edit.png"><span class="icon icon-application_form_edit"></span></li> <li title="/css/icon/application_form_magnify.png"><span class="icon icon-application_form_magnify"></span></li> <li title="/css/icon/application_get.png"><span class="icon icon-application_get"></span></li> <li title="/css/icon/application_go.png"><span class="icon icon-application_go"></span></li> <li title="/css/icon/application_home.png"><span class="icon icon-application_home"></span></li> <li title="/css/icon/application_key.png"><span class="icon icon-application_key"></span></li> <li title="/css/icon/application_lightning.png"><span class="icon icon-application_lightning"></span></li> <ul>
然后在我们的js中调用这个html做相应的处理即可了，js部分代码为：
var showIcon = function () {
top.$('#selecticon').click(function () {
var iconDialog = top.$.hDialog({
iconCls: 'icon-application_view_icons',
href: '/css/iconlist.htm?v=' + Math.random(),
title: '选取图标', width: 800, height: 600, showBtns: false,
onLoad: function () {
top.$('#iconlist li').attr('style', 'float:left;border:1px solid #fff;margin:2px;width:16px;cursor:pointer').click(function () {
//var iconCls = top.$(this).find('span').attr('class').replace('icon ', '');
var iconCls = top.$(this).find('span').attr('class');
top.$('#txt_IconCss').val(iconCls);
top.$('#txt_IconUrl').val(top.$(this).attr('title'));
//top.$('#smallIcon').attr('class', "icon " + iconCls);
top.$('#smallIcon').attr('class', iconCls);
iconDialog.dialog('close');
}).hover(function () {
top.$(this).css({ 'border': '1px solid red' });
}, function () {
top.$(this).css({ 'border': '1px solid #fff' });
});
}
});
});
};
五、用户模块（菜单）权限批量设置
用户模块（菜单）权限功能项用于设置那些用户可以访问那些模块，那些用户不能访问那些模块。用户模块（菜单）权限设置如下图用户模块（菜单）权限集中设置。左侧列出框架的所有有效用户，右侧为模块（菜单）项，选中相应的模块后保存，即可为当前选中用户授予模块的访问权限。
js代码如下：
userModulePermissionBatchSet: function () { //用户模块（菜单）权限批量设置
if ($(this).linkbutton('options').disabled == true) {
return;
}
var userGrid;
var curUserModuleIds = []; //当前所选用户所拥有的模块ID
var setDialog = top.$.hDialog({
title: '用户模块（菜单）权限批量设置',
width: 670, height: 600, iconCls: 'icon-user_key', //cache: false,
href: "Modules/html/PermissionBacthSetForm.htm?n=" + Math.random(),
onLoad: function () {
using('panel', function () {
top.$('#panelTarget').panel({ title: '模块（菜单）', iconCls: 'icon-org', height: $(window).height() - 3 });
});
userGrid = top.$('#leftnav').datagrid({
title: '所有用户',
url: 'Modules/handler/UserAdminHandler.ashx',
nowrap: false, //折行
//fit: true,
rownumbers: true, //行号
striped: true, //隔行变色
idField: 'Id', //主键
singleSelect: true, //单选
frozenColumns: [[]],
columns: [[
{ title: '登录名', field: 'UserName', width: 120, align: 'left' },
{ title: '用户名', field: 'RealName', width: 150, align: 'left' }
]],
onLoadSuccess: function (data) {
top.$('#rightnav').tree({
cascadeCheck: false, //联动选中节点
checkbox: true,
lines: true,
url: 'Modules/handler/ModuleAdminHandler.ashx?action=GetModuleTree',
onSelect: function (node) {
top.$('#rightnav').tree('getChildren', node.target);
}
});
top.$('#leftnav').datagrid('selectRow', 0);
},
onSelect: function (rowIndex, rowData) {
curUserModuleIds = [];
var query = 'action=GetModuleByUserId&userid=' + rowData.Id;
$.ajaxtext('handler/PermissionHandler.ashx', query, function (data) {
var moduelTree = top.$('#rightnav');
moduelTree.tree('uncheckedAll');
if (data == '' || data.toString() == '[object XMLDocument]') {
return;
}
curUserModuleIds = data.split(',');
for (var i = 0; i < curUserModuleIds.length; i++) {
var node = moduelTree.tree('find', curUserModuleIds[i]);
if (node)
moduelTree.tree("check", node.target);
}
});
}
});
},
submit: function () {
var allSelectModuledIds = permissionMgr.getUserSelectedModule().split(',');
var grantModuleIds = '';
var revokeModuleIds = '';
var flagRevoke = 0;
var flagGrant = 0;
while (flagRevoke < curUserModuleIds.length) {
if ($.inArray(curUserModuleIds[flagRevoke], allSelectModuledIds) == -1) {
revokeModuleIds += curUserModuleIds[flagRevoke] + ','; //得到收回的权限列表
}
++flagRevoke;
}
while (flagGrant < allSelectModuledIds.length) {
if ($.inArray(allSelectModuledIds[flagGrant], curUserModuleIds) == -1) {
grantModuleIds += allSelectModuledIds[flagGrant] + ','; //得到授予的权限列表
}
++flagGrant;
}
var query = 'action=SetUserModulePermission&userid=' + top.$('#leftnav').datagrid('getSelected').Id + '&grantIds=' + grantModuleIds + "&revokeIds=" + revokeModuleIds;
$.ajaxjson('handler/PermissionHandler.ashx', query, function (d) {
if (d.Data > 0) {
msg.ok('设置成功！');
}
else {
alert(d.Message);
}
});
}
});
}
六、角色模块（菜单）权限批量设置
角色模块（菜单）操作权限用于设置那些角色拥有那些操作（功能）权限，那些角色不拥有那些操作（功能）权限。如下图所示，左侧列出框架的所有有效角色，右侧为相应的模块（菜单），选中相应的模块（菜单）后保存，即可为当前选中角色授予相应的模块（菜单）可访问的控制。
js部分代码如下：
roleModulePermissionBatchSet: function () { //角色模块（菜单）权限批量设置
if ($(this).linkbutton('options').disabled == true) {
return;
}
var roleGrid;
var curRoleModuleIds = []; //当前所选角色所拥有的模块ID
var setDialog = top.$.hDialog({
title: '角色模块（菜单）权限批量设置',
width: 670, height: 600, iconCls: 'icon-group_key', //cache: false,
href: "Modules/html/PermissionBacthSetForm.htm?n=" + Math.random(),
onLoad: function () {
using('panel', function () {
top.$('#panelTarget').panel({ title: '模块（菜单）', iconCls: 'icon-org', height: $(window).height() - 3 });
});
roleGrid = top.$('#leftnav').datagrid({
title: '所有角色',
url: 'Modules/handler/RoleAdminHandler.ashx?action=getrolelist',
nowrap: false, //折行
//fit: true,
rownumbers: true, //行号
striped: true, //隔行变色
idField: 'Id', //主键
singleSelect: true, //单选
frozenColumns: [[]],
columns: [[
{ title: '角色编码', field: 'Code', width: 120, align: 'left' },
{ title: '角色名称', field: 'RealName', width: 150, align: 'left' }
]],
onLoadSuccess: function (data) {
top.$('#rightnav').tree({
cascadeCheck: false, //联动选中节点
checkbox: true,
lines: true,
url: 'Modules/handler/ModuleAdminHandler.ashx?action=GetModuleTree',
onSelect: function (node) {
top.$('#rightnav').tree('getChildren', node.target);
}
});
top.$('#leftnav').datagrid('selectRow', 0);
},
onSelect: function (rowIndex, rowData) {
curRoleModuleIds = [];
var query = 'action=GetModuleByRoleId&roleid=' + rowData.Id;
$.ajaxtext('handler/PermissionHandler.ashx', query, function (data) {
var moduelTree = top.$('#rightnav');
moduelTree.tree('uncheckedAll');
if (data == '' || data.toString() == '[object XMLDocument]') {
return;
}
curRoleModuleIds = data.split(',');
for (var i = 0; i < curRoleModuleIds.length; i++) {
var node = moduelTree.tree('find', curRoleModuleIds[i]);
if (node)
moduelTree.tree("check", node.target);
}
});
}
});
},
submit: function () {
var allSelectModuledIds = permissionMgr.getUserSelectedModule().split(',');
var grantModuleIds = '';
var revokeModuleIds = '';
var flagRevoke = 0;
var flagGrant = 0;
while (flagRevoke < curRoleModuleIds.length) {
if ($.inArray(curRoleModuleIds[flagRevoke], allSelectModuledIds) == -1) {
revokeModuleIds += curRoleModuleIds[flagRevoke] + ','; //得到收回的权限列表
}
++flagRevoke;
}
while (flagGrant < allSelectModuledIds.length) {
if ($.inArray(allSelectModuledIds[flagGrant], curRoleModuleIds) == -1) {
grantModuleIds += allSelectModuledIds[flagGrant] + ','; //得到授予的权限列表
}
++flagGrant;
}
var query = 'action=SetRoleModulePermission&roleid=' + top.$('#leftnav').datagrid('getSelected').Id + '&grantIds=' + grantModuleIds + "&revokeIds=" + revokeModuleIds;
$.ajaxjson('handler/PermissionHandler.ashx', query, function (d) {
if (d.Data > 0) {
msg.ok('设置成功！');
}
else {
alert(d.Message);
}
});
}
});
}
相关资源分享
1、基于.NET的快速信息化系统开发整合框架 —RDIFramework.NET—系统目录
作者： EricHu 出处： http://blog.csdn.net/chinahuyong Email: 406590790@qq.com QQ 交流：406590790 1：16653241（已满） 群2：237326100 平台博客： 【CSDN】http://blog.csdn.net/chinahuyong 【CNBLOGS】http://www.cnblogs.com/huyong 关于作者：高级工程师、信息系统项目管理师、DBA。专注于微软平台项目架构、管理和企业解决方案，多年项目开发与管理经验，曾多次组织并开发多个大型项目，精通DotNet，DB（SqlServer、Oracle等）技术。熟悉Java、Delhpi及Linux操作系统，有扎实的网络知识。在面向对象、面向服务以及数据库领域有一定的造诣。现从事DB管理与开发、WinForm、WCF、WebService、网页数据抓取以及ASP.NET等项目管理、开发、架构等工作。 如有问题或建议，请多多赐教！ 本文版权归作者和CSDN博客共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，如有问题，可以通过邮箱或QQ 联系我，非常感谢。
相关推荐
使用Jquery+EasyUI进行框架项目开发案例讲解之二用户管理源码分享 在这篇文章中，我们将继续分享使用Jquery+EasyUI进行框架项目开发的案例，重点讲解用户管理模块的开发细节。用户管理模块是整个系统的核心模块之一...
使用Jquery+EasyUI进行框架项目开发案例讲解之二用户管理源码分享 本文将讲解使用Jquery+EasyUI进行框架项目开发的用户管理模块的开发过程。用户管理模块是对可登录系统的用户进行管理的核心模块，主要包括新增用户...
《jQuery+EasyUI开发指南》源码是一份珍贵的学习资源，涵盖了使用jQuery和EasyUI进行Web前端开发的核心技术。这份源码旨在帮助开发者深入理解这两个库的协同工作方式，提升项目开发效率。jQuery是一个轻量级、高性能...
jQuery 和 EasyUI 是两个在 Web 开发中广泛使用的前端框架，它们共同为开发者提供了一种高效、便捷的方式来构建用户界面。jQuery 是一个轻量级的 JavaScript 库，它简化了 DOM 操作、事件处理、动画效果以及 AJAX ...
这个“jQuery+easyui应用框架”是一个基于这两个库的后台管理系统模板，旨在提供一个快速开发、高效且易于理解的基础结构。 **jQuery库** jQuery是一个轻量级的JavaScript库，它极大地简化了DOM操作、事件处理、...
运行环境：VS2010+SQL2008 技术特点：asp.net c# eaysui jquery 功能描述： 登录，修改密码，用户管理，组织结构，权限管理，导航菜单，...针对之前的版本进行了调整，因为是几个项目公用，提前出来的，有一些小的bug
Spring+DWR+ibatis+jQuery+easyUI的框架例子. 完全开放源代码，免费学习与使用。 可以完成基本的后台主界面，报表查询，数据查询，增加，修改等功能。 如果你要做一些报表，后台功能利用这个a框架就可以很方便实现。
《jQuery+EasyUI开发指南宝典》是一本深入解析jQuery与EasyUI结合使用的专业书籍，旨在帮助开发者高效地构建交互式、美观的Web应用程序。jQuery是JavaScript库中的明星，以其简洁的API和强大的功能深受喜爱；而...
jQuery EasyUI 是一个基于 jQuery 的前端框架，它提供了丰富的用户界面组件，如表格、对话框、菜单、按钮等，大大简化了Web应用程序的开发。在"jquery-easyui-1.5完整源码.zip"这个压缩包中，包含了EasyUI 1.5版本的...
此项目是基于ssm（spring+spring mvc+mybatis）框架开发的零食商城系统，前后端分离（含有权限管理，高德地图地位，ECharts图形展示等技术），可当作毕业设计。项目详情请查看功能截图。该系统能够方便满足相关人员...
《jQuery+EasyUI开发指南源码》是一份深入解析jQuery与EasyUI集成应用的实践教程。这份源码集合了丰富的示例和详细解释，旨在帮助开发者更好地理解和掌握这两种技术的结合使用，提升Web应用程序的用户体验和界面设计...
MF00884-JQuery+EasyUI后台管理源码是一个基于JQuery和EasyUI框架构建的后台管理系统。这个项目提供了完整的前端界面和可能的后端接口，旨在帮助开发者快速搭建一套功能齐全的企业级管理平台。下面将详细介绍JQuery...
在"007-ASP.NET MVC5+EasyUI企业开发框架源码"中，我们可以学习到以下关键知识点： 1. **ASP.NET MVC5架构**：理解MVC5的核心组成部分，包括模型（Model）、视图（View）和控制器（Controller）。模型负责业务逻辑...
总结起来，使用jQuery+EasyUI搭建页面可以极大地提高前端开发效率，简化代码，同时提供美观、响应式的用户体验。在"login"和"easy"这两个页面中，jQuery主要负责逻辑处理和动态效果，而EasyUI则专注于界面组件的呈现...
jQuery EasyUI 是一个基于 jQuery 的前端框架，用于快速开发简洁、高效的用户界面。这个框架集成了大量的组件和插件，使得开发者可以轻松构建数据驱动的Web应用程序。版本1.2.4是该框架的一个稳定版本，它提供了丰富...
Struts2+Spring+Hibernate+EasyUI 是一个经典的Java Web开发框架组合，广泛应用于企业级应用的构建。这个管理系统利用这些技术的特性，提供了一种高效、稳定且易于维护的解决方案。 **Struts2** 是一个强大的MVC...
以前不知道哪里找到的一个系统，感觉很不错，使用文档，数据库文件，项目截图全都包括，后台使用Servlet+Jsp，前台用的H-ui+EasyUI+jQuery，很适合新手入门的学习，特别是代码里面许许多多的注释，让我受益匪浅，...
**jQuery+EasyUI实例源码详解** 在Web开发中，jQuery和EasyUI是两种非常流行的JavaScript库，它们共同为开发者提供了高效、简洁的用户界面构建工具。本实例源码主要展示了如何利用jQuery与EasyUI来实现一个基础的...
ASP.NET MVC5+EasyUI企业开发框架源码是一款基于微软的ASP.NET MVC5技术和EasyUI前端框架构建的企业级应用开发框架。此框架旨在提供高效、稳定且易于维护的解决方案，适用于开发复杂的Web应用程序。下面将详细阐述这...
EasyUI是基于jQuery的一个前端开发框架，它提供了一系列的UI组件，如表格、表单、按钮、对话框、菜单等，帮助开发者快速构建美观且功能丰富的Web应用界面。EasyUI提供了丰富的主题，可以方便地改变应用的外观，并且...