• [转]很详细的devexpress应用案例


    很详细的devexpress应用案例,留着以后参考。

    注:转载自http://www.evget.com/zh-CN/App/Feature.aspx?AppId=50021

    UPMS(User Permissions Management System)通用用户权限管理系统(以下简称UPMS),是由慧都咨询高级工程师潜心研发的一款通用、灵活、可扩展且支持多系统的开放型用户权限系统。 该系统针对不同应用系统设计,提供用户权限模块的基础框架和通用模型,帮助开发者快速实施和开发出符合不同需求的用户权限管理模块。能够最大程度帮助您降 低开发工作量,节约开发成本。

    1)UPMS通用用户权限系统主界面:

    UPMS通用用户权限系统主界面,devexpress案例

    说明:主界面部分用到了DevExpress中用于页面分割的ASPxSplitter控 件,该控件将页面分成了4个部分:顶部标题、左侧菜单、右侧内容展示区、版权申明。使用该控件可以方便的进行界面布局,不仅如此,还可实现自适应窗口大 小,运行时自由调整各窗口大小的功能。由于UPMS是一个B/S系统,因此自适应浏览器窗口是必要的特性,借助Dev强大的ASPxSplitter控 件,轻松实现了这个功能。

    2)左侧以树形列表形式展示的导航栏菜单:

    左侧导航栏,DevExpress案例,UPMS权限系统

     

     

     

     

     

     

     

     

     

     

     

    说明:左侧导航栏菜单用到了DevExpress的TreeView控件。 UPMS应用系统下的子菜单根据后台数据动态加载,需要根据用户权限判断具体显示哪些子菜单,然后让每个子菜单绑定相应的URL地址以供跳转。之所以选择 TreeView来实现这个功能,是因为其本身自带的功能非常完善,能节省不少开发时间。使用这个控件最终实现了高亮选中节点、节点图标显示、动态或静态 数据绑定、异步刷新、展开折叠菜单项等界面效果。

    3)以网格形式展示的用户管理界面:

    网格控件,UPMS用户管理界面,DevExpress案例

     

     

     

     

     

     

     

     

     

     

    说明:用户管理界面部分实现的功能较多。由于该系统是通用系统,用户属性可以在运行时添加,因此要求Grid可以动 态的绑定数据,可以根据实际数据动态的增加或移除列,可以映射数据字典值,考虑到用户数据可能较大,还需要支持按需加载,即每次只加载一个页面的数据。同 时,Grid需要支持数据行中支持增删改以及多选、数据导出等操作。

    DevExpress的GridView控件完美的实现了以上所有功能。GridView很好的支持了动态生成表格列并绑定数据,支持根据不同的值映射不同的显示文本,还实现了直接导出到Excel和PDF的功能。该页面为了实现按需加载,没有采用Grid自带的分页,而是采用了Dev单独提供的分页控件PageControl结合Grid进行实现。要说明的是,如果用户数据量不大,Grid自带的分页可以完美的实现数据展示。如果数据层采用Dev的XPO,还可使用Grid的SeverMode模式,实现大数据量的快速展示。

    4)使用TreeList控件实现的树形列表界面:

    TreeList控件,UPMS树形列表界面

     

     

     

     

     

     

     

     

     

    5)单击角色名称会弹出编辑框:

    弹出编辑框,DevExpress案例

    说明:该系统中的编辑、查看数据都通过弹出窗口形式进行展示,所以选择用DevExpress的PopupControl。该控件支持模态、非模态的弹窗,可以动态指定显示页面,显示位置,显示时长等。

    6)分页功能:

    分页功能,DevExpress案例

     

     

     

     

     

     

     

     

     

     

     

     

    说明:此界面中需要展示多项信息,如用户详情的基本信息、角色信息、权限信息、用户组信息等,因此选择使用PageControl来进行实现。该控件提供多种显示样式设置,可单独为每个Tab页绑定页面,也可在一个页面中实现。

    7)简洁直观的用户关联界面:

    用户关联界面,DevExpress案例

     

     

     

     

     

     

     

     

     

     

    说明:该系统支持用户与系统的关联设置,提供用户与接入系统间的快速设置。可以自由将选中的用户添加到关联系统下,还可直接移除列表中的关联,整个操作直观快捷,用户可随时查看到关联情况。左侧界面使用了Dev的ListBox控件,右侧是TreeView控件。

    8)以网格和图表进行数据展示的应用系统管理界面:

    图表,DevExpress案例说明:该系统中采用了两种图表对数据进行展示分析,左边以线形图表统计新增用户数,右边以饼图展示各系统用户数。这部分使用的是Dev的WebChart控件,WebChart具有丰富的图表展示类型,包括2D和3D图表,有饼图、点状图、柱状图、线形图等,而且使用方便,生成的图表非常绚丽。

    该系统中使用了大量的Callback以及CallbackPanel控件,以 完成前台与后台的异步数据交互。如上面的图表界面能实时更新图表数据,无需刷新,大大提升了用户体验。要说明的一点是,DevExpress提供了 Callback和CallbackPanel两种异步刷新控件,CallbackPanel不同于Callback的地方 是:CallbackPanel将刷新所包含的区域,而Callback是异步传输数据,不刷新界面。在线体验UPMS通用用户权限系统

  • 相关阅读:
    (14)python函数与变量
    ①③python中的字符串与字符编码
    ①②python文件操作及文件增删改查
    rsa公钥私钥
    MySQL创建数据库和表
    Rsync + Innotify 部署实例
    LNMPT部署示例
    Nginx 调优
    Nginx 二进制方式安装
    wget & curl 命令
  • 原文地址:https://www.cnblogs.com/icebing/p/3291388.html
Copyright © 2020-2023  润新知