BZindex
BZindex

BootStrap学习(5)_多媒体对象&列表组

一、多媒体对象

这些抽象的对象样式用于创建各种类型的组件（比如：博客评论），我们可以在组件中使用图文混排，图像可以左对齐或者右对齐。媒体对象可以用更少的代码来实现媒体对象与文字的混排。

  • .media：该 class 允许将媒体对象里的多媒体（图像、视频、音频）浮动到内容区块的左边或者右边。
  • .media-list：如果你需要一个列表，各项内容是无序列表的一部分，可以使用该 class。可用于评论列表与文章列表。

1.基本多媒体对象

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <link href="http://apps.bdimg.com/libs/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" />
    <script src="http://apps.bdimg.com/libs/jquery/2.0.0/jquery.min.js"></script>
    <script src="http://apps.bdimg.com/libs/bootstrap/3.3.0/js/bootstrap.min.js"></script>
    <style type="text/css">
        .media-object {
        width:60px;
        height:60px;
        }
    </style>
</head>
<body>
    <div class="media">
   <a class="pull-left" href="#">
      <img class="media-object" src="../Imgs/img1/1.jpg" 
      alt="媒体对象"/>
   </a>
   <div class="media-body">
      <h4 class="media-heading">企鹅-标题</h4>
      这是一个企鹅。这是一个企鹅。  
      这是一个企鹅。这是一个企鹅。  
      这是一个企鹅。这是一个企鹅。  
      这是一个企鹅。这是一个企鹅。  
      这是一个企鹅。这是一个企鹅。  
   </div>
</div>
<div class="media">
   <a class="pull-left" href="#">
     <img class="media-object" src="../Imgs/img1/1.jpg" 
      alt="媒体对象"/>
   </a>
   <div class="media-body">
      <h4 class="media-heading">企鹅</h4>
      这是一个企鹅。这是一个企鹅。  
     这是一个企鹅。这是一个企鹅。  
     这是一个企鹅。这是一个企鹅。  
     这是一个企鹅。这是一个企鹅。  
      这是一个企鹅。这是一个企鹅。  
   </div>
</div>
</body>
</html>

效果:

BootStrap学习(5)_多媒体对象&列表组_第1张图片

2.嵌套的媒体对象

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <link href="http://apps.bdimg.com/libs/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" />
    <script src="http://apps.bdimg.com/libs/jquery/2.0.0/jquery.min.js"></script>
    <script src="http://apps.bdimg.com/libs/bootstrap/3.3.0/js/bootstrap.min.js"></script>
    <style type="text/css">
        .media-object {
            width: 30px;
            height: 30px;
        }
    </style>
</head>
<body>
    <div class="media">
        <a class="pull-left" href="#">
            <img class="media-object" src="../Imgs/img1/1.jpg"
                alt="媒体对象" />
        </a>
        <div class="media-body">
            <h4 class="media-heading"><a href="#">用户1</a></h4>
            今天的天气真好，空气清新，阳光明媚。
       <div class="media">
           <a class="pull-left" href="#">
               <img class="media-object" src="../Imgs/img1/1.jpg"
                   alt="媒体对象" />
           </a>
           <div class="media-body">
               <span class="media-heading"><a href="#">用户1:</a></span>
               是啊，天气真好。
           </div>
       </div>
            <div class="media">
                <a class="pull-left" href="#">
                    <img class="media-object" src="../Imgs/img1/1.jpg"
                        alt="媒体对象" />
                </a>
                <div class="media-body">
                    <span class="media-heading"><a href="#">企鹅3:</a></span>
                    嗯嗯，是的呢。 
                </div>
            </div>
        </div>
    </div>
</body>
</html>
View Code

效果:

 

二、列表组 

列表组件用于以列表形式呈现复杂的和自定义的内容

  • 向元素 <ul> 添加 class .list-group。
  • 向 <li> 添加 class .list-group-item。
  • 可以向任意的列表项添加徽章组件，它会自动定位到右边。只需要在 <li> 元素中添加 <span class="badge"> 即可

1.基本列表组

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <link href="http://apps.bdimg.com/libs/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" />
    <script src="http://apps.bdimg.com/libs/jquery/2.0.0/jquery.min.js"></script>
    <script src="http://apps.bdimg.com/libs/bootstrap/3.3.0/js/bootstrap.min.js"></script>
</head>
<body style="margin-top:20px;margin-left:20px;">
    <ul class="list-group">
    <li class="list-group-item"><span class="badge">新</span>新闻1</li>
   <li class="list-group-item"><span class="badge">荐</span>新闻2</li>
   <li class="list-group-item">新闻3</li>
   <li class="list-group-item">新闻4</li>
</ul>
</body>
</html>

效果:

BootStrap学习(5)_多媒体对象&列表组_第2张图片

 

2.向列表组添加链接

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <link href="http://apps.bdimg.com/libs/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" />
    <script src="http://apps.bdimg.com/libs/jquery/2.0.0/jquery.min.js"></script>
    <script src="http://apps.bdimg.com/libs/bootstrap/3.3.0/js/bootstrap.min.js"></script>
</head>
<body style="margin-top:20px;margin-left:20px;">
   
    <a href="#" class="list-group-item"><span class="badge">新</span>新闻1</a>
   <a href="#" class="list-group-item"><span class="badge">荐</span>新闻2</a>
   <a href="#" class="list-group-item active">新闻3</a>
   <a href="#" class="list-group-item">新闻4</a>
</body>
</html>
View Code

效果:

BootStrap学习(5)_多媒体对象&列表组_第3张图片

 

3.自定义内容

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <link href="http://apps.bdimg.com/libs/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" />
    <script src="http://apps.bdimg.com/libs/jquery/2.0.0/jquery.min.js"></script>
    <script src="http://apps.bdimg.com/libs/bootstrap/3.3.0/js/bootstrap.min.js"></script>
</head>
<body style="margin-top:20px;margin-left:20px;">
   
    <div class="list-group">
   <a href="#" class="list-group-item active">
      <h4 class="list-group-item-heading">
         新闻
      </h4>
   </a>
   <a href="#" class="list-group-item">
      <h4 class="list-group-item-heading">
         新闻1
      </h4>
      <p class="list-group-item-text">
         新闻内容新闻内容新闻内容新闻内容新闻内容......
      </p>
   </a>
   <a href="#" class="list-group-item">
      <h4 class="list-group-item-heading">
         新闻2
      </h4>
      <p class="list-group-item-text">
         新闻2内容新闻2内容新闻2内容新闻2内容......
      </p>
   </a>
</div>
</body>
</html>
View Code

效果:

你可能感兴趣的:(BootStrap学习(5)_多媒体对象&列表组)

  • Python pyecharts 模块 ONE_PUNCH_Ge python
    pyecharts是一个基于ECharts的Python数据可视化库，它允许用户使用Python语言生成各种类型的交互式图表和数据可视化。ECharts是一个使用JavaScript实现的开源可视化库，而Pyecharts则是ECharts的Python封装，使得在Python中使用ECharts变得更加方便。pyecharts提供了一组简单而灵活的API，使用户能够轻松地创建各种图表，包括但不限
  • Python并发编程 06 进程、协程 撸码侠 Python网络编程与并发编程pythonwindows开发语言
    文章目录一、多进程调用二、Process类1、主要参数2、实例方法3、属性4、代码示例三、进程通讯1、进程队列通讯2、管道通讯3、Manager对象四、进程同步五、进程池六、协程1、协程简述2、用greenlet库实现协程3、用gevent库实现协程一、多进程调用与多线程调用相似frommultiprocessingimportProcessimporttimedeff(name):time.sl
  • 如何使用postman测试服务器的性能,如何用Postman测试API 邓红根
    API测试有助于检查应用程序业务逻辑。这是集成测试的一部分，没有API测试的任何质量保证过程都是不完整的。然而，手动的API测试是一个相当令人厌倦的过程，所以测试工程师经常选择自动化这个过程。现在，有许多测试自动化工具和技术可供使用，但我想带你了解一些我最喜欢的工具和技术，以帮助你节省时间并获得更好的结果。什么是API？应用程序编程接口(API)是构建应用程序时使用的一组规则、方法、工具和协议。换
  • [JMeter性能测试实战]如何做单接口性能测试 职说测试 JMeter性能测试全攻略jmeter场景设计单接口压测性能测试
    文章目录一、前言二、思路2.1、以查询页面为例2.2、脚本设计2.3、**RandomVariable**元件映入眼帘三、总结一、前言作为一名性能测试工程师，肯定需要解决一类问题，就是针对单接口做性能测试，而实际业务场景呢，这个可能存在一些难度，譬如，一个页面查询功能，如果只是查询接口，那么它查询的条件最好要有业务支撑，换句话说一定要查出结果，这样查出的结果页就是一个列表，至少从服务器监控的数据得
  • Ubuntu 24.04蓝牙失效之复活 NightReader Ubuntu22.04ubuntulinux运维
    ThinkpadE450Ubuntu24.04蓝牙突然罢工，设置页面蓝牙无法激活(turnon失效）。网上搜索诸多帖子试了一遍都没有解决，直到拜读到这篇[Solved]Bluetoothdownandhciconfighci0uptimeout/Kernel&Hardware/ArchLinuxForums适用于我的问题，并完美解决我的问题。andy@ThinkPad:~/Desktop$sudo
  • ThinkPHP运行目录设置为public子目录 NightReader 运维
    ThinkPHP是一个快速、兼容和简单的面向对象的PHP框架，它遵循MVC（模型-视图-控制器）设计模式。在ThinkPHP框架中，public目录扮演着非常重要的角色，它被设计为框架的公共访问目录。Public目录设置的原因和解决方案是ThinkPHP框架结构和安全策略的核心部分。原因：1)安全性：将public设为唯一的公共访问目录可以增强应用的安全性。通过限制对框架其他部分的访问，可以防止潜
  • app弱网测试 tcc374254426 app专项测试androidjavaapache
    目录目录1.引言2.什么是弱网测试3.测试用例4.弱网测试工具4.1.charles4.2.QNET5.环境安装5.1.安装charles5.2.安装QNET5.3.安装模拟器5.4.连接设备6.使用charles6.1.将电脑设置为代理服务器6.2.查看电脑IP6.3.手机设置电脑为代理6.4.HTTPS6.5.设置SSL代理6.6.电脑安装证书6.7.手机安装证书6.8.charles模拟不同
  • eNSP中AR2220、AR201、AR1220、AR2240、AR3260、Router、NE40E、NE5000E、NE9000、CX路由器学习笔记 learning-striving eNSP笔记eNSP路由器路由器接口VRP
    eNSP中常见华为路由器型号的接口特性详解及横向对比，重点关注接口类型、扩展能力和适用场景：缩写解释：LPU：LineProcessingUnit（线路处理单元）SPU：ServiceProcessingUnit（业务处理单元）PoE：PoweroverEthernet（以太网供电）GE：GigabitEthernet（千兆以太网）FE：FastEthernet（快速以太网）SFP：SmallFo
  • Java 简介 谏君之 java教程java开发语言
    Java简介Java是一种基于类的面向对象的编程语言，旨在具有尽可能少的实现依赖关系。它旨在让应用程序开发人员**一次编写并随处运行（WORA），**这意味着编译后的Java代码可以在支持Java的所有平台上运行，而无需重新编译。Java广泛用于开发桌面、Web和移动设备的应用程序。Java以其简单性、健壮性和安全功能而闻名，使其成为企业级应用程序的热门选择。Java应用程序可以被编译为在任何Ja
  • 【安装教程】Windows环境下Neo4j的安装与配置 慢热型网友. 机器学习作业报告windowsneo4j
    【安装教程】Windows环境下Neo4j的安装与配置Neo4j的概念一、安装前准备——JDK二、Neo4j的安装三、Neo4j的环境配置四、安装验证Neo4j的概念Neo4j是一个高性能的图形数据库管理系统，它使用图形模型来存储和处理数据。Neo4j的图形模型由节点和边组成，节点代表实体或对象，边表示它们之间的关系。节点和边都可以拥有属性，这些属性可以是任何类型的数据。Neo4j的图形模型可以轻
  • 【数学建模】基于matlab模拟无人车泊车问题仿真 matlab科研助手 数学建模matlab开发语言
    ✅作者简介：热爱科研的Matlab仿真开发者，修心和技术同步精进，代码获取、论文复现及科研仿真合作可私信。个人主页：Matlab科研工作室个人信条：格物致知。更多Matlab完整代码及仿真定制内容点击智能优化算法神经网络预测雷达通信无线传感器电力系统信号处理图像处理路径规划元胞自动机无人机物理应用机器学习内容介绍无人驾驶汽车技术近年来取得了飞速发展，其中自动泊车功能是关键技术之一。本文将重点讨论无
  • 【2025年14期免费获取股票数据API接口】实例演示五种主流语言获取股票行情api接口之沪深A股近年增发数据获取实例演示及接口API说明文档 不会写代码的码农农 python开发语言java股票API股票数据接口
    在近一至两年期间，股票量化分析逐步成为备受关注的热门议题。对于投身于该领域工作而言，首要步骤便是获取全面且精准的股票数据。无论是实时交易数据、历史交易记录、财务数据，亦或是基本面信息，这些数据均是开展量化分析过程中不可或缺的宝贵资源。我们的核心任务在于从这些数据中提炼出具有价值的信息，从而为投资策略提供坚实有力的指导。在数据探索进程中，我尝试运用了多种方法，涵盖自编网易股票页面爬虫程序、申万行业数
  • AI大语言模型概述：从GPT到BERT的技术演进 AI智能涌现深度研究 AI大模型应用入门实战与进阶DeepSeekR1&大数据AI人工智能计算大数据人工智能语言模型AI大模型LLMJavaPython架构设计AgentRPA
    1.背景介绍1.1什么是大语言模型大语言模型是一种基于深度学习的自然语言处理技术，它可以理解和生成人类语言。这些模型通过学习大量的文本数据，捕捉到语言的语法、语义和情感等信息，从而实现对自然语言的理解和生成。1.2为什么大语言模型如此重要大语言模型在近年来取得了显著的进展，它们在各种自然语言处理任务中都取得了最先进的性能。这些任务包括机器翻译、情感分析、文本摘要、问答系统等。大语言模型的成功在很大
  • 每日新闻掌握【2025年2月28日 星期五】 cdmt 每日新闻掌握科技
    2025年2月28日星期五农历二月初一大公司/大事件2024年中国手机出口量八年后首度增长36氪获悉，据中国机电商会消息，海关总署统计，2024年中国手机出口8.14亿部，同比增长1.5%，这也是2015年出口13.43亿部顶峰后连降八年的首度回正，并连续第三年保持在8亿部之上。手机出口额同比下降3.1%至1343.6亿美元，占货物出口总额的3.8%，较2018年最高值的5.7%已明显下滑。百度与
  • 【知识图谱】neo4j安装与配置_社区版_2025（附完整安装软件包） 知识靠谱 知识图谱知识图谱neo4j人工智能
    【知识图谱】neo4j-community-5.15.0社区版安装步骤前言所需环境配置1.安装JDK（1）测试一下（2）安装2.配置JDK环境3.安装neo4j4.配置neo4j环境5.测试安装结果前言(经历过各种版本NEO4J，遇见杂七杂八的各种问题，也看过非常多很好的教程，特此来分享一下，为大家排排坑。)所需环境配置环境工具：Windows10+jdk-17.0.7_windows-x64_b
  • 解决selenium的WebDriver object has no attribute ‘find_element_by_xpath‘问题 追逐程序梦想者 seleniumpython测试工具
    解决selenium的WebDriverobjecthasnoattribute'find_element_by_xpath’问题在使用selenium操作浏览器时，常见的一种定位元素的方式就是Xpath定位。但有时候会出现WebDriverobjecthasnoattribute'find_element_by_xpath’的错误提示，意思是WebDriver对象没有该方法。这通常是因为引入se
  • GPT-4.5实际性能评测：实际探索 耶耶Norsea 网络杂烩人工智能
    摘要经过数万轮严格测试，GPT-4.5的性能并未超越其前代产品GPT-4。此前发布的《GPT-4.5一手实测：垃圾》一文中存在不准确描述，在此向读者致歉。尽管GPT-4.5在价格上有所提升且响应速度较慢，但测试结果显示其模型素质并未达到预期水平。这一发现提醒我们在评估新技术时应更加谨慎。关键词GPT-4.5性能,测试结果,模型素质,响应速度,价格较高一、GPT-4.5的性能表现评估1.1GPT-4
  • ollama 提供给外部访问 麦当劳不要薯条 ollamalua开发语言
    ollama外部访问1、修改ollama配置2、增加配置3、重启ollama4、postMan访问效果1、修改ollama配置sudovim/etc/systemd/system/ollama.service2、增加配置OLLAMA_HOST绑定的主机与端口(默认“127.0.0.1:11434”)OLLAMA_ORIGINS允许的源的逗号分隔列表OLLAMA_MODELS模型目录的路径(默认是“
  • GPT-4.5 开发者每周简报 人工智能
    OpenAI正式发布GPT-4.5——迄今为止最强大的AI模型的研究预览版。从今天起，它向Pro用户和开发者开放，引发了全球AI爱好者的热烈讨论。OpenAI团队表示，GPT-4.5是他们迄今为止最大、最强的模型，在预训练和后训练方面实现了重大突破。通过扩展无监督学习，GPT-4.5增强了识别模式、建立联系和创造性洞察的能力，尽管它并不是专门为推理任务设计的。早期测试者表示，与GPT-4.5交互的
  • C++学习：多态 DesolateGIS 学习
    目录文章目录一、多态的基本语法二、多态的原理剖析三、纯虚函数和抽象类四、虚析构和纯虚析构五、多态的案例案例一:计算机类案例二：制作饮品总结一、多态的基本语法多态分为两类：静态多态:函数重载和运算符重载属于静态多态，复用函数名动态多态:派生类和虚函数实现运行时多态静态多态和动态多态区别：静态多态的函数地址早绑定-编译阶段确定函数地址动态多态的函数地址晚绑定-运行阶段确定函数地址程序调用的结果是动物在
  • C++学习：继承 DesolateGIS 学习
    文章目录文章目录前言一、继承的基本语法二、继承的方式1.公共继承2.保护继承3.私有继承三、继承中的对象模型四、继承中的构造和析构顺序五、继承同名成员处理方式1.继承同名非静态成员处理方式2.继承同名静态成员处理方式总结前言x继承是一个类从另一个类获取成员变量和成员函数的过程，通过继承创建的新类称为“派生类”或“子类”，被继承的类称为“基类”或“父类”。一、继承的基本语法继承的好处：减少重复代码继
  • 基于单片机的数字电能表（论文+源码） 云山工作室 单片机嵌入式硬件毕业设计stm32
    1.系统整体方案设计数字电能表系统设计解决了传统的用电设备的应用问题，能够让用户通过手机等移动设备获取电器的实时工作状态及数据信息，能够帮助找出高能耗的电器，及时停用或替换高能耗用电设备。在功能上需要实现高压交流电压的测量，并且可以对交流电压，电流，电能质量，功率因数等进行测量。如图2.1所示为系统整体设计框图，系统采用STC89C52单片机作为主控制器，搭配外设PZEM-004模块实现电能检测,
  • 本地部署大语言模型-DeepSeek NightReader 语言模型人工智能自然语言处理
    DeepSeek是国内顶尖AI团队「深度求索」开发的多模态大模型，具备数学推理、代码生成等深度能力，堪称"AI界的六边形战士"。HosteaseAMD9950X/96G/3.84TNVMe/1G/5IP/RTX4090GPU服务器提供多种计费模式。DeepSeek-R1-32B配置配置项规格要求CPU16核以上（如AMDRyzen9950）内存96GB硬盘960GB显卡24GB+显存（如RTX40
  • 数学建模：MATLAB极限学习机解决回归问题 DesolateGIS 数学建模数学建模matlab开发语言
    一、简述极限学习机是一种用于训练单隐层前馈神经网络的算法，由输入层、隐藏层、输出层组成。基本原理：输入层接受传入的样本数据。在训练过程中随机生成从输入层到隐藏层的所有连接权重以及每个隐藏层神经元的偏置值，这些参数在整个训练过程中不会被修改。前向传播：输入数据通过已设定的权重和偏置传递给隐藏层，经过激活函数处理后产生隐藏层的输出。在得到隐藏层输出后，需找到从隐藏层到输出层的最佳权重。隐藏层到输出层的
  • [Windows] 免费电脑控制手机软件 极限投屏_正式版_3.0.1 （QtScrcpy作者开发） 私人珍藏库 电脑
    [Windows]极限投屏_正式版链接：https://pan.xunlei.com/s/VOKJf8Z1u5z-cHcTsRpSd89tA1?pwd=u5ub#新增功能(Future)：支持安卓14(SupportsAndroid14)提高投屏成功率(Improvethesuccessrateofmirror)加快投屏速度(Acceleratescreenmirroringspeed)减少批量投
  • 使用pytorch和opencv根据颜色相似性提取图像 深蓝海拓 机器视觉和人工智能学习opencv学习笔记pytorchopencv人工智能
    需求：将下图中的花朵提取出来。代码：importcv2importtorchimportnumpyasnpimporttimedefget_similar_colors(image,color_list,threshold):#将图像和颜色列表转换为torch张量device=torch.device('cuda'iftorch.cuda.is_available()else'cpu')image
  • 自动驾驶系统工程师的技术图谱与学习路径 执于代码 开发者职业加速服务自动驾驶人工智能
    自动驾驶系统工程师的技术图谱与学习路径自动驾驶系统工程师是一个跨学科的角色，涵盖了硬件、软件、传感器、算法、控制系统等多个领域。为了清晰展示这一职位所需要掌握的技术，我们可以将其分为多个能力层次，并根据工程师在不同阶段的需求设计学习路径。以下是一个详细的自动驾驶系统工程师技术图谱与学习路径，按照“技能树与能力模型”展示，从基础到进阶，分层次列出了所需的核心技能和学习路线。一、基础能力层（数学、编程
  • DeepSeek-R1 技术报告解读：用强化学习激发大模型的推理潜能 跑起来总会有风 aiAI编程论文阅读
    文章目录1.背景2.DeepSeek-R1训练流程2.1DeepSeek-R1-Zero：纯强化学习2.2DeepSeek-R1：冷启动+多阶段训练3.蒸馏小模型3.1蒸馏流程与优势3.2蒸馏vs.直接RL4.实验结果4.1主模型表现4.2蒸馏模型表现5.关键创新与思考6.总结参考链接**导读：**DeepSeek-R1是近期发布的一款开源大模型，它将纯强化学习与多阶段训练策略相结合，大幅提升了模
  • 将excel文件各列保存为txt的实战代码 爱编程的喵喵 Python基础课程pythonexceltxt实战代码
      大家好，我是爱编程的喵喵。双985硕士毕业，现担任全栈工程师一职，热衷于将数据思维应用到工作与生活中。从事机器学习以及相关的前后端开发工作。曾在阿里云、科大讯飞、CCF等比赛获得多次Top名次。现为CSDN博客专家、人工智能领域优质创作者。喜欢通过博客创作的方式对所学的知识进行总结与归纳，不仅形成深入且独到的理解，而且能够帮助新手快速入门。  本文主要介绍了将excel文件各列保存为txt的实
  • 04、结构体两种传参形式 weixin_30376163
    结构体两种传参形式题目：有一个结构体变量stu，内含学生学号、姓名、和3门课程的成绩。要求在函数add10中将小于60分的成绩增加10分，然后输出全部信息。一、结构体变量作为实参/*2017年6月30日13:53:15功能：结构体变量作为实参*/#includestructstu{intnum;charname[10];floatscore[3];};voidadd10(structstust2)
  • java杨辉三角 3213213333332132 java基础
    package com.algorithm; /** * @Description 杨辉三角 * @author FuJianyong * 2015-1-22上午10:10:59 */ public class YangHui { public static void main(String[] args) { //初始化二维数组长度 int[][] y
  • 《大话重构》之大布局的辛酸历史 白糖_ 重构
    《大话重构》中提到“大布局你伤不起”，如果企图重构一个陈旧的大型系统是有非常大的风险，重构不是想象中那么简单。我目前所在公司正好对产品做了一次“大布局重构”，下面我就分享这个“大布局”项目经验给大家。   背景         公司专注于企业级管理产品软件，企业有大中小之分，在2000年初公司用JSP/Servlet开发了一套针对中
  • 电驴链接在线视频播放源码 dubinwei 源码电驴播放器视频ed2k
    本项目是个搜索电驴（ed2k）链接的应用,借助于磁力视频播放器（官网： http://loveandroid.duapp.com/ 开放平台），可以实现在线播放视频，也可以用迅雷或者其他下载工具下载。 项目源码： http://git.oschina.net/svo/Emule,动态更新。也可从附件中下载。 项目源码依赖于两个库项目，库项目一链接： http://git.oschina.
  • Javascript中函数的toString()方法 周凡杨 JavaScriptjstoStringfunctionobject
    简述     The toString() method returns a string representing the source code of the function.     简译之，Javascript的toString()方法返回一个代表函数源代码的字符串。 句法     function.
  • struts处理自定义异常 g21121 struts
    很多时候我们会用到自定义异常来表示特定的错误情况，自定义异常比较简单，只要分清是运行时异常还是非运行时异常即可，运行时异常不需要捕获，继承自RuntimeException，是由容器自己抛出，例如空指针异常。 非运行时异常继承自Exception，在抛出后需要捕获，例如文件未找到异常。 此处我们用的是非运行时异常，首先定义一个异常LoginException: /** * 类描述：登录相
  • Linux中find常见用法示例 510888780 linux
    Linux中find常见用法示例 ·find   path   -option   [   -print ]   [ -exec   -ok   command ]   {} \; find命令的参数；
  • SpringMVC的各种参数绑定方式 Harry642 springMVC绑定表单
    1. 基本数据类型(以int为例，其他类似)： Controller代码： @RequestMapping("saysth.do") public void test(int count) { } 表单代码： <form action="saysth.do" method="post&q
  • Java 获取Oracle ROWID aijuans javaoracle
    A ROWID is an identification tag unique for each row of an Oracle Database table. The ROWID can be thought of as a virtual column, containing the ID for each row. The oracle.sql.ROWID class i
  • java获取方法的参数名 antlove javajdkparametermethodreflect
    reflect.ClassInformationUtil.java package reflect; import javassist.ClassPool; import javassist.CtClass; import javassist.CtMethod; import javassist.Modifier; import javassist.bytecode.CodeAtt
  • JAVA正则表达式匹配 查找 替换 提取操作 百合不是茶 java正则表达式替换提取查找
    正则表达式的查找;主要是用到String类中的split();       String str;      str.split();方法中传入按照什么规则截取,返回一个String数组   常见的截取规则: str.split("\\.")按照.来截取 str.
  • Java中equals()与hashCode()方法详解 bijian1013 javasetequals()hashCode()
    一.equals()方法详解     equals()方法在object类中定义如下：  public boolean equals(Object obj) { return (this == obj); }    很明显是对两个对象的地址值进行的比较（即比较引用是否相同）。但是我们知道，String 、Math、I
  • 精通Oracle10编程SQL(4)使用SQL语句 bijian1013 oracle数据库plsql
    --工资级别表 create table SALGRADE ( GRADE NUMBER(10), LOSAL NUMBER(10,2), HISAL NUMBER(10,2) ) insert into SALGRADE values(1,0,100); insert into SALGRADE values(2,100,200); inser
  • 【Nginx二】Nginx作为静态文件HTTP服务器 bit1129 HTTP服务器
     Nginx作为静态文件HTTP服务器 在本地系统中创建/data/www目录，存放html文件(包括index.html) 创建/data/images目录，存放imags图片 在主配置文件中添加http指令   http { server { listen 80; server_name
  • kafka获得最新partition offset blackproof kafkapartitionoffset最新
    kafka获得partition下标，需要用到kafka的simpleconsumer   import java.util.ArrayList; import java.util.Collections; import java.util.Date; import java.util.HashMap; import java.util.List; import java.
  • centos 7安装docker两种方式 ronin47
          第一种是采用yum 方式              yum install -y docker           
  • java-60-在O(1)时间删除链表结点 bylijinnan java
    public class DeleteNode_O1_Time { /** * Q 60 在O(1)时间删除链表结点 * 给定链表的头指针和一个结点指针(!!)，在O(1)时间删除该结点 * * Assume the list is: * head->...->nodeToDelete->mNode->nNode->..
  • nginx利用proxy_cache来缓存文件 cfyme cache
    user  zhangy users; worker_processes 10; error_log  /var/vlogs/nginx_error.log  crit; pid        /var/vlogs/nginx.pid; #Specifies the value for ma
  • [JWFD开源工作流]JWFD嵌入式语法分析器负号的使用问题 comsci 嵌入式
        假如我们需要用JWFD的语法分析模块定义一个带负号的方程式，直接在方程式之前添加负号是不正确的，而必须这样做：     string str01 = "a=3.14;b=2.71;c=0;c-((a*a)+(b*b))"     定义一个0整数c,然后用这个整数c去
  • 如何集成支付宝官方文档 dai_lm android
    官方文档下载地址 https://b.alipay.com/order/productDetail.htm?productId=2012120700377310&tabId=4#ps-tabinfo-hash 集成的必要条件 1. 需要有自己的Server接收支付宝的消息 2. 需要先制作app，然后提交支付宝审核，通过后才能集成 调试的时候估计会真的扣款，请注意
  • 应该在什么时候使用Hadoop datamachine hadoop
    原帖地址：http://blog.chinaunix.net/uid-301743-id-3925358.html 存档，某些观点与我不谋而合，过度技术化不可取，且hadoop并非万能。 --------------------------------------------万能的分割线-------------------------------- 有人问我，“你在大数据和Hado
  • 在GridView中对于有外键的字段使用关联模型进行搜索和排序 dcj3sjt126com yii
    在GridView中使用关联模型进行搜索和排序 首先我们有两个模型它们直接有关联: class Author extends CActiveRecord { ... } class Post extends CActiveRecord { ... function relations() { return array( '
  • 使用NSString 的格式化大全 dcj3sjt126com Objective-C
    格式定义The format specifiers supported by the NSString formatting methods and CFString formatting functions follow the IEEE printf specification; the specifiers are summarized in Table 1. Note that you c
  • 使用activeX插件对象object滚动有重影 蕃薯耀 activeX插件滚动有重影
      使用activeX插件对象object滚动有重影   <object style="width:0;" id="abc" classid="CLSID:D3E3970F-2927-9680-BBB4-5D0889909DF6" codebase="activex/OAX339.CAB#
  • SpringMVC4零配置 hanqunfeng springmvc4
    基于Servlet3.0规范和SpringMVC4注解式配置方式，实现零xml配置，弄了个小demo，供交流讨论。     项目说明如下： 1.db.sql是项目中用到的表，数据库使用的是oracle11g 2.该项目使用mvn进行管理，私服为自搭建nexus,项目只用到一个第三方 jar，就是oracle的驱动； 3.默认项目为零配置启动，如果需要更改启动方式，请
  • 《开源框架那点事儿16》：缓存相关代码的演变 j2eetop 开源框架
    问题引入 上次我参与某个大型项目的优化工作，由于系统要求有比较高的TPS，因此就免不了要使用缓冲。 该项目中用的缓冲比较多，有MemCache，有Redis，有的还需要提供二级缓冲，也就是说应用服务器这层也可以设置一些缓冲。 当然去看相关实现代代码的时候，大致是下面的样子。 [java] view plain copy print ? public vo
  • AngularJS浅析 kvhur JavaScript
    概念 AngularJS is a structural framework for dynamic web apps. 了解更多详情请见原文链接：http://www.gbtags.com/gb/share/5726.htm Directive 扩展html，给html添加声明语句，以便实现自己的需求。对于页面中html元素以ng为前缀的属性名称，ng是angular的命名空间
  • 架构师之jdk的bug排查(一)---------------split的点号陷阱 nannan408 split
    1.前言.    jdk1.6的lang包的split方法是有bug的,它不能有效识别A.b.c这种类型,导致截取长度始终是0.而对于其他字符,则无此问题.不知道官方有没有修复这个bug. 2.代码 String[] paths = "object.object2.prop11".split("'"); System.ou
  • 如何对10亿数据量级的mongoDB作高效的全表扫描 quentinXXZ mongodb
      本文链接:  http://quentinXXZ.iteye.com/blog/2149440 一、正常情况下，不应该有这种需求 首先，大家应该有个概念，标题中的这个问题，在大多情况下是一个伪命题，不应该被提出来。要知道，对于一般较大数据量的数据库，全表查询，这种操作一般情况下是不应该出现的，在做正常查询的时候，如果是范围查询，你至少应该要加上limit。 说一下，
  • C语言算法之水仙花数 qiufeihu c算法
    /** * 水仙花数 */ #include <stdio.h> #define N 10 int main() { int x,y,z; for(x=1;x<=N;x++) for(y=0;y<=N;y++) for(z=0;z<=N;z++) if(x*100+y*10+z == x*x*x
  • JSP指令 wyzuomumu jsp
    jsp指令的一般语法格式： <%@ 指令名 属性 =”值 ” %> 常用的三种指令： page,include,taglib page指令语法形式： <%@ page 属性 1=”值 1” 属性 2=”值 2”%> include指令语法形式： <%@include file=”relative url”%> (jsp可以通过 include
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他