bootstrap图表绑定(讲解bootstrap页面设计)
基于metronic的bootstrap开发框架源码
1.采用最新最炫的bootstrap响应式框架技术
整个基于metronic的bootstrap开发框架,界面部分采用较新的bootstrap技术,采用当前最新的bootstrap3.x,集成了众多功能强大的bootstrap插件。
bootstrap是一个前端的技术框架,很多平台都可以采用,java/php/.net都可以用来做前端界面,整合jquery可以实现非常丰富的界面效果,目前也有很多bootstrap的插件能够提供给大家使用,本框架集合了众多最为优秀的插件,能给我们web的用户体验提升到一个前所未有的水平。
metronic是一个国外的基于html、js等技术的bootstrap开发框架整合,整合了很多bootstrap的前端技术和插件的使用,是一个非常不错的技术框架。本框架以这个为基础,结合我对mvc的web框架的研究,整合了基于mvc的bootstrap开发框架,使之能够符合实际项目的结构需要。
框架后台采用基于c#的mvc技术,是目前.net开发最为成熟流行的技术,框架后台数据库支持oracle、sqlserver、mysql、sqlite、access等常规数据库,可通过配置进行*切换,使用enterprise library模块进行数据访问的控制,使得数据访问更方便轻松。
整体框架开发采用visual studuio 2013以及页面编辑工具sublime text结合开发,页面以及后台代码,通过代码生成工具database2sharp进行快速开发,实现整体性开发的最大效率提高。
想了解的,可以私信我。
框架的总体结构如下所示:
2.控制器设计:bootstrap开发框架沿用了我的《winform开发框架》和《基于easyui的web框架》的很多架构设计思路和特点,对controller进行了封装。使得控制器能够获得很好的继承关系,并能以更少的代码,更高效的开发效率,实现web项目的开发工作,整个控制器的设计思路如下所示。
3.权限控制:良好的控制器设计规则,可以为web开发框架本身提供了很好用户访问控制和权限控制,使得用户界面呈现菜单、web界面的按钮和内容、action的提交控制,均能在总体权限功能分配和控制之下。
4.代码快速生成:良好的架构使得无论在业务逻辑层、控制器层、web界面的ui层,均能提供统一的代码逻辑,这些代码均能通过代码生成工具database2sharp进行生成。web界面代码可以充分利用代码生成工具database2sharp的元数据信息,实现web界面的快速生成。有效减少出错的几率,提高web界面编码的开发效率和乐趣,更可以使得企业内部的编码模式进行高效的统一。想了解的,可以私信我。
enterprise library代码生成,可以快速生成除界面外的整体性的框架代码,bootstrap的web界面代码生成,可以快速生成基于metronic的bootstrap的前端界面代码和后台控制器代码,界面部分包括查询、分页、数据展示、数据导入导出、新增、编辑、查看、删除等基础功能界面,生成后我们可以基于这个基础上进行简单、快速的修改即可符合实际需要,极大提高我们web界面的开发效率。
5.框架布局:以下是我整体性项目的总的效果图。
【系统菜单栏】的内容,是动态从数据库里面获取的菜单;【系统顶栏】放置一些信息展示,以及提供用户对个人数据快速处理,如查看个人信息、注销、锁屏等操作内容;内容区一般包括【树列表区】、【条件查询区】和【列表数据及分页】内容,内容区域主要是可视化展示的数据,可以通过树列表控件、表格控件进行展示,一般数据还有增删改查、以及分页的需要,因此需要整合各种功能的处理。另外,用户的数据,除了查询展示外,还需要有导入、导出等相关操作,这些是常规性的数据处理功能。
菜单的处理和展示:一般为了管理方便,菜单分为三级,选中的菜单和别的菜单样式有所区分,菜单可以折叠最小化,效果如下所示。想了解的,可以私信我。
2、《基于metronic的bootstrap开发框架》模块界面介绍
2.1 首页图表模块界面
2.2 系统顶栏功能
2.3 行业动态功能(政策法规、通知公告、动态信息)
政策法规/通知公告/动态信息 列表界面
编辑界面
查看内容界面
2.4 客户信息管理
客户信息编辑界面:
2.5 客户联系人管理
2.6 通讯录管理
2.7 权限管理
2)机构管理界面
系统菜单管理
工作流主页视图
在工作流模块中,我们可以把一些待办或者已办的事项放在首页里面,方便登陆后直接可以参考最新的一些信息
特点:
1、集成用户管理、角色管理、机构管理、功能管理、权限分配等基本权限管理功能,可实现分级管理用户及部门信息,以及对用户的功能及数据权限进行控制管理。
2、集成通用字典管理模块,集成全国省、市、区数据管理等内容,方便对字典大类及对应字典项目数据的管理。
3、集成菜单权限控制及全局菜单的显示及禁用,实现从bootstrap图标的提取处理,以及菜单和图标的动态配置管理。
4、实现客户信息管理、联系人信息管理、通讯录管理、行业动态信息管理、图库管理等常规性的模块内容,方便参考学习、重用和二次开发。
5、系统模块实现树列表展示、数据分页管理、数据上传、数据导入导出、图标管理、统计图表分析等基础性内容支持。
6、提供审批工作流管理模块,弹性化流程设置,以及丰富的工作流案例让我们开发流程管理模块更加方便,使用代码生成工具可以快速生成对应页面文件和控制器代码,极大提高效率。
7、提供excel文档上传操作和展示附件信息功能,集成excel文档导入对应表单数据和导出excel数据功能,支持大数据的导入操作。
8、提供office文档的本地预览和基于互联网的预览操作,支持word/excel/ppt等文档内容的预览,让你系统使用更方便。
9、整个框架基于metronic的bootstrap开发技术,界面部分采用较新的bootstrap技术,采用当前最新的bootstrap3.x,集成了众多功能强大的bootstrap插件。
10、框架后台采用基于c#的mvc技术,是目前.net开发最为成熟流行的技术,框架后台提供底层多种数据库的支持,支持sqlserver、oracle、mysql、sqlite、access等数据库扩展,业务适应性更强。
11、框架开发采用visual studuio 2013以及页面编辑工具sublime text结合开发,页面以及后台代码,通过代码生成工具database2sharp进行快速开发,实现整体性开发的最大效率提高。