bootstrap使用

bootstrap使用相关知识

• bootstrap使用有感--实现扁平化的显示效果

  bootstrap 前台框架主要的效果是实现扁平化显示，首先框架的引用非常简单，只要把相应的js文件引入就可以；然后，对于一个网站来说，分很多部分，bootstrap都有相应的类来使用，比如导航条，轮播图，栅格系统，进度条等其他类，因为使用简单，只要在div中放入所需的类就可以，所以上手特别快，但是也有一个问题，那就是如果想要很好的很熟练的引用，在自己的记忆中一定要有这个类才行，所以还需要加以记忆。不过，最重要的就是不要忘了找相应的bootstrap文档，不管是中文or英文的，都是非常好的
• Flask学习笔记④---Flask-Bootstrap的使用

  安装要想在程序中集成 Bootstrap， 显然要对模板做所有必要的改动。不过，更简单的方法是使用一个名为 Flask-Bootstrap 的 Flask 扩 展，简化集成的过程。 Flask-Bootstrap 使用 pip安装：pip install flask-bootstrap在之后的Python程序中使用bootstrap的时候，也需要导入和初始化，使用如下的代码：from flask.ext.bootstrap import Bootstrap bootstrap = Bootstrap(app)Flask-Bootstrap 需要从 flask.ext 命名空间中导入，然后把程序实例传入构造方法进行初始化。初始化 Flask-Bootstrap 之后，就可以在程序中使用一个包含所有 Bootstrap 文件的基模板。这个模板利用 Jinja2 的模板继承机制，让程序扩展一个具有基本页面结构的基模板，其中就有用来引入 Bootstrap 的元素。举个栗子改写上一节中的user.html。{% e
• 简要介绍Bootstrap，以及如何下载、使用

  下载BootstrapBootstrap提供了几种可以帮你快速上手的方式，每种方式针对具有不同技能等级的开发者和不同的使用场景。继续阅读下面的内容，看看哪种方式适合你的需求吧。编译后的CSS、JS和字体文件获取Bootstrap最快速的方式就是下载经过编译和压缩的CSS、JavaScript文件，另外还包含字体文件。但是不包含文档和源码文件。额外的下载渠道下载源码      从GitHub可以直接下载到Bootstrap最新版本的LESS和JavaScript源码。Clone or fork via GitHub      访问我们的Github源码库，你可以克隆整个项目，或者fork整个项目到你自己的账号。通过Bower工具安装通过Bower可以安装并管理Bootstrap的样式、JavaScript文件和文档。bash$ bower install bootstrap使用Bootstrap中文网提供的CDN加速服务Bootstrap中文网为Bo
• 在Bootstrap开发框架中使用bootstrap-datepicker插件

  使用这个插件，和其他插件使用类似，只需要引入对应的JS文件和CSS样式即可，如下是该插件的引用文件。<script src="/js/bootstrap-datepicker.js"></script><script src="/css/bootstrap-datepicker3.min.css"></script>如果需要使用本地语言，引入语言文件即可。<script src="/locales/bootstrap-datepicker.zh-CN.js"></script>插件的文件目录如下所示image插件的使用界面效果如下所示image我们在MVC框架中，使用插件的时候，往往是把对应的CSS和JS，通过打包的方式进行引入，如在C#代码里面BundleConfig.cs的代码如下所示CSS文件引入如下代码所示imageJS文件类似，如下所示。

bootstrap使用相关课程

• 玩转Bootstrap（基础） 本Bootstrap教程能够让您了解到，Bootstrap框架是一个非常受欢迎的前端开发框架，他能让后端程序员和不懂设计的前端人员制作出优美的Web页面或Web应用程序。在这个Bootstrap教程中，将带领大家了解Bootstrap框架以及如何使用Bootstrap框架，通过本教程学习能够独立定制出适合自己的Bootstrap。

  讲师：大漠 初级 312355人正在学习

• 玩转Bootstrap（JS插件篇） 你可以把这门课程看成是《玩转Bootstrap》的补充篇，带领大家学习怎么使用JS自由控制Bootstrap中提供的组件（插件）。

  讲师：大漠 中级 127941人正在学习

• 认识响应式布局 随着移动设备的普及，如何让用户通过移动设备浏览您的网站获得良好的视觉效果，已经是一个不可避免的问题了。本课程介绍了响应式布局，并通过使用Bootstrap前端框架讲解如何进行响应式布局的设计，理论联系实际，有例有据有节操有内涵。

  讲师：远人 中级 131657人正在学习

bootstrap使用相关教程

• 3. 启动（Bootstrap）类加载器 定义：启动（Bootstrap）类加载器也称为引导类加载器，该加载器是用本地代码实现的类加载器，它所加载的类库绝大多数都是出自 %JAVA_HOME%/lib 下面的核心类库，当然还有其他少部分所需类库。由于引导类加载器涉及到虚拟机本地实现细节，开发者无法直接获取到启动类加载器的引用，所以不允许直接通过引用进行操作。Tips：从上述定义的描述中，我们可以看到一个特别需要关注的点：启动类加载器加载的绝对大多数是 %JAVA_HOME%/lib 下边的核心类库。这句话完完全全的体现出了启动（Bootstrap）类加载器存在的意义。对于其他少部分核心类的加载，我们在代码验证过程中来讲解。接下来，让我们通过示例代码进行下验证。示例：通过编写一个 main 函数，打印出通过启动（Bootstrap）类加载器加载的所有的类库信息，以证实启动（Bootstrap）类加载器加载的是 %JAVA_HOME%/lib 下边的核心类库。Tips：注意下 main 函数代码的第二行代码 URL[] urls = sun.misc.Launcher.getBootstrapClassPath().getURLs(); 这是通过 sun 公司提供的 Launcher 包获取 Bootstrap 类加载器下 ClassPath 下的所有的 URL。import java.net.URL;public class LoaderDemo { public static void main(String[] args) { System.out.println("BootstrapClassLoader 的加载路径: "); URL[] urls = sun.misc.Launcher.getBootstrapClassPath().getURLs(); for(URL url : urls) System.out.println(url); }}结果验证：运行 main 函数。Tips：此处运行结果所打印的类库的绝对路径为本人本机的安装路径，学习者应按照自己真实的JDK安装路径以及版本对号入座，此处仅为示例。BootstrapClassLoader 的加载路径: file:/D:/Programs/Java/jdk1.8.0_111/jre/lib/resources.jarfile:/D:/Programs/Java/jdk1.8.0_111/jre/lib/rt.jarfile:/D:/Programs/Java/jdk1.8.0_111/jre/lib/sunrsasign.jarfile:/D:/Programs/Java/jdk1.8.0_111/jre/lib/jsse.jarfile:/D:/Programs/Java/jdk1.8.0_111/jre/lib/jce.jarfile:/D:/Programs/Java/jdk1.8.0_111/jre/lib/charsets.jarfile:/D:/Programs/Java/jdk1.8.0_111/jre/lib/jfr.jarfile:/D:/Programs/Java/jdk1.8.0_111/jre/classes结果解析：我们可以看到，运行结果中的前 7 个类库（不同的JDK版本会有差异，此处我们讨论的是JDK 1.8版本），都是出自lib下的核心类库。但是对于最后一条加载信息却不是 lib 下的类库。我们仔细看下最后这条信息的加载 file:/D:/Programs/Java/jdk1.8.0_111/jre/classes。这就是前文我们所提到的其他少部分的核心类库加载，学习者可以根据自己真实的安装位置打开 /jre 文件夹，看看是否存在 /classes 路径。结果是 /classes 文件夹路径并不存在，除非我们进行特殊的参数创建才可以出现 /classes 路径。此处并非我们主要讨论的问题，我们关注的是lib文件夹下的核心类库加载，这里仅做了解即可。
• 5.3 客户端断开重连 实例：//字符串解码器pipeline.addLast(new StringDecoder());//字符串编码器pipeline.addLast(new StringEncoder());//业务Handler，需要传递“bootstrap”pipeline.addLast(new ClientHandler(bootstrap));public class ClientHandler extends ChannelInboundHandlerAdapter { private Bootstrap bootstrap; ClientHandler(Bootstrap bootstrap){ this.bootstrap=bootstrap; } @Override public void channelInactive(ChannelHandlerContext ctx) throws Exception { bootstrap.connect("127.0.0.1",80).sync(); }}代码说明：连接断开时，客户端的 Handler 的 channelInactive () 会监听的到，在该方法里面实现断开重连；Handler 必须传递 bootstrap。
• 5. 小结 本节的学习，主要介绍了 Netty 客户端启动类 Bootstrap 的使用讲解，需要掌握的核心知识点如下：了解 Bootstrap 的核心步骤，分别是是①指定线程模型；②指定 IO 模型；③指定业务逻辑处理器；④连接服务器；掌握 Bootstrap 的几个核心方法的功能及用法。
• 6.1 客户端启动类 public class NettyClient { public static void main(String[] args) throws InterruptedException { NioEventLoopGroup workerGroup = new NioEventLoopGroup(); Bootstrap bootstrap = new Bootstrap(); bootstrap // 1.指定线程模型 .group(workerGroup) // 2.指定 IO 类型为 NIO .channel(NioSocketChannel.class) // 3.IO 处理逻辑 .handler(new ChannelInitializer<SocketChannel>() { @Override public void initChannel(SocketChannel ch) { //自定义业务 Handler ch.pipeline().addLast(new NettyClientHandler()); } }); // 4.建立连接 ChannelFuture future=bootstrap.connect("127.0.0.1", 80).sync(); }}代码说明：以上都是模板代码，需要变动的是根据不同的业务自定义对应的 Handler，并且在 initChannel () 添加逻辑处理器；connect () 方法，指定对应服务端 ip 和 port。
• 4.1 connect() connect () 用来连接服务端，常见的运用场景主要有三点，分别是①监听连接结果；②失败重连；③断开重连。4.1.1 连接监听connect () 方法返回的是 ChannelFuture，也就是说不需要等待连接成功或失败才往下执行代码，后期可以监听连接结果。实例：//1.连接Netty服务端ChannelFuture future=bootstrap.connect("127.0.0.1",80);//2.监听连接结果future.addListener(future -> { if (future.isSuccess()) { System.out.println("连接成功!"); } else { System.err.println("连接失败!"); }});总结，这种模式的好处是，连接是异步的，无需等待连接响应代码才会往下执行。4.1.2 失败重连在网络情况差的情况下，客户端第一次连接可能会连接失败，这个时候我们可能会尝试重新连接，具体实现如下：方案一： 通过 ChannelFuture 的返回状态来监听连接是否成功。实例：private static void connect(Bootstrap bootstrap, String host, int port) { bootstrap.connect(host, port).addListener(future -> { if (future.isSuccess()) { System.out.println("连接成功!"); } else { System.err.println("连接失败，开始重连"); //递归调用连接方法 connect(bootstrap, host, port); } });}方案二： 避免短时间内频繁的请求连接，可以使用定时线程池来每隔 n 秒重连一次。实例：private static void connect(Bootstrap bootstrap, String host, int port) { bootstrap.connect(host, port).addListener(future -> { if (future.isSuccess()) { System.out.println("连接成功!"); } else { //获取EventLoopGroup EventLoopGroup thread=bootstrap.config().group(); //每隔5秒钟重连一次 thread.schedule(new Runnable() { public void run() { connect(bootstrap, host, port) } }, 5, TimeUnit.SECONDS); } });}代码说明：bootstrap.config().group() 获取的 EventLoopGroup，它是一个线程池，线程池里面有一个叫定时线程池。
• 2. 技术选型 数据库使用 MySQL ，商品信息存储到商品表内即可。后端项目使用 Spring Boot ，通过控制器暴露 RESTful 风格的接口供前端调用，通过 JdbcTemplate 实现对数据库的操作。前端项目使用 Bootstrap 开发，通过 jQuery 提供的 $.ajax 方法访问后端接口。

bootstrap使用相关搜索

back backbone background background attachment background color background image background position background repeat backgroundcolor backgroundimage background属性 badge bash basics basis bat bdo bean before begintransaction

查看更多慕课网实用课程