基于MVC+EasyUI的Web开发框架形成之旅--框架总体界面介绍

在前面介绍了一些关于最新基于MVC4+EasyUI的Web开发框架文章,虽然Web开发框架的相关技术文章会随着技术的探讨一直写下去,不过这个系列的文章,到这里做一个总结,展示一下整体基于MVC4+EasyUI的界面效果,让大家对这款Web开发框架有一个形象的了解,界面设计以及相关思路可以借鉴提高,也可以对相关的内容进行相互探讨,共同提高。
技术特点:整个Web开发框架,界面部分采用较新的技术,包括MVC4,最新版本的EasyUI,以及zTree树形控件、Uploadify文件上传组件等模块,另外还结合了打印模块LODOP进行页面打印、文件Word或者Excel导出操作等,数据支持Oracle、SqlServer、MySql、Sqlite、Access等常规数据库,可通过配置进行自由切换,使用Enterprise Library模块进行数据访问的控制,使得数据访问更方便轻松。


控制器设计:Web开发框架沿用了我的《Winform开发框架》的很多架构设计思路和特点,对Controller进行了封装。使得控制器能够获得很好的继承关系,并能以更少的代码,更高效的开发效率,实现Web项目的开发工作,整个控制器的设计思路如下所示。

权限控制:良好的控制器设计规则,可以为Web开发框架本身提供了很好用户访问控制和权限控制,使得用户界面呈现菜单、Web界面的按钮和内容、Action的提交控制,均能在总体权限功能分配和控制之下。

代码快速生成:良好的架构使得无论在业务逻辑层、控制器层、Web界面的UI层,均能提供统一的代码逻辑,这些代码均能通过代码生成工具Database2Sharp进行生成。Web界面代码可以充分利用代码生成工具Database2Sharp的元数据信息,实现Web界面的快速生成。有效减少出错的几率,提高Web界面编码的开发效率和乐趣,更可以使得企业内部的编码模式进行高效的统一。

一、登陆及主界面

1、登陆界面

2、框架主体界面


图标样式生成管理



二、行业动态管理

1、政策法规/通知公告/动态信息 列表界面

2、修改内容界面

通知公告的内容编辑界面如下所示。


3、查看详细信息

通知公告的查看详细信息界面如下所示。


4、打印界面

通知公告内容的打印预览界面如下所示,该模块继承了打印控件,因此预览效果非常美观。


5、文件导出到Word或者Excel操作

通知公告可以导出Excel或者Word文件,在MVC控制器端使用aspose.word和aspose.excel控件,使得导出的内容更加美观规范。


二、系统管理

1、用户管理


用户分类,可以根据组织结构进行划分,也可以根据角色进行划分,方便查找。



用户信息编辑界面如下所示,包括了用户基础信息和用户可操作功能,可以查看编辑用户的基础信息,也可以查看该用户具有哪些功能。



查看用户可操作功能,是查看该用户包含角色具有的所有功能集合,这里只能进行查看,如果需要调整用户可操作的功能,可在角色管理模块进行权限分配。

修改用户密码界面如下所示:

2、组织结构管理

为了方便管理,组织机构是以一个树形结构的方式进行展现,组织机构以公司层级进行划分以便实现组织机构的分级管理,每个公司的管理员,只能管理自己公司内部的组织机构关系。
双击任何一个组织机构节点,可以展开机构的详细信息,以及机构的相关信息:包含用户和所属角色。这样可以为组织机构的对应用户,分配具有特定角色,包含人员也就快速具有了对应角色的一切权限。


3、角色管理

角色也是根据公司层级进行分级管理的,一个公司内部,角色名称不能重复。角色管理,包括管理角色的基础信息,角色的可操作功能(功能权限)和可访问数据 (数据权限),并通过制定用户或者机构方式,最终实现用户权限的控制。
角色的权限是分级管理的,超级管理员管理所有的角色功能,具有最大的权限集合,可分配不同公司的管理员权限集合;公司所属的管理员,只具有由超级管理员分配的权限。



角色的可操作功能(功能权限),可以在该角色具有的全部权限上分配功能权限。



可访问数据 (数据权限),是通过绑定角色和组织机构关系,从而实现角色数据权限的控制,业务系统在开发过程中进行整合即可有效控制用户的数据权限。

4、功能管理


为了方便一次性添加多个功能单元,可以通过“批量添加”操作进行功能的批量添加,批量添加界面如下所示。


5、菜单管理


添加菜单界面如下所示。



查看菜单详细信息界面如下所示。


6、登陆日志


7、字典管理

字典管理包括了字典类别的管理和字典数据的管理,通过在界面中集成树控件,单击任何一个节点,均能进行类别字典数据的刷新,然后在右边进行展示,界面如下所示。



在字典类别中添加,弹出一个对话框,并以当前的字典类别作为父类节点,界面如下所示。



修改字典数据的界面如下所示。

查看字典数据的界面如下所示。



除了单项字典数据的添加,有时候,批量添加字典数据也是很方便、很重要的,因此提供了一个批量字典数据录入的界面,如下所示。

城市省份管理

8、图表管理

统计图表是很多应用程序需要拥有的功能,为了更好展示图表的使用操作,框架提供了多种样式的图表演示。




以上就是整个Web框架的部分界面截图,在Web开发过程中,往往会碰到不少细节上的问题,需要搜索很多相关文章进行解决,界面的美观性也进行了特别的完善,力求能够直接使用在具体的项目工程中,而不需要过多的进行处理。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 212,185评论 6 493
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,445评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 157,684评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,564评论 1 284
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,681评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,874评论 1 290
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,025评论 3 408
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,761评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,217评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,545评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,694评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,351评论 4 332
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,988评论 3 315
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,778评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,007评论 1 266
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,427评论 2 360
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,580评论 2 349

推荐阅读更多精彩内容