51CTO首页
AI.x社区
博客
学堂
精品班
软考社区
免费课
企业培训
鸿蒙开发者社区
WOT技术大会
IT证书
公众号矩阵
移动端
短视频 免费课程 课程排行 直播课 软考学堂
全部课程 厂商认证 IT技术 24年11月软考 PMP项目管理 免费题库
在线学习
文章 资源 问答 课堂 专栏 直播
51CTO
鸿蒙开发者社区
51CTO技术栈
51CTO官微
51CTO学堂
51CTO博客
CTO训练营
鸿蒙开发者社区订阅号
51CTO软考
51CTO学堂APP
51CTO学堂企业版APP
鸿蒙开发者社区视频号
51CTO软考题库
# Bootstrap开发框架

基于Metronic的Bootstrap开发框架经验总结（11）--页面菜单的几种呈现方式

在常规的后台管理系统或者前端界面中，一般都有一个导航菜单提供给用户，方便选择所需的内容。基于Metronic的Bootstrap开发框架，是整合了Metroinc样式，以及Boostrap组件模块的内容，因此菜单的效果自然也是和Bootstrap一脉相承的。基于经常使用的几种菜单样式，本文进行了相关的介绍和展示。

Bootstrap
Web
Metronic
原创 2016-07-22 12:52:24 1409 阅读

基于Metronic的Bootstrap开发框架经验总结（10）--优化Bootstrap图标管理

在基于Bootstrap开发的项目中，鲜艳颜色的按钮，以及丰富的图表是很吸引人的特点，为了将这个特点发挥到极致，可以利用Bootstrap图标抽取到数据库里面，并在界面中进行管理和使用，这样我们可以把这些图标方便应用在各个页面部件上，如菜单模块，按钮界面，表单输入等多个场合进行使用。在前面随笔《基于Metronic的Bootstrap开发框架经验总结（4）--Bootstrap图标的提取和利用》中，我对如何抽取Bootstrap图标，并单独开发一个页面进行图表的管理，本随笔介绍如何在这个基础上进行优化，实现更方便的使用。

Web
Bootstrap
Metronic
原创 2016-07-22 12:46:09 929 阅读

在MVC控制器里面使用dynamic和ExpandoObject，实现数据转义的输出

在很多时候，我们在数据库里面定义表字段和实际在页面中展示的内容，往往是不太匹配的，页面数据可能是多个表数据的综合体，因此除了我们在表设计的时候考虑周到外，还需要考虑数据展现的处理。如果是常规的处理，那么需要对部分外键字段进行特别的转义处理，如果需要增加多一些字段，那么这种处理可能就相对比较麻烦一些。本文介绍如何在MVC控制器里面使用dynamic和ExpandoObject，实现数据转义后一体化的输出，包括增加任意多的字段信息。

Web
Bootstrap
Metronic
原创 2016-07-22 12:26:51 570 阅读

基于Metronic的Bootstrap开发框架经验总结（9）--实现Web页面内容的打印预览和保存操作

在前面介绍了很多篇相关的《Bootstrap开发框架》的系列文章，这些内容基本上覆盖到了我这个Bootstrap框架的各个主要方面的内容，总体来说基本达到了一个稳定的状态，随着时间的推移可以会引入一些更好更新的内容进行完善，本篇继续这个系列，主要介绍如何实现Web页面内容的打印预览和保存操作。

Web
Bootstrap
Metronic
原创 2016-07-22 12:21:51 603 阅读

基于Metronic的Bootstrap开发框架经验总结（8）--框架功能总体界面介绍

在前面介绍了一系列的《基于Metronic的Bootstrap开发框架经验总结》的随笔文章，随笔主要是介绍各个知识点的内容，对框架的总体性界面没有很好的阐述，本篇随笔主要介绍这个Bootstrap框架的总体性功能界面，介绍其中用到的知识点和整体性的界面。希望读者对框架有一个更加直观、真实的认识了解，界面设计以及相关思路可以借鉴提高，也可以对相关的内容进行相互探讨，共同提高。

Web
Bootstra Metronic
原创 2016-07-22 12:13:46 1483 阅读

基于Metronic的Bootstrap开发框架经验总结（7）--数据的导入、导出及附件的查看处理

在很多系统模块里面，我们可能都需要进行一定的数据交换处理，也就是数据的导入或者导出操作，这样的批量处理能给系统用户更好的操作体验，也提高了用户录入数据的效率。我在较早时期的EasyUI的Web框架上，也介绍过通过Excel进行的数据导入导出操作，随笔文章为《基于MVC4+EasyUI的Web开发框架经验总结（10）--在Web界面上实现数据的导入和导出》，本文基于Bootstrap的框架基础上，再对这个模块进行更新处理，以及Office文档或者图片等附件的查看处理。

Web
Bootstrap
Metronic
原创 2016-07-22 12:09:03 479 阅读

基于Metronic的Bootstrap开发框架经验总结（6）--对话框及提示框的处理和优化

在各种Web开发过程中，对话框和提示框的处理是很常见的一种界面处理技术，用得好，可以给用户很好的页面体验，Bootstrap开发也一样，我们往往在页面新增、编辑、查看详细等界面使用弹出对话框层的方式进行显示数据，删除则可能使用一个提示确认框，如果操作成功，我们可以使用更丰富的提示框来处理，本篇主要对比说明在Bootstrap开发中用到的这些技术要点。

Web
Bootstrap
Metronic
原创 2016-07-22 12:02:27 1234 阅读

基于Metronic的Bootstrap开发框架经验总结（5）--Bootstrap文件上传插件File Input的使用

Bootstrap文件上传插件File Input是一个不错的文件上传控件，但是搜索使用到的案例不多，使用的时候，也是一步一个脚印一样摸着石头过河，这个控件在界面呈现上，叫我之前使用过的Uploadify 好看一些，功能也强大些，本文主要基于我自己的框架代码案例，介绍其中文件上传插件File Input的使用。关于Uploadify的控件介绍，可以参考我之前的随笔介绍《基于MVC4+EasyUI的Web开发框架形成之旅--附件上传组件uploadify的使用》。

Web
Bootstrap
Metronic
原创 2016-07-22 11:52:12 1387 阅读

基于Metronic的Bootstrap开发框架经验总结（4）--Bootstrap图标的提取和利用

在前面的一篇随笔《基于Metronic的Bootstrap开发框架经验总结（1）-框架总览及菜单模块的处理》介绍了菜单模块的处理，主要介绍如何动态从数据库里面获取记录并构建菜单列表。其中菜单信息的图标样式，也是从数据库里面获取的，因此要求我们能够动态取得Bootstrap里面的各种图标定义了。本篇主要介绍如何提取Bootstrap的图标信息，存储到数据库里面为我所用。

Web
Bootstrap
Metronic
原创 2016-07-22 11:37:46 549 阅读

基于Metronic的Bootstrap开发框架经验总结（3）--下拉列表Select2插件的使用

在上篇《基于Metronic的Bootstrap开发框架经验总结（2）--列表分页处理和插件JSTree的使用》介绍了数据的分页处理，使用了Bootstrap Paginator插件，另外对树形列表，采用了JSTree插件，本篇继续介绍在编辑页面中常用到的控件Select2，这个控件可以更加丰富传统的Select下拉列表控件，提供更多的功能和更好的用户体验。

Web
Bootstrap
Metronic
原创 2016-07-22 10:55:48 1182 阅读

基于Metronic的Bootstrap开发框架经验总结（2）--列表分页处理和插件JSTree的使用

在上篇《基于Metronic的Bootstrap开发框架经验总结（1）-框架总览及菜单模块的处理》介绍了Bootstrap开发框架的一些基础性概括，包括总体界面效果，以及布局、菜单等内容，本篇继续这一主题，介绍页面内容常用到的数据分页处理，以及Bootstrap插件JSTree的使用。在数据的界面显示当中，表格数据的展示以及分页是非常常见的处理操作，利用Bootstrap的样式布局，以及JQuery的Ajax数据处理，就能很好实现数据的动态展示和分页处理。

Bootstrap
Web
Metronic
原创 2016-07-22 10:41:50 1108 阅读 1收藏

基于Metronic的Bootstrap开发框架经验总结（1）-框架总览及菜单模块的处理

最近一直很多事情，博客停下来好久没写了，整理下思路，把最近研究的基于Metronic的Bootstrap开发框架进行经验的总结出来和大家分享下，同时也记录自己对Bootstrap开发的学习研究的点点滴滴，希望在开一个《基于MVC4+EasyUI的Web开发框架经验总结》的系列文章，逐步介绍这个响应式框架的点点滴滴。

Web
开发框架
Bootstrap
原创 2016-07-22 10:14:32 552 阅读

Copyright © 2005-2024 51CTO.COM 版权所有 京ICP证060544号

关于我们
官方博客 全部文章 热门标签 班级博客
了解我们 网站地图 意见反馈
友情链接
鸿蒙开发者社区 51CTO学堂
51CTO 软考资讯