Bootstrap

<p align="center"> <a href="https://getbootstrap.com/"> <img src="https://files.cnblogs.com/files/selton/show.ico" alt="" width=72 height=72> </a> <h3 align="center">Bootstrap-table</h3> <p align="center"> 快速入门---- bootstrap-table是一个基于Bootstrap的jQuery插件<br>可以实现从数据库中提取数据到前端进行相应操作的功能 <br> <br> </p> </p> <br> 更加优秀的页面展现请到 bootstrap-table Table of contents Quick start Why use it What's included details 进阶之行内编辑 额外的坑点 ##quick-start 对本文有什么疑问或者建议,可以在下方的评论区说明,笔者会尽能力给出解答,另外已经完成了bootstrap-table的增删改查操作,以及增加操作的的模态框(bootstrap modal),以及表单校检(bootstrap-validate),最近有点忙,过一段时间更新,还有侧边栏的动态生成(bootstrap-treeview

之前就想学着看源码了,无奈总是半途而废,这次希望能学完,让自己沉淀下。 从入口文件index.php的第一行开始把， define ('LARAVEL_START', microtime ( true )); require __DIR__.'/../vendor/autoload.php'; 第一行代码表示记录项目开始加载的时间，然后加载composer自动加载文件。 $app = require_once __DIR__.'/../bootstrap/app.php'; 这里获取app变量,这里是整个项目的应用实例,后续还会有很多地方用到他,这里先跳到app.php文件去看看. app.php文件解析: $app = new Illuminate\Foundation\Application( realpath (__DIR__.'/../' ) ); 这里把项目目录地址的绝对路径传入Application类中进行初始化，现在要跳往Application类去看下了: public function __construct( $basePath = null ) { if ( $basePath ) { $this ->setBasePath( $basePath ); } $this -> registerBaseBindings(); $this ->

2. package.json文件 视频： 22-package.json文件的作用（一） package.json : 项目（包）描述文件 # 初始化项目描述文件 npm init # 快速初始化项目描述文件 (里面的必填项都是默认值) npm init -y | --yes 主要配置项： package name： 项目名称（包名） version：版本号 description： 项目描述（包功能描述） main：入口文件 test command：命令行 git repositroy：git发布地址 keywords：项目关键词 author：作者 license：许可证号 (ISC) package.json 基本作用 package.json文件是项目描述文件，使用 npm init 来生成该文件 （npm init -y | --yes 能够快速生成该文件） 该文件中记录了项目的基本信息和项目所依赖的第三方包（也叫第三方模块、使用 npm i 下载的第三方模块都会记录在该文件中） 如果项目中没有 node_modules 目录，使用 npm i 一次性下载所有的第三方模块。 （npm 工具会根据package.json文件中的 dependencies 项去下载） 其他 第三方模块可以分为两类： 第一类：开发需要，项目完成上线运行之后依然需要的包 （jquery

从配置获取的配置默认是明文的，有些像数据源这样的配置需要加密的话，需要对配置中心进行加密处理。下面使用对称性加密来加密配置，需要配置一个密钥，当然也可以使用RSA非对称性加密，但对称加密比较方便也够用了，这里就以对称加密来配置即可。 1、安装JCE JDK下的JCR默认是有长度限制的，需要替换没有长度限制的JCE版本。 JAVA 1.7 http://www.oracle.com/technetwork/java/javase/downloads/jce-7-download-432124.html JAVA 1.8 http://www.oracle.com/technetwork/java/javase/downloads/jce8-download-2133166.htm 把下载包里面的两个jar文件复制替换到JAVA_HOME/jre/lib/security目录下。 2、添加加密KEY 配置中心配置文件中加入加密密钥。 下面是配置中心的代码： Pom.xml <?xml version="1.0" encoding="UTF-8"?> <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi

使用Galera Cluster需要下载包含wsrep补丁的mysql版本； 官网下载地址：http://galeracluster.com/downloads/ 安装前要卸载之前安装的mariadb或者mysql；或者迁移也可以，不过就是另一套操作了！ 具体的安装过程官网描述的很完整，就不赘述了！ http://galeracluster.com/documentation-webpages/installmariadb.html#enabling-the-yum-repository https://downloads.mariadb.org/mariadb/repositories/#mirror=shanghai-university 配置文件： [galera] # Mandatory settings wsrep_provider= 指定galera的插件 wsrep_cluster_name="my_wsrep_cluster" 指定集群的名字 wsrep_node_name= 指定当前节点名称，一般同主机名 wsrep_node_address= 指定当前节点的地址 wsrep_cluster_address= 指定集群包含的节点 binlog_format=row 指定二进制日志的格式 default_storage_engine=InnoDB 指定默认存储引擎

介绍一个Galera 集群中非常重要的一个文件 即grastate.dat，他位于MySQL的数据文件目录，即datadir 1. 定位最近状态的节点 当我们关闭一个节点时，其seqno会写入grastate.dat文件中，这时后续的seqno该节点将无法接收到 注意数据库开启状态或者异常关闭时seqno值为-1 当我们将所有节点关闭，准备重启时我们需要知道哪个节点是最后关闭的，并使用它来引导集群 这时查看seqno的值即可，最大的即可 2. 安全引导保护 安全引导即safe to bootstrap ，从3.19版本开始，Galera为防止在错误的节点上引导集群，引入了安全引导的保护 Galera会自动判断哪个节点是最后一个离开集群的，并将信息写入grastate.dat文件中 如果我们使用safe_to_bootstrao为0的节点来引导，数据库将无法启动 日志中报错如下 [ERROR] WSREP: It may not be safe to bootstrap the cluster from this node. It was not the last one to leave the cluster and may not contain all the updates. To force cluster bootstrap with this node, edit

转https://www.cnblogs.com/skybreak/p/6137035.html 在Bootstrap中的Modal，select2插件会有不显示，因为其z-index小于modal，还有另外一个问题是，修正z-index之后，select2不会自动失去焦点的问题。代码解决如下： <style> /*select2在Bootstrap的modal中默认被遮盖，现在强制显示在最前*/ .select2-drop { z-index: 10050 !important; } .select2-search-choice-close { margin-top: 0 !important; right: 2px !important; min-height: 10px; } .select2-search-choice-close:before { color: black !important; } /*防止select2不会自动失去焦点*/ .select2-container { z-index: 16000 !important; } .select2-drop-mask { z-index: 15990 !important; } .select2-drop-active { z-index: 15995 !important; } 　

解决select2在bootstrap的modal中默认不显示的问题 参考文章： （1）解决select2在bootstrap的modal中默认不显示的问题 （2）https://www.cnblogs.com/skybreak/p/6137035.html 备忘一下。 来源： oschina 链接： https://my.oschina.net/u/4437884/blog/4736750

　Bootstrap中datetimepicker日期控件1899年问题解决 　　最近在开发项目的过程中，遇到一个很尴尬的问题。我们项目一直采用的是 angular+bootstrap ，日期控件用的是 bootstrap 中的 datetimepicker ，这个日期控件存在一个 bug ，当用户输入日期时，日期控件会自动跳到 1899 年，这个用户体验特别不好，一不小心就可能点错了。因为我们的项目中涉及的日期非常多，所以领导强烈要求我们前端解决这个问题，并且需要支持 yyyy-MM-dd 、 yyyy/MM/dd 、 yyyy.MM.dd 、 yyyyMMdd 等四种格式的兼容。作为前端中的一员，我不遗余力去从网上找答案，在百度上找了好几天，没有结果。就在最后，我忽然想到了 github ，在这上面我找到了我想要的答案。下面和大家分享一下。 　　一、存在问题 　　　　当用户输入日期时，控件会自动跳到1899年。至于为什么是1899年，老大说，1899是控件支持的最小日期。我还以为是1899年诞生的（可笑）。 　　 　　二、解决方法 　　1 、修改 bootstrap-datetimepicker 源码 　　　　将控件默认的 1899 年改为默认当前日期。 　　2 、支持的多种格式 　　　　其实 datetimepicker 默认支持 yyyy-MM-dd、yyyy/MM/dd

视频路其实一直都在那里，只是我们看不到而已！ spring cloud 的 Netflix 中提供了两个组件实现软负载均衡调用，分别是 Ribbon 和 Feign 。上一篇和大家一起学习了 Ribbon 。 Ribbon ： Spring CloudRibbon 是基于 HTTP 和 TCP 的客户端负载工具，它是基于 Netflix Ribbon 实现的 ， 它可以在客户端配置 ribbonServerList （服务端列表），然后轮询请求以实现均衡负载。 Feign ： spring cloudfeign 是一个使用起来更加方便的 HTTP 客戶端。 在使用 ribbon 时，通常会使用 RestTemplate 实现对 http 请求的封装，形成了模板化的调用方法。 springcloud feign 在此基础上做了进一步的封装， Feign 是一种声明式、模板化的 HTTP 客户端。在 Spring Cloud 中使用 Feign, 可以做到使用 HTTP 请求远程服务时能与调用本地方法一样的编码体验，完全感知不到这是远程方法，更感知不到这是个 HTTP 请求。 1、 新建项目 sc-eureka-client-consumer-feign ，对应的 pom.xml 文件如下 < project xmlns = "http://maven.apache.org/POM/4