切糕糕
切糕糕

不另写CSS，Bootstrap 4 实现步骤条

不另写CSS，Bootstrap 4 实现步骤条

Bootstrap 4 相对于 Bootstrap 3，引入了许多的辅助 class，使用起来也更为灵活。本文用Bootstrap 4 + Font-awesome 实现的步骤条，不用自己编写额外的CSS。

代码：


<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <link href="https://cdn.bootcss.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet">
  <link href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
  <title>Documenttitle>
head>
<body>
<div class="container mt-5">
  <div class="row">
    <div class="align-middle">
      <span class="fa-stack fa-lg">
        <i class="fa fa-circle-thin fa-stack-2x">i>
        <span class="fa-stack-1x">1span>
      span>
      <div class="d-inline-block">
        <p class="mb-1">Finishedp>
        <p class="position-absolute text-muted">This is a descriptionp>
      div>
    div>
    <span class="col border mx-3 my-auto">span>
    <div class="align-middle">
      <span class="fa-stack fa-lg">
        <i class="fa fa-circle-thin fa-stack-2x">i>
        <span class="fa-stack-1x">2span>
      span>
      <div class="d-inline-block">
        <p class="mb-1"><strong>In Progressstrong>p>
        <p class="position-absolute text-muted">This is a descriptionp>
      div>
    div>
    <span class="col border mx-3 my-auto">span>
    <div class="align-middle">
      <span class="fa-stack fa-lg">
        <i class="fa fa-circle-thin fa-stack-2x">i>
        <span class="fa-stack-1x">3span>
      span>
      <div class="d-inline-block">
        <p class="mb-1">Waitingp>
        <p class="position-absolute text-muted">This is a descriptionp>
      div>
    div>
  div>

  <div class="m-5">div>

  <div class="row">
    <div class="align-middle text-primary">
      <span class="fa-stack fa-lg">
        <i class="fa fa-circle-thin fa-stack-2x">i>
        <span class="fa fa-stack-1x fa-check">span>
      span>
      <div class="d-inline-block">
        <p class="mb-1">Finishedp>
        <p class="position-absolute text-muted">This is a descriptionp>
      div>
    div>
    <span class="col border border-primary mx-3 my-auto">span>
    <div class="align-middle text-primary">
      <span class="fa-stack fa-lg">
        <i class="fa fa-circle fa-stack-2x">i>
        <span class="fa-stack-1x text-white">2span>
      span>
      <div class="d-inline-block">
        <p class="mb-1"><strong>In Progressstrong>p>
        <p class="position-absolute text-muted">This is a descriptionp>
      div>
    div>
    <span class="col border mx-3 my-auto">span>
    <div class="align-middle text-muted">
      <span class="fa-stack fa-lg">
        <i class="fa fa-circle-thin fa-stack-2x">i>
        <span class="fa-stack-1x">3span>
      span>
      <div class="d-inline-block">
        <p class="mb-1">Waitingp>
        <p class="position-absolute text-muted">This is a descriptionp>
      div>
    div>
  div>

  <div class="m-5">div>

  <div class="row">
    <div class="align-middle text-primary">
      <span class="fa-stack fa-lg">
        <i class="fa fa-circle-thin fa-stack-2x">i>
        <span class="fa fa-stack-1x fa-check">span>
      span>
      <div class="d-inline-block">
        <p class="mb-1">Finishedp>
        <p class="position-absolute text-muted">This is a descriptionp>
      div>
    div>
    <span class="col border border-danger mx-3 my-auto">span>
    <div class="align-middle text-danger">
      <span class="fa-stack fa-lg">
        <i class="fa fa-circle-thin fa-stack-2x">i>
        <span class="fa fa-stack-1x fa-times">span>
      span>
      <div class="d-inline-block">
        <p class="mb-1"><strong>In Progressstrong>p>
        <p class="position-absolute text-danger">This is a descriptionp>
      div>
    div>
    <span class="col border mx-3 my-auto">span>
    <div class="align-middle text-muted">
      <span class="fa-stack fa-lg">
        <i class="fa fa-circle-thin fa-stack-2x">i>
        <span class="fa-stack-1x">3span>
      span>
      <div class="d-inline-block">
        <p class="mb-1">Waitingp>
        <p class="position-absolute text-muted">This is a descriptionp>
      div>
    div>
  div>
div>
body>
html>

你可能感兴趣的:(html5+css3,bootstrap)

  • kubernetes集群证书过期问题解决 后端java
    证书过期问题查看证书过期时间kubeadmalphacertscheck-expiration证书过期升级命令kubeadmalphacertsrenewall日志查看命令journalctl-xefukubelet发现更新证书后，日志还是报错未发现/etc/kubernetes/bootstrap-kubelet.conf，则继续执行如下操作重新生成证书cd/etc/kubernetes/pki
  • JVM 如何保证 Java 程序的安全性？ 冰糖心书房 JVM2025Java面试系列jvmjava
    JVM（JavaVirtualMachine）在设计时就考虑了安全性，它提供了一套多层次的安全机制，以保护系统免受恶意代码的侵害。这些机制主要包括：1.类加载器(ClassLoader)及双亲委派模型:类加载器的作用：负责加载Java类（.class文件）到JVM中。将类的字节码转换为内存中的Class对象。执行类的初始化。类加载器的类型：启动类加载器(BootstrapClassLoader):
  • 23章11节：自助抽样及其在R语言中的实现与验证 DAT｜R科学与人工智能 用R探索医药数据科学r语言开发语言r-4.2.1microsoft信息可视化
    在统计学中，数据分析的核心任务之一是如何在样本数据的基础上推断总体的性质。传统方法往往依赖于已知的概率分布假设和解析推导，但在现实问题中，我们往往无法准确得知总体分布，或者数据样本量较小，难以满足经典统计推断方法的要求。自助抽样作为一种非参数的计算方法，为我们提供了基于样本数据“自我重复”构建抽样分布的途径。1977年，斯坦福大学的B.Efron在著名论文《BootstrapMethods:Ano
  • express+ bootstrap/vue.js+mongodb 开发综合学生管理WEB项目系统 鱼弦 前端expressbootstrap
    该WEB项目要求如下：整个系统要有比较完整的功能，有前端网页数据示，也要有后台管理功能，具有一定的实用性。网页前端展示页面设计可以采用bootstrap框架，也可以使用vue.js实现，前端网页数据均要来自于后端从数据库中查询出来的数据。下面是利用Express后端+Bootstrap前端+MongoDB数据库的代码示例，用于实现一个综合的学生管理系统：1.安装所需模块在终端中输入以下命令，安装所
  • JVM类加载 zhujilisa javajvm
    JVM类加载类加载类加载器类加载加载：查找并加载类的字节码文件验证：确保加载的字节码是合法且符合JVM规范准备：给类的静态变量分配内存，并赋默认值解析：符号引用替换为直接引用初始化：静态变量赋值，执行静态代码块类加载器引导类加载器（BootstrapClassLoader）：加载JVM核心类库（如rt.jar中的类），位于JAVA_HOME/lib目录下扩展类加载器（ExtClassLoader）
  • 基于Python + Flask + PyEcharts + Bootstrap实现疫情可视化平台 小夕Coding 大数据系列可视化python数据可视化javavue
    基于Python+Flask+PyEcharts+Bootstrap实现的疫情可视化平台依赖库DependencyVersionPython3.6flask1.1.1pyecharts1.7.1requests2.22使用pythonrun.py#在浏览器中访问http://localhost:776前端展示项目下载链接：https://pan.baidu.com/s/1l1y2eiTWMTApQ
  • Vue-前端发展史 lengzher_5601 Vuevue.jshtmlcssjsjsp
    文章目录Vue-前端发展史二、前端发展史1、UI框架2、JavaScript构建工具3、三端同一4、后端技术5、主流前端框架混合开发微信小程序Vue-前端发展史二、前端发展史1、UI框架Ant-Design：阿里巴巴出品，基于React的UI框架ElementUI、iview、ice：饿了么出品，基于Vue的UI框架BootStrap：Teitter推出的一个用于前端开发的开源工具包AmazeUI
  • JavaEE 项目常见错误解决方案 一弦一柱 JavaEE常见错误中文乱码JSP404
    JavaEE项目常见错误解决方案数据库连接JavaBean获取不到数据库字段值或出现意料之外的值业务中出现null或""404NOTFOUNDGET请求中文乱码form表单提交中文乱码最近的实训中，练了一个比较基础的项目，JSP+Servlet+JavaBean，完成两张表的CRUD操作，前端使用Bootstrap和JQuery，交互使用AJAX，IDE选用Eclipse,在时间比较仓促的情况下完
  • 电脑问题勘查 —— BIOS 五道口纳什 计算机组成原理
    0.BIOS与BIOS的分类目前主流的BIOS，华硕的AMIBIOS；升技的AWARDBIOS；BIOS的全称是ROM－BIOS，只读存储器基本输入输出系统。它是一组固化到计算机内主板上一个ROM芯片上的程序，它保存着计算机最重要的基本输入输出的程序、系统设置信息、开机上电自检程序和系统启动自举程序（bootstrap）。有人认为既然BIOS是”程序”，那它就应该是属于软件，感觉就像自己常用的Wo
  • 在 CLion 中使用 Boost.Test 进行 C++ 单元测试 獨梟 单元测试c++单元测试开发语言
    1.安装Boost.TestBoost.Test是BoostC++库的一部分，因此需要安装完整的Boost库。方法1：使用包管理器安装（推荐）Windows（vcpkg）直接使用CLion集成的vcpkg安装boost-test：也可以通过命令来安装：gitclonehttps://github.com/microsoft/vcpkg.gitcdvcpkgbootstrap-vcpkg.batvc
  • HTML5+CSS3 weixin_34250709
    2019独角兽企业重金招聘Python工程师标准>>>第一课HTML5结构HTML5是新一代的HTMLDTD声明改变新的结构标签注意的地方ie8不兼容常用的一些新的结构标签删除的HTML标签纯表现的元素：basefontbigcenterfontsstrikettu对可用性产生负面影响的元素：frameframesetnoframes产生混淆的元素：acronymappletisindexdir重
  • Vue-Vant YY小怪兽 Vue常用框架vue.js前端javascript
    详情可见1.什么是Vant?在使用MintUI的过程中发现有很多的坑,所以个人不推荐在移动端中选择MintUIVant是有赞前端开发团队又推出的一款基于Vue的移动端UI框架大白话:和Bootstrap一样对原生的HTML标签进行了封装,进行了美化,让我们能够专注于业务逻辑而不是UI界面2.Vant使用https://youzan.github.io/vant/#/zh-CN/intro（1）通过
  • 假如有10 个微服务模块，然后每个模块里面都要改yaml配置，比如改Redis配置，这样就意味着我 Redis 一改，那10 个模块的配置都要改一遍吗？ 我是一只代码狗 springcloudalibabanacos
    1.在nacos创建一个公共的redis-config.yaml2.在每个微服务的bootstrap.yml中引入公共的redis配置3.这样公共配置改了，其他微服务模块就不需要做任何改动
  • tools:制作根文件系统debian9 maze.ma toolsdebianrootfs文件系统制作
    首先你先新建一个用于mount的目录mkdir/debian9其次你需要保证主机上有debootstrap以及qemu-user-staticapt-get-yinstalldebootstrapqemu-user-static现在你需要dd命令去生成rootfs.img文件ddif=/dev/zeroof=rootfs.imgbs=1Mcount=1024dd命令的话。bs代表一次读入写入大小。
  • bootstrap row 之间的竖直方向的距离要怎么调整？ yzy85
    问：我有两个rowa和rowb,我发现这两个row之间的竖直方向的距离靠的有点近，我想调整a和b之间的距离，row之前的水平距离可以通过col-md-offset*调整，那竖直方向上的距离要怎么调整，谢谢！答：1、目前我是通过直接加一个空的h1标签，来拉开距离，感觉有点不太rails.大家有更合适的方法吗？谢谢！2、可以自己在css中给top-offset的class写个margin，然后把这个c
  • Nacos配置管理Feign远程调用Gateway服务网关 程序员要奋斗 #微服务gatewayjavaspring
    1.统一配置管理1.统一配置管理流程1.引入Nacos的配置管理客户端依赖      com.alibaba.cloud    spring-cloud-starter-alibaba-nacos-config  2.在userservice中的resource目录添加一个bootstrap.yml文件，这个文件是引导文件，优先级高于application.yml  spring:    appl
  • 新手教程，小白学web前端开发—HTML5+css3 皆非本人 前端html5css3
    小白教程，一起来跟我学简单的网页制作吧！本书教材：web前端开发案例教程—HTML5+css3简介：2005年以后，互联网进入了web2.0的时代，各种类似的桌面软件的web应用大量涌现，网站的前端，由此发生了翻天覆地的变化。网站不再只承载单一的文字和图片，各种丰富的媒体让网页的内容更加生动，网页的各种交互形式为用户带来了更好的体验，都基于前端的技术实现，好了废话不多说，让我们简单的体验一下如何制
  • vscode安装使用，开发python项目环境配置 橘子菌菌 djangopythonvscode
    #一、vscode设置python解释器1.使用vscode添加需要的插件在扩展商店汉化chinese进行python开发python完成汉化以及提示补全django用到的GithistoryPythonDjangoDjangoTemplate其它可能用到：jqueryCodeSnippetsBootstrap3Snippets2.ctrl+shift+p调出输入框SelectInterprete
  • Bootstrap笔记 湖前一人对影成双 bootstrap笔记前端
    初识Bootstrapv4.bootcss.com图标库bootstrap与...相联系编译版Bootstrap文件结构：快速开发使用Bootstrap4.4.1编译版包中包含css和js文件夹。css和js文件夹中都提供了两种类型的文件，压缩的和未压缩的的文件。bootstrap.*是预编译的文件，bootstrap.min.*是编译且压缩后的文件。bootstrap.*.map格式的文件，是s
  • Bootstrap4 导航active状态切换 君子……如玉 H5Bootstrap4
    页面HTML代码：首页数据统计用户列表AnotheractionSomethingelsehereSeparatedlinkLinkDisabledjs代码如下：$('.nav-pills').find('a').each(function(){if(this.href==document.location.href||document.location.href.search(this.href
  • Param ‘serviceName‘ is illegal, serviceName is blank wyz0923 nacosspringboot
    背景有个朋友在学习nacos遇到一个问题，在bootstrap.yml文件中配置注册服务的地址信息时，启动服务报错：Param‘serviceName’isillegal,serviceNameisblank。但是在application.yml中配置就不会报错。这里记录一下解决的方法。项目环境：springboot2.4.2spring-cloud-alibaba-dependencies202
  • SpringBoot配置文件的优先级（保姆级超详细讲解） 来杯@Java springbootpython后端
    文章目录配置优先级排序项目外部配置文件项目内部配置文件Bootstrap配置文件配置优先级排序命令行参数；java:comp/env的JNDI属性(当前J2EE应用的环境)；JAVA系统的环境属性；操作系统的环境变量；JAR包外部的application-xxx.properties或application-xxx.yml配置文件；JAR包内部的application-xxx.properties
  • SpringBoot 的核心只有几张图 知行小栈 SpringBootspringbootjava后端
    前言SpringBoot是一个让所有Java开发者都又爱又恨的框架。喜欢它是因为其易用性和提供的丰富功能，而它较为复杂的设计也让许多开发者头疼不已。本期知行将会为大家带来以下内容，和大家一起梳理SpringBoot中一些较为核心的内容。SpringBoot启动流程SpringBoot的启动流程主要有以下几个核心步骤：创建启动容器：创建DefaultBootstrapContext，用于引导IOC容
  • Anaconda 创建环境 aitie1479 python
    2019-03-2517:10:51Anaconda给不同的项目创建不同的环境真的非常重要，最近在使用flask的时候在base环境中安装flask-bootstrap，竟然将我原本的py3.7的conda直接删除，完全降到了py2。最后只能重新安装anaconda。这个事件给我一个启示就是尽量不要在初始环境中安装各种包，而是使用anaconda的环境，来给不同的项目分配各自的环境。Anacond
  • 快速入门 FastAdmin 的开发环境搭建 奥顺互联_老张 php教程php缓存mysql
    快速入门FastAdmin的开发环境搭建FastAdmin是一个基于ThinkPHP和Bootstrap的后台管理框架，专为快速开发而设计。本文将为您详细介绍如何搭建FastAdmin的开发环境，包括所需的环境配置、安装步骤以及简单的示例代码。1.环境要求在开始之前，请确保您的开发环境满足以下要求：PHP7.2及以上版本ComposerMySQL5.6及以上版本Nginx或ApacheGit（可选
  • Spring Boot 整合Swagger启动失败Failed to start bean ‘documentationPluginsBootstrapper‘的解决方案 码云217 springbootjavarpc
    目录问题原因方案一（治标）[本人用了方案一解决了]方案二（治标）方案三（治本）问题SpringBoot2.7.3版本引入依赖springfox-boot-starter(Swagger3.0)后，启动容器会报错：org.springframework.context.ApplicationContextException:Failedtostartbean'documentationPlugins
  • Linux中es启动成功，windows服务器访问不了的解决方案 码代码的小仙女 笔记linuxwindowselasticsearch
    1.在Linux服务器中安装elasticsearch。在bin目录下执行./elasticsearch报错信息：org.elasticsearch.bootstrap.StartupException:java.lang.RuntimeException:cannotrunelasticsearchasrootatorg.elasticsearch.bootstrap.Elasticsearch
  • 【SpringCloud】Gateway m0_74825526 面试学习路线阿里巴巴springcloudgatewayjava
    目录一、网关路由1.1.认识网关1.2.快速入门?1.2.1.引入依赖1.2.2.配置路由二、网关登录校验2.1.Gateway工作原理?2.2.自定义过滤器2.3.登录校验2.4.微服务获取用户2.4.1.保存用户信息到请求头2.4.2.拦截器获取用户??2.5.OpenFeign传递用户三、配置管理3.1.配置共享?3.2.拉取配置共享3.2.1.引入依赖3.2.2.创建bootstrap.y
  • 响应式前端开发框架Bootstrap实战应用 马屿人
    本文还有配套的精品资源，点击获取简介：Bootstrap是广受欢迎的前端框架，用于创建响应式和移动优先的网站。结合JavaEE、Spring、SpringMVC和MyBatis后端技术，开发者可利用Bootstrap快速开发出模块化、用户友好的Web应用。该框架含有预定义的CSS样式、JavaScript插件、HTML模板和更多资源，以支持高效和模块化的Web应用开发流程。本压缩包中可能包含Boo
  • Ubuntu，centos下源码安装cmake指定版本 你若盛开，清风自来！ ubuntucentoslinux
    网址：Indexof/files/v3.23常规安装出错1.先把安装包cmake-3.12.4-Linux-x86_64.tar.gz复制到指定目录2.解压tar-zxvfcmake-3.12.4-Linux-x86_64.tar.gz3.进入解压之后的文件夹cdcmake-3.12.4-Linux-x86_64.tar.gz4.运行下面命令出错bash:./bootstrap:Nosuchfil
  • SQL的各种连接查询 xieke90 UNION ALLUNION外连接内连接JOIN
    一、内连接   概念：内连接就是使用比较运算符根据每个表共有的列的值匹配两个表中的行。                 内连接（join 或者inner join ）       SQL语法：       select * fron
  • java编程思想--复用类 百合不是茶 java继承代理组合final类
          复用类看着标题都不知道是什么,再加上java编程思想翻译的比价难懂,所以知道现在才看这本软件界的奇书   一:组合语法:就是将对象的引用放到新类中即可     代码:     package com.wj.reuse; /** * * @author Administrator 组
  • [开源与生态系统]国产CPU的生态系统 comsci cpu
          计算机要从娃娃抓起...而孩子最喜欢玩游戏....       要让国产CPU在国内市场形成自己的生态系统和产业链,国家和企业就不能够忘记游戏这个非常关键的环节....       投入一些资金和资源,人力和政策,让游
  • JVM内存区域划分Eden Space、Survivor Space、Tenured Gen，Perm Gen解释 商人shang jvm内存
    jvm区域总体分两类，heap区和非heap区。heap区又分：Eden Space（伊甸园）、Survivor Space(幸存者区)、Tenured Gen（老年代-养老区）。 非heap区又分：Code Cache(代码缓存区)、Perm Gen（永久代）、Jvm Stack(java虚拟机栈)、Local Method Statck(本地方法栈)。 HotSpot虚拟机GC算法采用分代收
  • 页面上调用 QQ oloz qq
    <A href="tencent://message/?uin=707321921&amp;Site=有事Q我&amp;Menu=yes">   <img style="border:0px;" src=http://wpa.qq.com/pa?p=1:707321921:1></a>
  • 一些问题 文强chu 问题
    1.eclipse 导出 doc  出现“The Javadoc command does not exist.” javadoc command 选择 jdk/bin/javadoc.exe 2.tomcate 配置 web 项目 ..... SQL:3.mysql  * 必须得放前面 否则  select&nbs
  • 生活没有安全感 小桔子 生活孤独安全感
           圈子好小，身边朋友没几个，交心的更是少之又少。在深圳，除了男朋友，没几个亲密的人。不知不觉男朋友成了唯一的依靠，毫不夸张的说，业余生活的全部。现在感情好，也很幸福的。但是说不准难免人心会变嘛，不发生什么大家都乐融融，发生什么很难处理。我想说如果不幸被分手(无论原因如何)，生活难免变化很大，在深圳，我没交心的朋友。明
  • php 基础语法 aichenglong php 基本语法
    1 .1 php变量必须以$开头 <?php $a=” b”; echo ?> 1 .2 php基本数据库类型 Integer  float/double Boolean string 1 .3 复合数据类型 数组array和对象 object 1 .4 特殊数据类型  null 资源类型(resource)    $co
  • mybatis tools 配置详解 AILIKES mybatis
    MyBatis Generator中文文档 MyBatis Generator中文文档地址： http://generator.sturgeon.mopaas.com/ 该中文文档由于尽可能和原文内容一致，所以有些地方如果不熟悉，看中文版的文档的也会有一定的障碍，所以本章根据该中文文档以及实际应用，使用通俗的语言来讲解详细的配置。 本文使用Markdown进行编辑，但是博客显示效
  • 继承与多态的探讨 百合不是茶 JAVA面向对象 继承 对象
    继承 extends   多态 继承是面向对象最经常使用的特征之一：继承语法是通过继承发、基类的域和方法 //继承就是从现有的类中生成一个新的类，这个新类拥有现有类的所有extends是使用继承的关键字：     在A类中定义属性和方法； class A{ //定义属性 int age； //定义方法 public void go
  • JS的undefined与null的实例 bijian1013 JavaScriptJavaScript
    <form name="theform" id="theform"> </form> <script language="javascript"> var a alert(typeof(b)); //这里提示undefined if(theform.datas
  • TDD实践（一） bijian1013 java敏捷TDD
    一.TDD概述         TDD：测试驱动开发，它的基本思想就是在开发功能代码之前，先编写测试代码。也就是说在明确要开发某个功能后，首先思考如何对这个功能进行测试，并完成测试代码的编写，然后编写相关的代码满足这些测试用例。然后循环进行添加其他功能，直到完全部功能的开发。     
  • [Maven学习笔记十]Maven Profile与资源文件过滤器 bit1129 maven
    什么是Maven Profile Maven Profile的含义是针对编译打包环境和编译打包目的配置定制，可以在不同的环境上选择相应的配置，例如DB信息，可以根据是为开发环境编译打包，还是为生产环境编译打包，动态的选择正确的DB配置信息   Profile的激活机制 1.Profile可以手工激活，比如在Intellij Idea的Maven Project视图中可以选择一个P
  • 【Hive八】Hive用户自定义生成表函数(UDTF) bit1129 hive
    1. 什么是UDTF   UDTF，是User Defined Table-Generating Functions，一眼看上去，貌似是用户自定义生成表函数，这个生成表不应该理解为生成了一个HQL Table， 貌似更应该理解为生成了类似关系表的二维行数据集   2. 如何实现UDTF 继承org.apache.hadoop.hive.ql.udf.generic
  • tfs restful api 加auth 2.0认计 ronin47
    　　目前思考如何给tfs的ngx-tfs api增加安全性。有如下两点： 　　一是基于客户端的ip设置。这个比较容易实现。 　　二是基于OAuth2.0认证，这个需要lua，实现起来相对于一来说，有些难度。 　　现在重点介绍第二种方法实现思路。 　　 前言：我们使用Nginx的Lua中间件建立了OAuth2认证和授权层。如果你也有此打算，阅读下面的文档，实现自动化并获得收益。SeatGe
  • jdk环境变量配置 byalias javajdk
    进行java开发，首先要安装jdk，安装了jdk后还要进行环境变量配置： 1、下载jdk（http://java.sun.com/javase/downloads/index.jsp），我下载的版本是：jdk-7u79-windows-x64.exe 2、安装jdk-7u79-windows-x64.exe 3、配置环境变量：右击"计算机"-->&quo
  • 《代码大全》表驱动法-Table Driven Approach-2 bylijinnan java
    package com.ljn.base; import java.io.BufferedReader; import java.io.FileInputStream; import java.io.InputStreamReader; import java.util.ArrayList; import java.util.Collections; import java.uti
  • SQL 数值四舍五入 小数点后保留2位 chicony 四舍五入
    1.round() 函数是四舍五入用，第一个参数是我们要被操作的数据，第二个参数是设置我们四舍五入之后小数点后显示几位。 2.numeric 函数的2个参数，第一个表示数据长度，第二个参数表示小数点后位数。 例如： 　　select   cast(round(12.5,2)   as   numeric(5,2))  
  • c++运算符重载 CrazyMizzz C++
    一、加+，减-，乘*，除/ 的运算符重载 Rational operator*(const Rational &x) const{ return Rational(x.a * this->a); } 在这里只写乘法的，加减除的写法类似 二、<<输出,>>输入的运算符重载      &nb
  • hive DDL语法汇总 daizj hive修改列DDL修改表
    hive DDL语法汇总 １、对表重命名 hive> ALTER TABLE table_name RENAME TO new_table_name;   2、修改表备注 hive> ALTER TABLE table_name SET TBLPROPERTIES ('comment' = new_comm
  • jbox使用说明 dcj3sjt126com Web
    参考网址：http://www.kudystudio.com/jbox/jbox-demo.html jBox v2.3 beta [ 点击下载]  技术交流QQGroup：172543951 100521167 [2011-11-11] jBox v2.3 正式版 - [调整&修复] IE6下有iframe或页面有active、applet控件
  • UISegmentedControl 开发笔记 dcj3sjt126com
      //    typedef NS_ENUM(NSInteger, UISegmentedControlStyle) {     //        UISegmentedControlStylePlain,     // large plain   &
  • Slick生成表映射文件 ekian scala
    Scala添加SLICK进行数据库操作，需在sbt文件上添加slick-codegen包 "com.typesafe.slick" %% "slick-codegen" % slickVersion 因为我是连接SQL Server数据库，还需添加slick-extensions，jtds包 "com.typesa
  • ES-TEST gengzg test
    package com.MarkNum; import java.io.IOException; import java.util.Date; import java.util.HashMap; import java.util.Map; import javax.servlet.ServletException; import javax.servlet.annotation
  • 为何外键不再推荐使用 hugh.wang mysqlDB
    表的关联，是一种逻辑关系，并不需要进行物理上的“硬关联”，而且你所期望的关联，其实只是其数据上存在一定的联系而已，而这种联系实际上是在设计之初就定义好的固有逻辑。 在业务代码中实现的时候，只要按照设计之初的这种固有关联逻辑来处理数据即可，并不需要在数据库层面进行“硬关联”，因为在数据库层面通过使用外键的方式进行“硬关联”，会带来很多额外的资源消耗来进行一致性和完整性校验，即使很多时候我们并不
  • 领域驱动设计 julyflame VODAO设计模式DTOpo
    概念： VO（View Object）：视图对象，用于展示层，它的作用是把某个指定页面（或组件）的所有数据封装起来。 DTO（Data Transfer Object）：数据传输对象，这个概念来源于J2EE的设计模式，原来的目的是为了EJB的分布式应用提供粗粒度的数据实体，以减少分布式调用的次数，从而提高分布式调用的性能和降低网络负载，但在这里，我泛指用于展示层与服务层之间的数据传输对
  • 单例设计模式 hm4123660 javaSingleton单例设计模式懒汉式饿汉式
           单例模式是一种常用的软件设计模式。在它的核心结构中只包含一个被称为单例类的特殊类。通过单例模式可以保证系统中一个类只有一个实例而且该实例易于外界访问，从而方便对实例个数的控制并节约系统源。如果希望在系统中某个类的对象只能存在一个，单例模式是最好的解决方案。      &nb
  • logback zhb8015 loglogback
    一、logback的介绍      Logback是由log4j创始人设计的又一个开源日志组件。logback当前分成三个模块：logback-core,logback- classic和logback-access。logback-core是其它两个模块的基础模块。logback-classic是log4j的一个 改良版本。此外logback-class
  • 整合Kafka到Spark Streaming——代码示例和挑战 Stark_Summer sparkstormzookeeperPARALLELISMprocessing
    作者Michael G. Noll是瑞士的一位工程师和研究员，效力于Verisign，是Verisign实验室的大规模数据分析基础设施（基础Hadoop）的技术主管。本文，Michael详细的演示了如何将Kafka整合到Spark Streaming中。 期间， Michael还提到了将Kafka整合到 Spark Streaming中的一些现状，非常值得阅读，虽然有一些信息在Spark 1.2版
  • spring-master-slave-commondao 王新春 DAOspringdataSourceslavemaster
    互联网的web项目，都有个特点：请求的并发量高，其中请求最耗时的db操作，又是系统优化的重中之重。 为此，往往搭建 db的 一主多从库的 数据库架构。作为web的DAO层，要保证针对主库进行写操作，对多个从库进行读操作。当然在一些请求中，为了避免主从复制的延迟导致的数据不一致性，部分的读操作也要到主库上。（这种需求一般通过业务垂直分开，比如下单业务的代码所部署的机器，读去应该也要从主库读取数
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他