依据Metronic的Bootstrap开发框架经验总括(八)–框架作用完全界面介绍

在前方介绍了一各样的《基于Metronic的Bootstrap开发框架经验计算》的小说作品,随笔首假若介绍各类知识点的内容,对框架的总体性界面未有很好的演讲,本篇小说重要介绍这几个Bootstrap框架的总体性成效界面,介绍个中使用的知识点和全部性的界面。希望读者对框架有七个越来越直观、真实的认识精晓,界面设计以及有关思路能够借鉴升高,也足以对相关的内容举办相互研商,共同提升。

壹、《基于Metronic的Bootstrap开发框架》技术特点

1)选取最新最炫的Bootstrap响应式框架技术

方方面面基于Metronic的Bootstrap开发框架,界面部分行使较新的Bootstrap技术,选用当下风靡的Bootstrap三.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 20一叁以及页面编辑工具Sublime
Text结合开发,页面以及后台代码,通过代码生成工具Database二Sharp进行高效支付,实现全部性开发的最大频率拉长。

框架的完全布局如下所示:

PHP 1

控制器设计:Bootstrap开发框架沿用了自小编的《Winform开发框架》和《基于EasyUI的Web框架》的大队人马架构划设想计思路和特征,对Controller进行了包装。使得控制器能够拿走很好的三番4回关系,并能以更加少的代码,更飞快的支付功用,达成Web项指标支出工作,整个控制器的筹划思路如下所示。

PHP 2

权力决定:精美的控制器设计规则,能够为Web开发框架本身提供了很好用户访问控制和权限决定,使得用户界面呈现菜单、Web界面包车型地铁按钮和情节、Action的交由控制,均能在完整权限作用分配和控制之下。

PHP 3

代码神速转移:优异的架构使得无论在工作逻辑层、控制器层、Web界面包车型大巴UI层,均能提供联合的代码逻辑,这几个代码均能透过代码生成工具Database2Sharp进行转变。Web界面代码能够充足利用代码生成工具Database二Sharp的元数据新闻,已毕Web界面包车型客车便捷变化。有效削减失误的概率,进步Web界面编码的开发功用和意趣,更能够使得商行中间的编码方式展开快速的联结。

PHP 4 

Enterprise
Library代码生成,能够高速转移除界面外的全体性的框架代码,Bootstrap的Web界面代码生成,能够迅快速生成成基于Metronic的Bootstrap的前端界面代码和后台控制器代码,界面部分包涵查询、分页、数据体现、数据导入导出、新增、编辑、查看、删除等基础意义界面,生成后大家能够依照这些基础上举行不难、神速的改动即可符合实际必要,非常大提升我们Web界面包车型地铁付出功用。

框架布局:以下是自己全部性项指标总的效果图。

PHP 5

【系统菜单栏】的剧情,是动态从数据Curry面获得的食谱;【系统顶栏】放置一些新闻显示,以及提供用户对民用数据快捷处理,如查看个人音信、注销、锁屏等操作内容;内容区一般包含【树列表区】、【条件查询区】和【列表数据及分页】内容,内容区域首借使可视化体现的数目,能够透过树列表控件、表格控件实行浮现,1般数量还有增加和删除改查、以及分页的需求,由此要求结合各样功效的处理。此外,用户的多少,除了查询突显外,还亟需有导入、导出等皮之不存毛将焉附操作,那些是常规性的数据处理效果。

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

PHP 6 
 PHP 7

 

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

2.一 首页图表模块界面

PHP 8

二.二 系统顶栏功能

PHP 9

 

PHP 10

 

二.叁 行业动态功效(政策法规、公告公告、动态新闻)

政策法规/公告公告/动态消息 列表界面

PHP 11

编辑界面如下所示:

PHP 12

查阅内容界面如下所示:

PHP 13

 

2.4 客户音信保管

客户列表界面如下所示:

PHP 14

客户音讯编辑界面:

PHP 15

客户消息导入界面:

PHP 16

 

2.5 客户联系人管理

PHP 17

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

PHP 18

客户联系人查看界面

PHP 19

附属类小部件音讯界面

PHP 20

 

2.6 通信录管理

报导录列表

PHP 21

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

PHP 22

 

2.柒 权限管理 

一) 系统用户 列表界面

PHP 23

系统用户导入界面

PHP 24

系统用户编辑界面

PHP 25

PHP 26

PHP 27

系统用户的写真上传和编排

PHP 28

系统用户删除确认对话框。

PHP 29

系统用户的本田CR-VDLC报表界面。

PHP 30

 

2)机构管理界面

PHP 31

团组织部门涵盖用户编辑界面

PHP 32

 

3)用户剧中人物管理

PHP 33

剧中人物可操作功能汇聚体现

PHP 34

剧中人物可访问数据权限控制:

PHP 35

剧中人物包涵机构管理:

PHP 36

④)系统机能管理

PHP 37

伍)系统菜单管理

PHP 38

编排菜单新闻界面:

PHP 39

慎选菜单图标界面:

PHP 40

 

陆)系统登录日志管理

PHP 41

 

7)通用字典管理

PHP 42

8)菜单图标管理

PHP 43

九)图片相册管理

PHP 44

编辑图片界面如下所示:

PHP 45

图形查看界面

PHP 46

 

假定有趣味,能够持续参照多重作品:

基于Metronic的Bootstrap开发框架经验计算(一)-框架总览及菜单模块的处理

基于Metronic的Bootstrap开发框架经验总括(二)–列表分页处理和插件JSTree的选取

依照Metronic的Bootstrap开发框架经验总括(三)–下拉列表Select二插件的行使

依照Metronic的Bootstrap开发框架经验总计(4)–Bootstrap图标的领到和利用 

依据Metronic的Bootstrap开发框架经验总计(5)–Bootstrap文件上传插件File
Input的运用

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

PHP,依照Metronic的Bootstrap开发框架经验总结(7)–数据的导入、导出及附属类小部件的查看处理

依照Metronic的Bootstrap开发框架经验总结(捌)–框架功用一体化界面介绍

据他们说Metronic的Bootstrap开发框架经验计算(九)–完结Web页面内容的打字与印刷预览和保存操作

 

相关文章