Bootstrap

第十三篇 : SpringBoot 整合 apollo

只愿长相守 提交于 2020-10-28 03:53:39
简介 Apollo(阿波罗)是携程框架部门研发的分布式配置中心,能够集中化管理应用不同环境、不同集群的配置,配置修改后能够实时推送到应用端,并且具备规范的权限、流程治理等特性,适用于微服务配置管理场景。 Apollo和Spring Cloud Config对比 通过对比,可以看出,生成环境中 Apollo 相比 Spring Cloud Config 更具有优势一些。 安装 Apollo 配置中心 搭建教程 参照 https://github.com/ctripcorp/apollo/wiki/Quick-Start 搭建 Apollo 配置中心,文档写的很清楚,这里就赘述了。 查看样例配置 搭建完成并启动后,访问 http://localhost:8070 ,界面如下。 输入用户名 apollo,密码 admin 后登录后,点击SampleApp进入配置界面。 与 Spring Boot 整合使用 创建一个springboot项目,主要代码如下。 pom.xml 添加 Apollo 客户端的依赖,为了编码方便引入commons-lang3。 < dependency > < groupId > com.ctrip.framework.apollo </ groupId > < artifactId > apollo-client </ artifactId > < version

Bootstrap 美化样式

旧城冷巷雨未停 提交于 2020-10-27 18:29:02
body { font-family : 'Lora', serif ; font-size : 16px ; color : #6f6767 ;} a { color : #6f6767 ;} a:hover { color : #17223f ; text-decoration : none ;} a:focus { outline : 0 ;} .bg-color { background-color : #f9f0f0 ;} .button { background-color : #ffffff ; border-radius : 40px ; border : 2px solid #ffffff ; color : #6f6767 ; display : inline-block ; font-size : 16px ; font-weight : bold ; line-height : 1.7 ; padding : 10px 40px ; -webkit-transition : 0.3s linear all ; -moz-transition : 0.3s linear all ; -ms-transition : 0.3s linear all ; -o-transition : 0.3s linear all ; transition : 0.3s

在颜值上,我 Bootstrap 真的没怕过谁

天大地大妈咪最大 提交于 2020-10-27 03:28:19
如果你正准备快速开发一个网站,它需要: 各种功能完备 浏览器兼容性强 能自动适配PC端和移动端页面 最关键的: 颜值爆表! 你会选择什么工具进行开发? 答案可能只有一个: Bootstrap! 新课推荐: 《Bootstrap 4 基础入门实战》 Bootstrap 可能算是使用 HTML5 和 CSS3 的最快捷的工具了,它简化了开发过程,节省了开发者的时间,并能产生极其漂亮的页面,比如下面这些都是Bootstrap的模版,你甚至可以直接套用: Bootstrap 是 Twitter 推出的一个开源的用于前端开发的工具包,一经推出就受到了大家的欢迎,一直是 GitHub 上的热门开源项目。 它兼容所有的新浏览器,同时向下兼容 IE7 平台,并能够快速适配手机、台式电脑、iPad 等浏览尺寸,包括 NASA 的 MSNBC(微软全国广播公司)的 Breaking News 都使用了该项目。 Bootstrap 难学吗?并不难,你只需要有 HTML5+CSS 基础即可。 今天就给大家带来一门 《Bootstrap 4 基础入门实战》 课程,将通过一系列实战例子带领大家由浅入深地学习 Bootstrap4 基础。 课程包含 14 个实验,你将学习到 Bootstrap 4 中的栅格系统、排版、组件等知识,最终融合所学的知识,实现两个仿实验楼课程页面。(效果如下)

netty实战之微信登录群聊6-客户端互聊实现

孤街浪徒 提交于 2020-10-27 03:27:24
客户端服务端互相聊天,就是把所有登录用户的channel记录下来,当用户向另一个用户发消息时,找到另一个用户对应的channel把消息推给他 以下为原代码 package com.juejing.im.attribute; import com.juejing.im.Session.Session; import io.netty.util.AttributeKey; public interface Attributes { AttributeKey<Boolean> LOGIN = AttributeKey.newInstance("login"); AttributeKey<Session> SESSION = AttributeKey.newInstance("session"); } package com.juejing.im.client.handle; import com.juejing.im.Session.Session; import com.juejing.im.protocol.request.LoginRequestPacket; import com.juejing.im.protocol.response.LoginResponsePacket; import com.juejing.im.util.LoginUtil; import com

logstash解析嵌套json格式数据

孤街醉人 提交于 2020-10-26 12:39:24
logstash解析嵌套json格式数据 1、源文件   1.原日志文件为 2019-10-28 09:49:44:947 [http-nio-8080-exec-23] INFO [siftLog][qewrw123ffwer2323fdsafd] - logTime:2019-10-28 09:49:25.833-receiveTime:2019-10-28 09:49:44.044-{"area":"","frontInitTime":0,"initiatePaymentMode":"plugin_manual","network":"电信","os":"Microsoft Windows 7","payStatus":"1","reqs":[{"curlCode":"0","end":"2019-10-28 09:49:25.233","errorCode":"","errorDesc":"","totalTime":2153}],"settleAccountsTime":0}   在这里我们需要先把json前面一段的正则写出来,由于这些数据在实际生产没什么实际意义,所以没重点分字段   DATETIME %{YEAR}-%{MONTHNUM}-%{MONTHDAY}[T ]%{HOUR}:?%{MINUTE}(?::?%{SECOND})? ACCESSLOG %

深入理解JVM(③)虚拟机的类加载器(双亲委派模型)

偶尔善良 提交于 2020-10-26 04:13:19
前言 先解释一下什么是 类加载器 ,通过一个类的全限定名来获取描述该类的二进制字节流,在虚拟机中实现这个动作的代码被称为“ 类加载器(Class Loader) ”。 类与类加载器 类加载器虽然只用于实现类的加载动作,但它在Java程序中起到的作用却远超类加载阶段。每个类加载器都有一个独立的类名称空间,所以每个类唯一性都必须是建立在是否为同一个类加载器的前提下的。 否则,即使是两个类来源于同一个Class文件,被同一个Java虚拟机加载,只要加载它们的类加载器不同,那这两个类就必定不相等。 例如: public class ClassLoaderOneTest { public static void main(String[] args) throws Exception{ ClassLoader oneLoader = new ClassLoader() { @Override public Class<?> loadClass(String name) throws ClassNotFoundException { try { String classFileName = name.substring(name.lastIndexOf(".")+1)+".class"; InputStream inputStream = getClass()

DAY2_前端入门准备篇(二)

对着背影说爱祢 提交于 2020-10-25 11:28:43
DAY2_前端入门准备篇(二) 今日任务: (一)、绘制Bootstrap官网线框图 (二)、绘制VCG官网的高保真原型图 (三)、总结 今日学习的 成果图 供大家可以借鉴参考~ 注释:在 Day1_前端入门准备篇(一) 中我们已经安装好Axure。(安装渠道:1、可以在官网下载,需要注册网上一搜一大把。2、微信搜索公众号“软件安装管家”,回复“Axure”选择对应的版本就可以下载了,无需注册,直接就是破译版的,强推!!) (一)、绘制Bootstrap官网线框图 一、为什么要绘制线框图? 进行网站或者小程序或者App开发之前,你首先要对自己即将开发的产品有一个大致的框架。就如同说起穿衣着装,你的脑海里会有一个概念,上半身穿某件衣服,下半身配某条裤子,脚上穿某双鞋子。然后将衣服裤子鞋子穿上看是否合适,能否搭配。那么 线框图 就是这样一个很基本的概念,帮助开发人员完成界面的布局设置。 一个完整的产品进行开发之前,最早产生的模型是 线框图 ,接着是 原型图 ,然后是 高保真原型图 ,最后才是 产品开发 。 故而在准备工作时我们先得有线框图、原型图然后再进行开发。 二、如何绘制线框图? 将通过对 Bootstrap官网 进行线框图还原 1、打开Axure软件,对界面进行熟悉。(如果以后想往“产品经理”发展的小伙伴可以花点时间去网上看看教学视频,一个小时就能上手) 2、打开

HTMLTESTRunner自动化测试报告增加截图功能

£可爱£侵袭症+ 提交于 2020-10-25 04:53:03
我们都知道 HTMLTESTRunner自动化测试报告 ,是Unittest单元测试框架报告,那么在做ui测试的时候就有点不适用了。 我们需要出错截图功能。 以下是我改的,增加了截图功能,先展示界面,再展示代码。 概要界面: 展开界面: 代码展示: 以下代码python2.7 和 python3.6两个版本 截图方式: python2: print 'screenshot:' , timestrmap , '.png' 在要截图的位置print就可以了。 python3: print( 'screenshot:' , timestrmap , '.png' ) 原理:展示时通过捕获unittest print中查找字符串“ screenshot: ”;找到就说明有截图,然后截取图片地址,写到html模版src=中。 截图代码: @property def getImage(self): ''' 截取图片,并保存在images文件夹 :return: 无 ''' timestrmap = time.strftime( ' %Y%m%d_%H.%M.%S ' ) imgPath = os.path.join( gl.imgPath , ' %s.png ' % str(timestrmap)) self.driver.save_screenshot(imgPath) print '

如何停止在Joomla中多次加载Bootstrap

旧街凉风 提交于 2020-10-23 17:44:17
Bootstrap是用于构建和设计网站的最受欢迎的CSS框架。开发人员和设计师都很依赖它。 但是,Bootstrap如此流行,以至于某些站点最终多次加载它。想象一下这种情况,Bootstrap加载了三次: 从Joomla核心引导加载 从第三方组件引导加载 从第三方模块引导加载 在这篇文章中,我将为您提供一些技巧,以修复Joomla站点中多个Bootstrap实例的负载。 重要提示:仅当您的站点加载多个Bootstrap 2实例时,以下提示才适用。 通过模板或组件设置删除重复的Bootstrap实例 检查您的公共站点的源代码(在Firefox中为Ctrl + U),以查看加载了哪些CSS文件。寻找Bootstrap CSS实例: 如果您检测到Bootstrap CSS加载不止一次,并且它们都是相同的版本(例如,Bootstrap 2),请在模板或第三方组件设置中查找是否有参数来禁用其自身的Bootstrap加载。 这样,您可以禁用重复的Bootstrap CSS文件的加载。 来源: oschina 链接: https://my.oschina.net/u/3761169/blog/4608187