Bootstrap | 易学教程

bootstrap中selectpicker下拉框使用方法实例

阅读更多关于 bootstrap中selectpicker下拉框使用方法实例

最近一直在用bootstrap 的一些东西，写几篇博客记录下。。。。 bootstrap selectpicker是bootstrap里比较简单的一个下拉框的组件，先看效果如下：附上官网api链接， http://silviomoreto.github.io/bootstrap-select/ . 下拉框的使用上基本操作一般是：单选、多选、模糊搜索、动态赋值等，下面来看如何使用：使用方法如下 1、首先需要引入的css和js： bootstrap.css bootstrap-select.min.css jquery-1.11.3.min.js bootstrap.min.js bootstrap-select.min.js 2、js代码如下： ? 1 2 3 4 $( function () { $( ".selectpicker" ).selectpicker({ noneSelectedText : '请选择' //默认显示内容 }); ? 1 2 3 4 5 6 7 8 9 //数据赋值 var select = $( "#slpk" ); select.append( "<option value='1'>香蕉</option>" ); select.append( "<option value='2'>苹果</option>" ); select.append( "

Bootstrap selectpicker 下拉框多选获取选中value和多选获取文本值

阅读更多关于 Bootstrap selectpicker 下拉框多选获取选中value和多选获取文本值

1.页面代码：页面引入： bootstrap-select.min.css和 bootstrap-select.min.js、 defaults-zh_CN.min.js文件，并初始化下拉选项框。带有下拉搜索样式的下拉框属性：data-live-search="true" 下拉选项框可多选属性：multiple <div class="col-xs-6 col-sm-6 col-md-4 col-lg-4 clearfix "> <label class="col-xs-4 col-sm-4 control-label required">车班名称：</label> <div class="col-xs-8 col-sm-8"> <div class="input-group"> <select name="shuttleBusId" class="form-control select-picker" data-live-search="true" multiple> <option value="">-- 请选择 --</option> <option th:each="iterator : ${vehicleShiftList}" th:value="${iterator.idTrafficVehicleShift}" th:text="${iterator

Bootstrap select 多选并获取选中的值

阅读更多关于 Bootstrap select 多选并获取选中的值

代码： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <script src="js/jquery-3.4.1.min.js" type="text/javascript" charset="utf-8"></script> <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script> <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.10.0/css/bootstrap-select.min.css">  <script src="https://cdnjs.cloudflare.com/ajax

bootstrap select 多选的用法，取值和赋值（取消默认选择第一个的对勾）

阅读更多关于 bootstrap select 多选的用法，取值和赋值（取消默认选择第一个的对勾）

h5自带的select标签可以实现按住ctrl键多选的功能，但是样式及其难看。 bootstrap select是很好用的前端插件首先引入bootstrap和bootstrap-select的css和js 下载地址： https://download.csdn.net/download/lianzhang861/10617543 <link rel="stylesheet" href="css/bootstrap.css"> <link rel="stylesheet" href="css/bootstrap-select.min.css"> <script src="js/bootstrap.js" type="text/javascript" charset="utf-8"></script> <script src="js/bootstrap-select.min.js" type="text/javascript" charset="utf-8"></script> html ：主要是增加class selectpicker 并添加multiple属性 <select id ="weatherType" name="weatherType" class="form-control selectpicker" multiple="multiple" title="请选择

Python开发：在mac系统中安装pip

阅读更多关于 Python开发：在mac系统中安装pip

pip用来安装python项目的依赖库。大多数比较新的python版本都自带pip，所以先检查下pip是否有安装。终端输入：pip --version 如果没有安装pip，那么就用接下来的方式安装pip。 -- 前言安装pip的方式是运行一个python文件，因此请先确保电脑中已经安装有python。这个python文件的内容在互联网上有，放置在【 https://bootstrap.pypa.io/get-pip.py 】中。因此首先需要将该python文件下载到本地电脑中。方式一：在浏览器中访问 https://bootstrap.pypa.io/get-pip.py 网址，如果出现对话框，选择保存文件；如果在浏览器中直接显示其中的代码内容，那么就等着页面内容加载完毕以后，将代码拷贝到文本编辑器中，文件类型定义为.py（比如：get-pip.py）。方式二： curl https: // bootstrap.pypa.io/get-pip.py -o <#目标文件地址#> 注意：在运行上面的命令行之前，先创建一个以.py为后缀空文件（比如：get-pip.py），用该文件的地址替换上面命令行中的<#目标文件地址#> 下载完该python文件之后，在终端用python运行该文件就好了。 sudo python get-pip.py 或者是 sudo python3

如何读懂晦涩的 Class 文件

阅读更多关于如何读懂晦涩的 Class 文件

Android开发者功能开发几乎都是面向 Java/Kotlin 语法编程，对于 class文件的关注相对较少。当你反编译 class文件或程序编译期修改字节码亦做代码注入时，读懂字节码成为一道绕不开的槛。文章主要描述如何快速读懂一个 class文件。涉及到的 JVM 指令及字节码结构已做了整理，这部分知识平时用到的时候查一下便可，用多了自然记住了。即使你是一个新手，按照下面的思路整合，你也可以从 0 上手。读完本篇文章你会收获： Class 文件结构长啥样 JVM 操作指令有哪些如何从二进制流中读懂 Class 文件举个栗子🌰 带你入门编写一个简单的 java文件。使用 javac 编译 TestClass.java 输出 TestClass.Class ，得到的二进制流文件。可以通过工具查看其内容，在 MAC 平台上推荐使用 iHex-Hex Editor 以十六进制格式查看，大概长这个样子。这看起来像天书，无从下手。实际上任何编程产物最终都会演化成二进制，它必定是按照某种规则来申明对应逻辑。 Java 虚拟机为了能够解析这个文件，要求其内容必须严格按照格式来排版，这种结构格式便是 Class文件结构。但是单单知道里面有哪些内容还不够，虚拟机还需要一套规则来操作这些内容，这些规则便是字节码操作指令。要读懂这些天书，先得了解天书

常用网站记录

阅读更多关于常用网站记录

在Linux服务器上安装Jenkins：https://www.jianshu.com/p/c517f09df025 码云：https://gitee.com python生成requirement 使用requirements.txt安装类库：https://www.cnblogs.com/zhaoyingjie/p/6645811.html 在线UTF-8编码转换工具：http://www.ecjson.com/utf8/ jQuery选择器语法：http://www.360doc.com/content/18/0515/15/55624432_754145608.shtml jQuery插件库插件搜索：https://www.jq22.com/search?seo=多选下拉框 jQuery之家：http://www.htmleaf.co jQuery的父子兄弟节点查找，节点的子节点循环：https://www.cnblogs.com/mingforyou/p/4410054.html 测试用LinuxIP阻隔模拟断网方法：https://blog.csdn.net/xiaoguanyusb/article/details/81112523 Highcharts 图标插件：https://www.highcharts.com/demo Bootstrap弹出输入框：https:

centos7部署postgresql集群高可用 patroni + etcd 之patroni篇

阅读更多关于 centos7部署postgresql集群高可用 patroni + etcd 之patroni篇

实验环境：centos7.4纯净版 postgres版本: 9.6.15 etcd版本:3.3.11 patroni版本:1.6.0 patroni介绍可参考：https://github.com/zalando/patroni ip规划 192.168.216.130 node1 master 192.168.216.132 node2 slave 192.168.216.134 node3 slave etcd集群部署请看上一篇文章:https://www.cnblogs.com/caidingyu/p/11408389.html postgres部署参考文章：https://www.cnblogs.com/virtulreal/p/9921978.html 修改node1中postgresql.conf配置如下 max_connections = '100' max_wal_senders = '10' port = '5432' listen_addresses = '0.0.0.0' synchronous_commit = on full_page_writes = on wal_log_hints = on synchronous_standby_names = '*' max_replication_slots = 10 wal_level = replica

mysqlclient 1.3.13 or newer is required; you have 0.9.3.

阅读更多关于 mysqlclient 1.3.13 or newer is required; you have 0.9.3.

python manage.py startapp myApp Traceback (most recent call last): File "manage.py", line 21, in <module> main() File "manage.py", line 17, in main execute_from_command_line(sys.argv) File "E:\Python37\lib\site-packages\django\core\management\__init__.py", line 401, in execute_from_command_line utility.execute() File "E:\Python37\lib\site-packages\django\core\management\__init__.py", line 377, in execute django.setup() File "E:\Python37\lib\site-packages\django\__init__.py", line 24, in setup apps.populate(settings.INSTALLED_APPS) File "E:\Python37\lib\site-packages\django\apps\registry.py",

Spring Cloud Alibaba 教程 | Nacos（一）

阅读更多关于 Spring Cloud Alibaba 教程 | Nacos（一）

什么是Nacos Nacos是一个更易于构建云原生应用的动态服务发现、配置管理和服务管理平台。 Nacos 致力于帮助您发现、配置和管理微服务。Nacos提供了一组简单易用的特性集，帮助您快速实现动态服务发现、服务配置、服务元数据及流量管理。 Nacos 帮助您更敏捷和容易地构建、交付和管理微服务平台。 Nacos 是构建以“服务”为中心的现代应用架构 (例如微服务范式、云原生范式)的服务基础设施。使用Nacos组件可以作为微服务架构的注册中心和配置中心，可以简单理解为可以代替Netflix解决方案中的Eureka组件和Spring Cloud Config组件。 Nacos官方地址： https://nacos.io/zh-cn/index.html 主要功能动态配置服务动态配置服务让您能够以中心化、外部化和动态化的方式管理所有环境的配置。动态配置消除了配置变更时重新部署应用和服务的需要。配置中心化管理让实现无状态服务更简单，也让按需弹性扩展服务更容易。服务发现及管理动态服务发现对以服务为中心的（例如微服务和云原生）应用架构方式非常关键。Nacos支持DNS-Based和RPC-Based（Dubbo、gRPC）模式的服务发现。Nacos也提供实时健康检查，以防止将请求发往不健康的主机或服务实例。借助Nacos，您可以更容易地为您的服务实现断路器。动态DNS服务

订阅 Bootstrap