依据Metronic的Bootstrap开发框架经验总结(8)–框架功能一体化界面介绍

于前边介绍了同样名目繁多的《基于Metronic的Bootstrap开发框架经验总结》的随笔文章,随笔主要是介绍各个知识点的情节,对框架的总体性界面没有很好之阐发,本篇随笔主要介绍者Bootstrap框架的总体性功能界面,介绍其中以的知识点和整体性的界面。希望读者对框架来一个一发直观、真实的认了解,界面设计以及相关思路好借鉴提高,也得以本着系的情展开互动探讨,共同提高。

1、《基于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进行快捷支付,实现整体性开发之极端特别频率提高。

框架的整组织如下所示:

图片 1

控制器设计:Bootstrap开发框架沿用了自我之《Winform开发框架》和《基于EasyUI的Web框架》的洋洋架构设计思路以及特征,对Controller进行了包装。使得控制器能够获得充分好的继承关系,并能够以重新少之代码,更高效的开支效率,实现Web项目之开销工作,整个控制器的筹划思路如下所示。

图片 2

权控制:了不起的控制器设计规则,可以吧Web开发框架本身提供了杀好用户访问控制和权力决定,使得用户界面呈现菜单、Web界面的按钮和情节、Action的交付控制,均会当整体权限功能分配与决定之下。

图片 3

代码快速变化:妙的架使无论在作业逻辑层、控制器层、Web界面的UI层,均能够提供联合的代码逻辑,这些代码都会由此代码生成工具Database2Sharp进行转移。Web界面代码可以充分利用代码生成工具Database2Sharp的首届数据信息,实现Web界面的短平快变动。有效削减失误的几乎带领,提高Web界面编码的开发效率以及乐趣,更可以叫商家中间的编码模式展开快捷之联结。

图片 4 

Enterprise
Library代码生成,可以高速转移除界面外的整体性的框架代码,Bootstrap的Web界面代码生成,可以迅速生成基于Metronic的Bootstrap的前端界面代码和后台控制器代码,界面部分包括查询、分页、数据显示、数据导入导出、新增、编辑、查看、删除等基础作用界面,生成后我们得依据此基础及展开简短、快速的修改即可符合实际需要,极大增强我们Web界面的开发效率。

框架布局:以下是自身整体性项目之终究的成效图。

图片 5

【系统菜单栏】的内容,是动态从数据库里得到之菜谱;【系统顶栏】放置有消息显示,以及提供用户对私数据快速处理,如查看个人信息、注销、锁屏等操作内容;内容区一般包括【树列表区】、【条件查询区】和【列表数据及分页】内容,内容区域重要是可视化展示的数码,可以经过培养列表控件、表格控件进行展示,一般数量还有增删改查、以及分页的要,因此用做各种功能的处理。另外,用户之数据,除了查询显示他,还需要来导入、导出等有关操作,这些是常规性的数目处理功能。

食谱的拍卖和显示:一般为管住有利于,菜单分为三级,选中的菜单和别的菜单样式富有区别,菜单可以折叠最小化,效果如下所示。

图片 6 
 图片 7

 

2、《基于Metronic的Bootstrap开发框架》模块界面介绍

2.1 首页图表模块界面

图片 8

2.2 系统顶栏功能

图片 9

 

图片 10

 

2.3 行业动态功能(政策法规、通知公告、动态消息)

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

图片 11

修界面如下所示:

图片 12

查内容界面如下所示:

图片 13

 

2.4 客户信息保管

客户列表界面如下所示:

图片 14

客户信息编辑界面:

图片 15

客户信息导入界面:

图片 16

 

2.5 客户联系人管理

图片 17

客户关系人增长/编辑界面

图片 18

客户沟通人翻界面

图片 19

附件信息界面

图片 20

 

2.6 通讯录管理

报道录列表

图片 21

通讯录编辑界面如下所示。

图片 22

 

2.7 权限管理 

1) 系统用户 列表界面

图片 23

系用户导入界面

图片 24

网用户编辑界面

图片 25

图片 26

图片 27

系统用户之画像上传和编制

图片 28

系用户删除确认对话框。

图片 29

网用户之RDLC报表界面。

图片 30

 

2)机构管理界面

图片 31

组织机构涵盖用户编辑界面

图片 32

 

3)用户角色管理

图片 33

角色可操作功能集聚展示

图片 34

角色可看数权限控制:

图片 35

角色包含机构管理:

图片 36

4)系统机能管理

图片 37

5)系统菜单管理

图片 38

编写菜单信息界面:

图片 39

慎选菜单图标界面:

图片 40

 

6)系统登录日志管理

图片 41

 

7)通用字典管理

图片 42

8)菜单图标管理

图片 43

9)图片相册管理

图片 44

编纂图片界面如下所示:

图片 45

图查看界面

图片 46

 

设产生趣味,可以连续参照多重文章:

依据Metronic的Bootstrap开发框架经验总结(1)-框架总览及菜单模块的拍卖

据悉Metronic的Bootstrap开发框架经验总结(2)–列表分页处理与插件JSTree的动

基于Metronic的Bootstrap开发框架经验总结(3)–下拉列表Select2插件的采取

冲Metronic的Bootstrap开发框架经验总结(4)–Bootstrap图标的取和行使 

基于Metronic的Bootstrap开发框架经验总结(5)–Bootstrap文件上传插件File
Input的行使

据悉Metronic的Bootstrap开发框架经验总结(6)–对话框及提示框的处理和优化

基于Metronic的Bootstrap开发框架经验总结(7)–数据的导入、导出及附件的查阅处理

据悉Metronic的Bootstrap开发框架经验总结(8)–框架功能一体化界面介绍

基于Metronic的Bootstrap开发框架经验总结(9)–实现Web页面内容之打印预览和封存操作

 

相关文章