Bootstrap

---恢复内容开始--- 静态文件的配置: 静态文件：对已经写好过了的文件，我们只是拿过来用，那么这个文件就可以被称为静态文件。 静态文件可以是： 　　bootstrap一类的框架的的文件 　　image图片文件夹 　　css样式文件 　　js文件夹 在django中所有的静态文件都存放在static文件夹下 　　一般存放的子文件夹 　　css文件夹 当前网站的css样式文件 　　js文件夹 当前网站的js文件 　　image文件夹 图片文件夹 　　其 他(前端框架代码 第三方插件代码... 你的静态文件如果要想在django中有效的话，那么必须在settings中配置一下 配置： 　　STATICFILES_DIRS = [ 　　　　os.path.join(BASE_DIR,'static'), 　　] 这样你只要输入相应的静态文件的路径就可以有效的使用。 STATIC_URL = '/static/' 这个不是什么文件夹的名字，而是接口前缀 只要你想要访问静态文件，那么就必须要前面都必须是/static打头，这个不是你的静态文件夹的名字，而是接口前缀。后面才是要找寻的路径。 那个配置为什么是列表呢 　　因为里面可以存放多个路径，这个访问不到访问下一条，都没有会报请求资源不存在。 动态解析接口前缀: {% load static %} 这个是初步导入接口前缀 <link rel

一、环境安装： 1.安装基本工具 ``` yum install curl ``` 2.安装docker 2.1 确保yum包更新到最新： ``` yum update -y ``` 2.2 对服务器进行清理， 如果之前安装过Docker ， 需要先执行卸载操作，具体命令 ``` sudo yum remove docker docker-client docker-client-latest docker-common docker-latest docker-latest-logrotate docker-logrotate docker-selinux docker-engine-selinux docker-engine ``` 2.3 安装需要的软件包： ``` yum install -y yum-utils device-mapper-persistent-data lvm2 ``` 2.4添加docker yum 源 ``` yum-config-manager --add-repo http://mirrors.aliyun.com/repo/Centos-7.repo ``` 2.5安装docker ``` yum install docker-ce -y ``` 2.6查看docker版本信息，是否安装成功 ``` docker --version ``` 2

不知道大家对下面的这个图标眼熟不 对，这就是netty，最近差点整疯了我的一个网络框架，下方是官网对他的描述，感兴趣大家可以去官网看一下，这不是今天的重点，接着往下看： 为啥说这玩意快把我整疯了啊，哎，好奇害死猫啊，我这人是对网络一窍不通，所以网络的东西我一般是不去触碰的，但是，最近公司的人以及各大论坛里面，netty这个技术真的是如日中天，我身边的朋友去面试的回来也说这个技术问的有点多啊，我好奇心作怪就想去试一下，然后在网上查找了很多资料和代码实现，我就觉得没啥，于是自己搭建了一下玩玩，比方说下面我要跟大家说的这个重点： netty+springboot实现 长连接 - 心跳 - 自动重连 - 通信 关注公众号：Java架构师联盟，每日更新技术好文 然后出问题了，我作为程序员的执拗，不能有 bug，这就出问题了，我们先来看一下网上的源码 package com.gzky.study; ​ import com.gzky.study.netty.MsgPckDecode; import com.gzky.study.netty.MsgPckEncode; import io.netty.bootstrap.Bootstrap; import io.netty.channel.*; import io.netty.channel.nio.NioEventLoopGroup;

一、bootstrap-fontawesome-iconpicker组件 <! DOCTYPE html > < html lang ="en" > < head > < meta charset ="utf-8" > < title > Font Awesome Icon Picker plugin for Bootstrap </ title > < link href ="http://netdna.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel ="stylesheet" > <!-- https://www.bootcdn.cn/font-awesome/ 字体图标库 --> < link href ="https://cdn.bootcss.com/font-awesome/5.8.2/css/all.css" rel ="stylesheet" > <!-- https://www.bootcdn.cn/fontawesome-iconpicker/ fontawesome-iconpicker组件样式 --> < link href ="https://cdn.bootcss.com/fontawesome-iconpicker/3.2.0/css/fontawesome-iconpicker

Kubernetes 二进制安装 环境准备： 主机环境：做好主机名 hosts 文件映射 硬件 2cpu 2G 内存 192.168.30.21 k8s-master 192.168.30.22 k8s-node1 192.168.30.23 k8s-node2 关闭防火墙和 selinux 关闭防火墙： systemctl stop firewalld systemctl disable firewalld Iptables -F 关闭 selinux ： $ sed -i 's/enforcing/disabled/' /etc/selinux/config $ setenforce 0 临时 $ setenforce 0 1. 每台机器安装 docker-ce 这里是 Centos7安装方式 安装依赖包 $ sudo yum install -y yum-utils \ device-mapper-persistent-data \ lvm2 添加 Docker软件包源 $ sudo yum-config-manager \ --add-repo \ https://download.docker.com/linux/centos/docker-ce.repo 安装 Docker-ce $ sudo yum install docker-ce 启动 Docker $ sudo

在Bootstrap开发中解决Tab标签页切换图表显示问题 参考文章： （1）在Bootstrap开发中解决Tab标签页切换图表显示问题 （2）https://www.cnblogs.com/wuhuacong/p/9301049.html 备忘一下。 来源： oschina 链接： https://my.oschina.net/u/4432649/blog/4759112

码农那点事儿 关注我们，一起学习进步 之前我们分享过很多基于jQuery的图片轮播动画，确实用 jQuery插件 可以非常方便的实现图片滑块和轮播，但是如果我们在项目中不希望使用任何第三方框架的话，那我们就只能用JS自己编写了，这个图片轮播动画代码是一个很好的案例，它采用纯JS代码实现，并且功能上也比较强大，左侧带有二级菜单栏，还是比较实用的。 下载源码(提取码：关注公众号，后台回复【 191213 】) 写在最后 以上就是给大家分 享的纯JS实现带二级菜单的图片轮播动画， 有兴趣的朋友可以看看，同时也欢迎分享和收藏。 本文源码获取方法 ，请在下方 关注“ 码农那点事儿 ”公众号，在后台回复 “191213” ，即可获得。 ● 后台回复【 网页特效 】，免费获取网页制作特效源码！ ● 后台回复【 源码 】，免费获取源码！ ● jquery 仿Div模态弹出窗口插件 ● Bootstrap4实现多步骤向导模态窗口插件MultiStep ● 基于vue.js 制作在线桌椅定制选择交互特效源码 ● 纯CSS3实现的三角杯和夏日鸡尾酒动画效果源码 *版权声明： 转载文章和图片均来自公开网络，版权归作者本人所有，如果出处有误或侵犯到原作者权益，请与我们联系删除或授权事宜。 推荐↓↓↓ 码农那点事儿 本文分享自微信公众号 - 码农那点事儿（code_ndsh_2018）。 如有侵权，请联系

除了那些bootstrap/bootstrap table的js , css之外，要额外添加editable的文件： < link href= "../assets/css/bootstrap-editable/bootstrap-editable.css" rel= "stylesheet"> < script src= "../assets/js/bootstrap-editable/bootstrap-editable.js"> </ script> < script src= "../assets/js/bootstrap-editable/bootstrap-table-editable.js"> </ script> 然后写js $( '#tableId').bootstrapTable({ data:data[ 'data'], pagination: true, locale: "zh-US", pageSize: 5, singleSelect: false, clickToSelect: true, //一定要写！！可以选择：用于edittable sidePagination: "client", columns: [ { title: '姓名', field: 'name', align: 'center', valign: 'middle' },{

function listEditor(data,productCode) { $( '#tab1' ).bootstrapTable( 'load' , data); $( '#tab1' ).bootstrapTable({ method : 'POST' , dataType : 'json' , contentType : "application/x-www-form-urlencoded" , cache : false , striped : true , //是否显示行间隔色 sidePagination : "client" , //分页方式：client客户端分页，server服务端分页（*） showColumns : true , pagination : true , minimumCountColumns :2, search : true , pageNumber :1, //初始化加载第一页，默认第一页 pageSize : 10, //每页的记录行数（*） idField : "productCode" , pageList : [10, 15, 20, 25], //可供选择的每页的行数（*） uniqueId : "id" , //每一行的唯一标识，一般为主键列 showExport : true , singleSelect : true ,

1、引入bootstrap-table-editable.js和bootstrap-editable.js 2、在列表字段属性加入下面代码（可编辑） editable: { type: 'select', title: '评标意见', disabled:true, source: [{ value: "0", text: "请选择" },{ value: "1", text: "首选" }, { value: "2", text: "备选" }] }, formatter : function(value,row, index) { if(row.calibrationSet==1){ return 1; }else if(value){ return value; }else { return 0; } } 　3、保存（利用jqury对其事件进行监听并保存） //监听段落行编辑进行保存 $("#bootstrap-table").on("editable-save.bs.table", function ( $el, field,row,oldValue) { //保存编辑 $.ajax({ type: "post", url: prefix+"/saveedit", data: row, dataType: 'JSON', success: function (data,