使用JqueryEasyUI进行框架项目开发案例讲解之一用户管理源码分享

《使用JqueryEasyUI进行框架项目开发案例讲解之一用户管理源码分享》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、在开始讲解之前，我们先来看一下什么是JqueryEasyUI?jQueryEasyUI是一组基于jQuery的UI插件集合，而jQueryEasyUI的冃标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript,也不需要对css样式有深入的了解，开发者需要了解的只有一些简单的html标签ojQueryEasyUI为我们提供了大多数UI控件的使用，如:accordion,combobox,menu,dialog,tabs,validatebox,datagrid,window,tree等等ojQueryEasyUI是基于JQuery的一个前

2、台ui界面的插件，功能相对没extjs强大，但页面也是相当好看的。一些功能也足够开发者使用，相对于extjs更轻量。相对ExtJs,我更喜欢EasyUI,即是没有的功能，我们也可以使用其他替代的UI界面组件代替。员工（职员）管理主要是对集团、企事业内部员工进行管理。在4.5章节可以看到有一个用户管理，这两者有什么关系呢？员工包含当前企事业单位的所有职员（如保安、保洁员等），这些员工不一定都需要登录到系统屮做相应的业务操作，而用户则是可以登录到系统中进行操作的系统使用者。如果某个职员也可以进行登录，那么我们可以不必耍再为其加一条用户信息，可以直接做个映射即可把当前员工（职员）映射为用户。员

3、工（职员）管理包括员工的新增、编辑、删除、离职处理、导出、导入员工信息等操作。在框架主界面导航区选择''员工管理〃进入员工管理主界而，如下图所示：Firefox▼:.©.NET趣信息化慈开发®g(RDIFr…x+RDIFramework.NETMT.NET的快速信息化系统开发.整合框架.Rapidinformationsystemframeworkbasedon.NET欢迎使用员工管埋员工営理用户官理Sk鬲色管理「组织机枸管理橫块管理：用户权顒管理r角色权備管理曰曰华思科技日臼上海分公司回总裁办公室回仁J质里管理本部匡1质輕谨即国工程管連部•眉质重榆则部曰日系统开发部園第一事业部過第二事

4、业祁第三事业祁回第四事业即[£技术开发部曰曰管理本部-®部务管理部二[£财务部日日廉那分公司曰信息中心□信息技术开发部[£数16采集组•圉公告组■E基金俵券组护刷新蚌添加2愀嗨剧除爭*编号姓名性别1gangli李剛2huzh艇华男3agw艾国文4yonglei雷勇5yiyang杨怡男6shice鬼7cdx陈大贤8eg9chenp10chenxy陈阿11chi■陈每芳12chy13cj14cjw陈善文15clh陈礼和16cmy陈孟云i7■■,"7总员工管理员工（职员〉列表oric.NET(.NE"!系统82蛊RDIFra可以看到，整个界面除了左侧的导航区，右边的工作区分为两部分，树型组织机

5、构导航与员工的列表展示。功能分为添加、修改删除等。下面我们來看下如何实现上面的功能。首先是员工管理的UI界面aspx代码如下:<%@PageLanguage=nC#"MasterPageFi1e="-/Site.MasterHAutoEventWireup=''tme”CodeBehind="StaffAdmin.aspx.cs"Inherits="RDIFramework.WebApp.Modules.StaffAdmin"%>

6、ext/cssn>div#navigation{background:white}div#wrapper{float:right;width:l00%;margin-left:-l85px}div#content!margin-left:185px}div#navigation{float:left;width:180px}

7、west"iconCls=,,icon-chart_organisation"split=,,true"title二"组织机构”style="width:220px;padding:5px”collapsible="falsen>