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

时间:2022-12-11 08:20:55

技术特点:整个Web开发框架,界面部分采用较新的技术,包括MVC4,最新版本的EasyUI,以及zTree树形控件、Uploadify文件上传组件等模块,另外还结合了打印模块LODOP进行页面打印、文件Word或者Excel导出操作等,数据支持Oracle、SqlServer、MySql、Sqlite、Access等常规数据库,可通过配置进行*切换,使用Enterprise Library模块进行数据访问的控制,使得数据访问更方便轻松。

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

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

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

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

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

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

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

一、登陆及主界面

1、登陆界面

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

2、框架主体界面

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

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

二、行业动态管理

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

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

2、修改内容界面

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

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

3、查看详细信息

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

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

4、打印界面

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

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

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

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

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

二、系统管理

1、用户管理

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

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

2、组织结构管理

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

3、角色管理

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

4、功能管理

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

5、菜单管理

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

添加菜单界面如下所示。

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

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

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

6、登陆日志

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

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

7、字典管理

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

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

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

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

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

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

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

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

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

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

非常感谢http://www.cnblogs.com/wuhuacong/p/3344096.html