.olofmeister
.olofmeister

音乐播放器界面设计

音乐播放器界面简单制作

这个音乐播放器界面的设计主要涉及到div对整个页面的布局分层想法 然后涉及到 定位； 浮动 ； 精灵图 以及伪类选择器的样式用法 下面我们进入正题吧

首先我们搭建整体的布局

音乐播放器界面设计_第1张图片
具体的css样式参数我们在代码中讲解 我们分析一下这个整体的div布局最外围是<body>给它设置宽高，<warpper>作为播放器页面的主体我们让它居中显示并带上上边距。 内容部分我们设置一左一右也是为了后面的浮动做准备，最后<left-bottom>作为底部鼠标触碰弹出框 为其设置hover属性。

下面是HTML部分代码
<body>
		<div id="warpper">
			<div class="left">
				<a class="left-dj" href="#">a>
				
				<div class="left-bottom">
					<p class="title">最酷的百大DJ即将引爆电音新浪潮 p>
					<p class="author">电疗中心p>
					<i class="play">i>
				div>
				<p class="left-num">
					<i>i>
					<span>36.8万span>
				p>	
			div>
			<div class="right">
				<a href="#" style="background-image: url(img/02.jpg);">a>
				<a href="#" style="background-image: url(img/03.jpg);">a>
				<a href="#" style="background-image: url(img/04.jpg);">a>
				<a href="#" style="background-image: url(img/05.jpg);">a>
			div>
		div>
	body>

按照我们之前设想的边框进行排版并输入内容

然后我们通过link链接一个css样式表
*{
	/*取消浏览器缺省样式*/
	margin: 0;
	padding: 0;
}
#warpper{
	width: 820px;
	height: 500px;
	/*让最底层warpper位置居中*/
	margin: 10px auto 0;
}
.left,.right{
	float: left;
	position: relative;
}
.left-dj{
	/*设置显示为行内块元素*/
	display: inline-block;
	width: 300px;
	height: 320px;
	margin: 10px;
	background-image: url(../img/01.jpg);
	/*设置背景图片为居中避免造成平铺效果*/
	background-size: contain;
}
.right{
	width: 340px;
	height: 500px;
	margin-top: 10px;
}
.right a{
	
	float: left;
	width: 150px;
	height: 150px;
	margin: 5px;
}

.left-num{
	/*相对父元素做绝对定位*/
	position: absolute;
	top: 10px;
	right: 12px;
}

.left-num span{
	color: #fff;
}
.left-num i{
	display: inline-block;
	width: 15px;
	height: 15px;
	background-image: url(../img/sprite.png);
	background-position: 0 -195px;
}

.left-bottom{
	/*初始状态为不显示*/
	display: none;
	position: absolute;
	width: 300px;
	height: 80px;
	background-color: rgba(0,0,0,.2);
	bottom: 14px;
	left: 10px;
}
.left-bottom p{
	margin: 10px;
	width: 200px;
	white-space: nowrap;
	/*text-overflow: ellipsis;
	overflow: hidden;*/
	/*这里代码作用是过多文字不转行转化成省略号*/	 
	color: #fff;
}
.play{
	position: absolute;
	
	right: 5px;
	top: 30px;
	width: 40px;
	height: 40px;
	background-image: url(../img/sprite.png);
	background-position: 0 -360px;
}
/*这里我们伪类选择器选择.left下面的left-bottom*/
.left:hover .left-bottom{
	display: block;
}
  • 关于定位问题position的取值用到了 relative 和 absolute 在定义absolut 时它会相对于离它最近的已经定位的祖先级元素并且会脱离文档流
  • 关于伪类选择器hover要注意的是一定要定位到需要增加样式的类上
  • 一些边框的数据可以根据实际情况进行更改，备注部分介绍了用到的样式属性的作用 ，后面四张图片的样式都可以参考第一张

精灵图

精灵图就是将多个小图片整合在一张图上，这样做可以减少浏览器向服务器发送请求次数，提高网页的加载速度 而在浏览器中就是使用<background-position>来调整精灵图的位置，通过宽高来确定需要的图片

    width: 15px;
	height: 15px;
	background-image: url(../img/sprite.png);
	background-position: 0 -195px;

关于精灵图的定位我们来看这张图 方便理解为什么position的取值是负数音乐播放器界面设计_第2张图片因为x、y轴的正方向分别为右和下 而精灵图的位置是相对于原点的 即要将你需要的图片上边框位置固定在原点

最后是我们的效果图 鼠标触碰会将底部的作者标签和播放按钮显示出来音乐播放器界面设计_第3张图片

谢谢大家的支持，如有错误请指正！

你可能感兴趣的:(音乐播放器界面设计)

  • JAVA·一个简单的登录窗口 MortalTom java开发语言学习
    文章目录概要整体架构流程技术名词解释技术细节资源概要JavaSwing是Java基础类库的一部分，主要用于开发图形用户界面（GUI）程序整体架构流程新建项目，导入sql.jar包（链接放在了文末），编译项目并运行技术名词解释一、特点丰富的组件提供了多种可视化组件，如按钮（JButton）、文本框（JTextField）、标签（JLabel）、下拉列表（JComboBox）等，可以满足不同的界面设计
  • 外卖霸王餐返利外卖会员卡小程序开发 闹小艾 good506070微信小程序小程序
    外卖霸王餐返利外卖会员卡小程序开发"社交电商赋能下的外卖返利小程序"是专为商家与用户双赢而设计的创新平台。以下是其开发方案的详细步骤：一、需求梳理：首先，我们需要明确小程序的核心功能和特色。包括设定活动类型、返利策略，以及用户体验友好的界面设计。二、技术决策：技术选型是关键。我们采用小程序的开发框架，利用JavaScript作为前端开发语言，并结合微信提供的API进行后端接口调用与数据处理。三、账
  • 优惠券直返返利APP哪个最出色？返利网如何返利？ 氧惠全网优惠
    选择一款出色的优惠券直返返利APP，需要考虑多个方面，包括返利力度、优惠券种类、提现速度、界面设计以及用户体验等。在市场上众多的优惠券直返返利APP中，有一款名为“省呗”的应用表现突出，备受用户青睐。省呗不仅提供多种优惠券和返利活动，还拥有简洁明了的界面和便捷的提现功能，让用户在享受优惠的同时，也能轻松管理自己的账户。氧惠APP（带货领导者）——是与以往完全不同的抖客+淘客app！2024全新模式
  • 小程序商城设计 红匣子实力推荐
    随着移动互联网的普及和发展，越来越多的人开始使用手机进行购物。为了满足用户的需求，各种电商平台纷纷推出了自己的小程序商城。小程序商城以其轻便、快捷的特点，为用户提供了便捷的移动购物体验。本文将介绍小程序商城的设计要点，帮助开发者打造一个高效、易用的购物平台。开发-联系电话：13642679953（微信同号）1.简洁明了的界面设计小程序商城的界面设计应该简洁明了，让用户一眼就能看到自己想要购买的商品
  • Java 后端程序员必须要懂的几种框架分享 Java烟雨 javamvc开发语言
    MVC框架MVC模式是软件工程中的一种软件架构模式，可以把软件系统分为三个基本部分：模型（Model），编写程序应有的功能（实现算法等等）、进行数据管理和数据库设计，。视图（View），界面设计人员进行图形界面设计。控制器（Controller），负责转发请求，对请求进行处理。比较知名的MVC框架有SpringMVC，是一种基于请求驱动类型的轻量级Web框架，目的是帮助我们后端程序员简化开发。我个
  • 全面的弹出框提示框插件资源指南 BOBO爱吃菠萝
    本文还有配套的精品资源，点击获取简介：在IT领域，用户界面设计中的弹出框和提示框是关键元素，它们能够有效传达信息与引导用户。本资源汇集了多种类型的弹出框和提示框插件，如artDialog、ymprompt4.0、thickbox、poshytip和colortips，提供给开发者在网页或应用程序中实现多样化交互体验的工具。这些插件各有特色，包括自定义样式、拖拽功能、全屏展示、定位提示以及色彩展示等
  • 用python实现todolist_开发“todolist“”项目及其自己的感悟 weixin_39678426
    一，项目题目:实现“todolist项目”该项目主要可以练习js操控dom事件，事件触发之间的逻辑关系，以及如何写入缓存，获取缓存、固定。二，todolist简介ToDoList是一款非常优秀的任务管理软件，用户可以用它方便地组织和安排计划。该软件短小精悍，仅有一个数百KB的可执行文件就能完成所有功能，并且界面设计优秀，初级用户也能够快速上手。todolist具体功能ToDoList帮你把要做的事
  • 在 Linux 中如何检查正在运行的进程 IT孔乙己 linuxdebian运维
    每天，开发人员都会在终端中使用各种应用程序并运行命令。这些应用程序可能包括浏览器、代码编辑器、终端、视频会议应用程序或音乐播放器。对于你打开的每个软件应用程序或你运行的命令，它都会创建一个进程或任务。Linux操作系统和现代计算机的一大优点是它们支持多任务处理，所以多个程序可以同时运行。你有没有想过如何检查机器上运行的所有程序？这篇文章就是为你准备的，我将向你展示如何列出、管理和终止Linux电脑
  • 嵌入式QT开发：构建高效智能的嵌入式系统 嵌入式大圣 qt开发语言
    摘要：本文深入探讨了嵌入式QT相关的各个方面。从QT框架的基础架构和核心概念出发，详细阐述了其在嵌入式环境中的优势与特点。文中分析了嵌入式QT的开发环境搭建过程，包括交叉编译工具链的配置等关键步骤。进一步探讨了嵌入式QT的界面设计与开发，涵盖了从基本控件的使用到复杂界面布局的构建。同时也深入研究了信号与槽机制在嵌入式系统中的应用，以及嵌入式QT与硬件设备的交互，包括输入输出设备的驱动与集成。还涉及
  • 易语言打造智能在线更新程序指南 甄公子
    本文还有配套的精品资源，点击获取简介：易语言作为一种中文编程语言，简化了在线智能更新程序的构建过程。本文深入介绍易语言在创建软件更新系统中的应用，包括程序的自动更新机制、文件管理、安全校验、用户界面设计以及网络通信技术等方面。1.易语言简介易语言是一种基于中文的编程语言，特别适合中文用户和初学者快速上手。它具有简单易学、开发效率高的特点，可以快速进行软件开发，尤其在桌面应用和小游戏开发中颇受青睐。
  • 悉尼大学COMP5216Assignment3课业解析 Artemis_666
    悉尼大学COMP5216Assignment3课业解析悉尼大学COMP5216Assignment3课业解析题意：设计实现一个计步APP解析：要实现以下功能：1.能够让用户输入距离和时间计算步数和速度;2.通过捕获每个GPS记录点之间的距离和从开始到结束的时间，追踪用户在地图上的路线；3.记录跑步的信息，生成日志记录并计算州平均值；4.音乐播放器功能，允许用户播放、暂停本地歌曲；5.允许用户重置步
  • 深入解析五大 LLM 可视化工具：Langflow、Flowise、Dify、AutoGPT UI 和 AgentGPT 花千树-010 AI编程langchain机器学习AI编程python机器人
    近年来，大语言模型（LLM）技术的迅猛发展推动了智能代理（Agent）应用的广泛应用。从任务自动化到智能对话系统，LLM代理可以极大简化复杂任务的执行。为了帮助开发者更快地构建和部署这些智能代理，多个开源工具应运而生，尤其是那些提供可视化界面的工具，让开发者通过简单的图形界面设计、调试和管理智能代理。本文将详细介绍五款热门的LLM可视化工具，分别是Langflow、Flowise、Dify、Aut
  • 3.21 day2 QT 谢必安灬 qt
    自由发挥登录窗口的应用场景，实现一个登录窗口界面要求:1.需要使用Ui界面文件进行界面设计2.ui界面上的组件相关设置，通过代码实现3需要添加适当的动图
  • 简易BBS系统开发DEMO：用户注册与发帖功能实现 丹力
    本文还有配套的精品资源，点击获取简介：“bbs.zip_BBS用户注册_DEMO_发帖”演示了论坛系统开发的核心功能，包括用户注册和发帖。BBS系统是允许用户发布信息和进行讨论的在线平台。该压缩包中的简易演示版BBS系统主要关注用户账户创建和论坛帖子发布，为用户提供互动交流的基础。代码实现了用户信息的收集与存储、前端界面设计以及后端数据处理。注册功能可能包含安全机制如哈希加盐算法和账号激活流程。发
  • 麻将定制开发 红匣子实力推荐
    在数字化时代，麻将不再局限于传统的实体牌局。随着科技的进步和用户需求的多样化，麻将游戏的定制开发应运而生，为玩家提供了更加个性化、便捷和丰富的游戏体验。本文将介绍麻将定制开发的概念、流程以及它所带来的好处。一、麻将定制开发概念：麻将定制开发是指根据不同用户群体的特定需求，对麻将游戏进行个性化设计和功能开发的过程。这包括界面设计、规则设定、游戏逻辑、社交互动等方面的定制。通过定制开发，麻将游戏可以更
  • 桌球陪玩预约小程序开发 I592O929783 java
    开发一个桌球陪玩预约小程序是一个结合了体育娱乐、社交和预约功能的项目。这个项目需要考虑用户体验、安全性、以及功能模块的全面性和易用性。以下是一个基本的开发步骤和关键功能点指南：1.需求分析目标用户：明确你的目标用户群体，比如桌球爱好者、寻求娱乐放松的人群、专业陪练等。功能需求：确定小程序需要提供的功能，如用户注册登录、陪玩信息展示、预约功能、支付系统、评价系统、消息通知、地理位置服务等。界面设计：
  • 欢乐农场游戏app开发｜养成游戏app开发｜游戏返利app开发多少钱 红匣子实力推荐
    欢乐农场游戏是一款非常受欢迎的手机应用程序，它允许用户模拟经营自己的农场，管理农作物、动物和设施，并与其他玩家互动。本文将介绍欢乐农场游戏app开发的整个过程，包括需求分析、界面设计、功能实现和测试等方面。游戏开发-联系电话：13642679953（微信同号）一、需求分析作为一款农场游戏，欢乐农场需要满足以下需求:用户可以创建自己的农场，并管理农作物、动物和设施。用户可以与其他玩家互动，分享自己的
  • java程序设计实验3_Java面向对象程序设计习题解答与实验(第3版) 张桂珠 9787563530922... weixin_39839478 java程序设计实验3
    **部分习题解答第1章面向对象程序设计第2章java概述和入门程序第3章java程序设计基础第4章类和对象第5章类的继承和派生第6章多态性第7章java实用包第8章图形和java2d第9章gui组件和用户界面设计第10章异常处理第11章多线程第12章输人流和输出流处理第13章网络技术与应用开发第14章jdbc技术和数据库开发应用**部分习题解答第1章面向对象程序设计第2章java概述和入门程序第3
  • 第一次随笔 Ed_blue 随笔第一次随笔
    第一次随笔欢迎使用Markdown编辑器你好！这是你第一次使用Markdown编辑器所展示的欢迎页。如果你想学习如何使用Markdown编辑器,可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。新的改变我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客：全新的界面设计，将会带来全新的写作体验；在创作
  • CLOS网络架构 ks-zhaoyk 网络架构vim
    CLOS网络架构文档欢迎使用Markdown编辑器你好！这是你第一次使用Markdown编辑器所展示的欢迎页。如果你想学习如何使用Markdown编辑器,可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。新的改变我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客：全新的界面设计，将会带来全新的写作体
  • C#在WPF中实现单个串口通信例2 杨PH C#实例练习c#
    上面是UI界面设计代码2、后台代码：usingSystem;usingSystem.Collections.Generic;usingSystem.IO.Ports;usingSystem.Text;usingSystem.Windows;namespaceSerialPortExample{publicpartialclassMainWindow:Window{privateSerialPort
  • Postman接口测试工具详解 m0_38123128 postman
    引言在软件开发过程中，接口测试是保证系统间数据交互稳定性和可靠性的重要环节。Postman作为一款功能强大且用户友好的API开发和测试工具，凭借其简单易用、功能丰富等特点，深受开发者和测试人员的喜爱。本文将详细介绍Postman的界面布局、核心功能以及在实际接口测试中的应用。Postman界面布局Postman的界面设计简洁明了，主要包括以下几个部分：工具栏：New：新建请求、集合（Collect
  • 【电子商城系统如何进行需求分析？】 启山智软 商城 源码 需求分析小程序开源java
    文章目录前言一、用户需求分析二、功能性需求三、性能需求分析四、系统可维护性和扩展性需求五、用户体验和界面设计需求总结前言电子商城系统进行需求分析时，应当从多个维度全面考虑其功能、性能和用户需求等方面。在进行电子商城系统的需求分析时，需要确保每一步都细致且周到，从而为后续的开发打下坚实的基础。需求分析是软件开发过程中的关键步骤之一，它决定了系统的功能、性能以及用户体验等多个方面。以下是对电子商城系统
  • 他们告诉你，演员不是那么好当的 孤松堂主
    今天开始写字前，我让电脑的音乐播放器回荡起张国荣的声音，原因是昨天的一则张国荣胞姐离世的消息，让我再次忆起他。每当我的世界里出现张国荣三个字，都不觉要抽出时间来听一听他的歌，回顾一下他的电影。虽然听了很多遍，也看过很多遍，却总是百看不厌。我依然记得去年冬天那个下午，北京的五环上堵的厉害，百无聊赖中打开车上的收音机，正好播放一个关于《射雕英雄传》的访谈节目。新版射雕由郭靖宇监制，蒋家骏执导，节目一开
  • Mac安装Python并使用GUI界面设计 nilzz
    Mac安装Python并使用GUI界面设计准备工作Mac一台PythonPythonpipWxpython步骤01安装PythonMAC一般都自带安装pythonpython--version#命令查看已安装版本号如果想换其他版本，可以去python官网下载https://www.python.org/downloads/mac-osx/02安装pippip是常用的python包管理工具sudoe
  • 人脸识别界面设计Android,人脸识别系统的设计及Android平台实现 代码侠士 人脸识别界面设计Android
    摘要：近些年来,随着人们对信息安全问题的日益重视,生物识别技术由于其自身具有传统身份技术所不具备的优势,被大量地用于身份认证中.人脸作为一种重要的生物特征,具有唯一性,随身携带的优点,而且人脸图像的采集条件相对宽松,因此人脸识别技术被大量地用作门禁,安检等相关领域.本文对人脸识别系统进行了相关研究.在人脸检测阶段,对人脸检测的两种方法进行了研究.使用肤色检测的方法检测速度较快,但检测范围不准确并且
  • MATLAB发票识别系统 柠檬少少开发 matlab
    课题介绍该课题为基于MATLAB的发票识别系统。主要识别发票的编号。可定做发票的日期，金额等字段的识别。通过输入图片，校正，定位目标区域，分割，字符分割，模板匹配识别，得出结果。整个设计包含GUI界面。另外，如动车票，机票，汽车票等均可。GUI界面设计
  • 用Python制作动态音频可视化：音乐律动动效 屿小夏 #Python动效python音视频pygame
    文章目录引言准备工作前置条件代码实现与解析导入必要的库初始化Pygame加载音频文件实现音频可视化主循环完整代码引言音频可视化是一种将音频信号转换为视觉效果的技术，常用于音乐播放器和现场演出中。在这篇博客中，我们将使用Python创建一个动态的音频可视化效果。通过利用Pygame和NumPy库，我们可以实现一个具有视觉吸引力的音乐律动动效。准备工作前置条件在开始之前，你需要确保你的系统已经安装了P
  • 有没有大佬帮孩子看看问题出在哪啊啊啊啊 MinerTob pythonpygame
    我写了一个python音乐播放器，在实现进度条功能时为什么拖动进度条后，进度条后会退回原来的位置，而不是在拖动到的位置继续加载啊求个大佬解答啊（qmq）这是我写的代码（有注释）importosimportsysimporttkinterastkfromtkinterimportfiledialog,messageboximportpygameimportjsonfrommoviepy.editor
  • C# 与 Qt 的对比分析 N201871643 数据库
    C#与Qt的对比分析目录C#与Qt的对比分析1.语言特性2.开发环境3.框架和库4.用户界面设计5.企业级应用6.性能考量在软件开发领域，C#和Qt是两种常用的技术栈，它们分别在.NET平台和跨平台桌面应用开发中占据重要位置。本文将深入探讨C#相对于Qt的一些优势，并提供代码示例和最佳实践。1.语言特性1.1现代语言特性C#是一种现代编程语言，它继承了C++的强大功能，同时提供了更多的内存管理和安
  • 戴尔笔记本win8系统改装win7系统 sophia天雪 win7戴尔改装系统win8
    戴尔win8 系统改装win7 系统详述 第一步：使用U盘制作虚拟光驱：         1）下载安装UltraISO：注册码可以在网上搜索。         2）启动UltraISO，点击“文件”—》“打开”按钮，打开已经准备好的ISO镜像文
  • BeanUtils.copyProperties使用笔记 bylijinnan java
    BeanUtils.copyProperties VS PropertyUtils.copyProperties 两者最大的区别是： BeanUtils.copyProperties会进行类型转换，而PropertyUtils.copyProperties不会。 既然进行了类型转换，那BeanUtils.copyProperties的速度比不上PropertyUtils.copyProp
  • MyEclipse中文乱码问题 0624chenhong MyEclipse
    一、设置新建常见文件的默认编码格式，也就是文件保存的格式。 在不对MyEclipse进行设置的时候，默认保存文件的编码，一般跟简体中文操作系统（如windows2000，windowsXP）的编码一致，即GBK。 在简体中文系统下，ANSI 编码代表 GBK编码;在日文操作系统下，ANSI 编码代表 JIS 编码。 Window-->Preferences-->General -
  • 发送邮件 不懂事的小屁孩 send email
    import org.apache.commons.mail.EmailAttachment; import org.apache.commons.mail.EmailException; import org.apache.commons.mail.HtmlEmail; import org.apache.commons.mail.MultiPartEmail;
  • 动画合集 换个号韩国红果果 htmlcss
    动画 指一种样式变为另一种样式 keyframes应当始终定义0 100 过程 1 transition  制作鼠标滑过图片时的放大效果 css .wrap{ width: 340px;height: 340px; position: absolute; top: 30%; left: 20%; overflow: hidden; bor
  • 网络最常见的攻击方式竟然是SQL注入 蓝儿唯美 sql注入
    NTT研究表明，尽管SQL注入（SQLi）型攻击记录详尽且为人熟知，但目前网络应用程序仍然是SQLi攻击的重灾区。 信息安全和风险管理公司NTTCom Security发布的《2015全球智能威胁风险报告》表明，目前黑客攻击网络应用程序方式中最流行的，要数SQLi攻击。报告对去年发生的60亿攻击 行为进行分析，指出SQLi攻击是最常见的网络应用程序攻击方式。全球网络应用程序攻击中，SQLi攻击占
  • java笔记2 a-john java
    类的封装： 1，java中，对象就是一个封装体。封装是把对象的属性和服务结合成一个独立的的单位。并尽可能隐藏对象的内部细节（尤其是私有数据） 2，目的：使对象以外的部分不能随意存取对象的内部数据（如属性），从而使软件错误能够局部化，减少差错和排错的难度。 3，简单来说，“隐藏属性、方法或实现细节的过程”称为——封装。 4，封装的特性：       4.1设置
  • [Andengine]Error：can't creat bitmap form path “gfx/xxx.xxx” aijuans 学习Android遇到的错误
            最开始遇到这个错误是很早以前了，以前也没注意，只当是一个不理解的bug，因为所有的texture，textureregion都没有问题，但是就是提示错误。 昨天和美工要图片，本来是要背景透明的png格式，可是她却给了我一个jpg的。说明了之后她说没法改，因为没有png这个保存选项。 我就看了一下，和她要了psd的文件，还好我有一点
  • 自己写的一个繁体到简体的转换程序 asialee java转换繁体filter简体
              今天调研一个任务，基于java的filter实现繁体到简体的转换，于是写了一个demo，给各位博友奉上，欢迎批评指正。          实现的思路是重载request的调取参数的几个方法，然后做下转换。          
  • android意图和意图监听器技术 百合不是茶 android显示意图隐式意图意图监听器
    Intent是在activity之间传递数据;Intent的传递分为显示传递和隐式传递   显式意图：调用Intent.setComponent() 或 Intent.setClassName() 或 Intent.setClass()方法明确指定了组件名的Intent为显式意图，显式意图明确指定了Intent应该传递给哪个组件。   隐式意图;不指明调用的名称,根据设
  • spring3中新增的@value注解 bijian1013 javaspring@Value
            在spring 3.0中，可以通过使用@value，对一些如xxx.properties文件中的文件，进行键值对的注入，例子如下： 1.首先在applicationContext.xml中加入：  <beans xmlns="http://www.springframework.
  • Jboss启用CXF日志 sunjing logjbossCXF
    1. 在standalone.xml配置文件中添加system-properties：     <system-properties>        <property name="org.apache.cxf.logging.enabled" value=&
  • 【Hadoop三】Centos7_x86_64部署Hadoop集群之编译Hadoop源代码 bit1129 centos
      编译必需的软件 Firebugs3.0.0 Maven3.2.3 Ant JDK1.7.0_67 protobuf-2.5.0 Hadoop 2.5.2源码包       Firebugs3.0.0   http://sourceforge.jp/projects/sfnet_findbug
  • struts2验证框架的使用和扩展 白糖_ 框架xmlbeanstruts正则表达式
    struts2能够对前台提交的表单数据进行输入有效性校验，通常有两种方式： 1、在Action类中通过validatexx方法验证，这种方式很简单，在此不再赘述； 2、通过编写xx-validation.xml文件执行表单验证，当用户提交表单请求后，struts会优先执行xml文件，如果校验不通过是不会让请求访问指定action的。 本文介绍一下struts2通过xml文件进行校验的方法并说
  • 记录-感悟 braveCS 感悟
    再翻翻以前写的感悟，有时会发现自己很幼稚，也会让自己找回初心。   2015-1-11 1. 能在工作之余学习感兴趣的东西已经很幸福了； 2. 要改变自己，不能这样一直在原来区域，要突破安全区舒适区，才能提高自己，往好的方面发展； 3. 多反省多思考；要会用工具，而不是变成工具的奴隶； 4. 一天内集中一个定长时间段看最新资讯和偏流式博
  • 编程之美-数组中最长递增子序列 bylijinnan 编程之美
    import java.util.Arrays; import java.util.Random; public class LongestAccendingSubSequence { /** * 编程之美 数组中最长递增子序列 * 书上的解法容易理解 * 另一方法书上没有提到的是，可以将数组排序（由小到大）得到新的数组， * 然后求排序后的数组与原数
  • 读书笔记5 chengxuyuancsdn 重复提交struts2的token验证
    1、重复提交 2、struts2的token验证 3、用response返回xml时的注意 1、重复提交 (1)应用场景 (1-1)点击提交按钮两次。 (1-2)使用浏览器后退按钮重复之前的操作，导致重复提交表单。 (1-3)刷新页面 (1-4)使用浏览器历史记录重复提交表单。 (1-5)浏览器重复的 HTTP 请求。 (2)解决方法 (2-1)禁掉提交按钮 (2-2)
  • [时空与探索]全球联合进行第二次费城实验的可能性 comsci
         二次世界大战前后,由爱因斯坦参加的一次在海军舰艇上进行的物理学实验 -费城实验   至今给我们大家留下很多迷团.....      关于费城实验的详细过程,大家可以在网络上搜索一下,我这里就不详细描述了      在这里,我的意思是,现在
  • easy connect 之 ORA-12154: TNS: 无法解析指定的连接标识符 daizj oracleORA-12154
    用easy connect连接出现“tns无法解析指定的连接标示符”的错误，如下： C:\Users\Administrator>sqlplus username/[email protected]:1521/orcl SQL*Plus: Release 10.2.0.1.0 – Production on 星期一 5月 21 18:16:20 2012 Copyright (c) 198
  • 简单排序:归并排序 dieslrae 归并排序
    public void mergeSort(int[] array){ int temp = array.length/2; if(temp == 0){ return; } int[] a = new int[temp]; int
  • C语言中字符串的\0和空格 dcj3sjt126com c
       \0 为字符串结束符，比如说：                       abcd (空格)cdefg； 存入数组时，空格作为一个字符占有一个字节的空间，我们
  • 解决Composer国内速度慢的办法 dcj3sjt126com Composer
    用法： 有两种方式启用本镜像服务： 1 将以下配置信息添加到 Composer 的配置文件 config.json 中（系统全局配置）。见“例1” 2 将以下配置信息添加到你的项目的 composer.json 文件中（针对单个项目配置）。见“例2” 为了避免安装包的时候都要执行两次查询，切记要添加禁用 packagist 的设置，如下 1 2 3 4 5
  • 高效可伸缩的结果缓存 shuizhaosi888 高效可伸缩的结果缓存
    /** * 要执行的算法，返回结果v */ public interface Computable<A, V> { public V comput(final A arg); }   /** * 用于缓存数据 */ public class Memoizer<A, V> implements Computable<A,
  • 三点定位的算法 haoningabc c算法
    三点定位， 已知a,b,c三个顶点的x,y坐标 和三个点都z坐标的距离，la，lb,lc 求z点的坐标 原理就是围绕a,b,c 三个点画圆，三个圆焦点的部分就是所求 但是，由于三个点的距离可能不准，不一定会有结果， 所以是三个圆环的焦点，环的宽度开始为0，没有取到则加1 运行 gcc -lm test.c test.c代码如下 #include "stdi
  • epoll使用详解 jimmee clinux服务端编程epoll
    epoll - I/O event notification facility在linux的网络编程中，很长的时间都在使用select来做事件触发。在linux新的内核中，有了一种替换它的机制，就是epoll。相比于select，epoll最大的好处在于它不会随着监听fd数目的增长而降低效率。因为在内核中的select实现中，它是采用轮询来处理的，轮询的fd数目越多，自然耗时越多。并且，在linu
  • Hibernate对Enum的映射的基本使用方法 linzx0212 enumHibernate
      枚举   /** * 性别枚举 */ public enum Gender { MALE(0), FEMALE(1), OTHER(2); private Gender(int i) { this.i = i; } private int i; public int getI
  • 第10章 高级事件（下） onestopweb 事件
    index.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/
  • 孙子兵法 roadrunners 孙子兵法
    始计第一 孙子曰： 兵者，国之大事，死生之地，存亡之道，不可不察也。 故经之以五事，校之以计，而索其情：一曰道，二曰天，三曰地，四曰将，五 曰法。道者，令民于上同意，可与之死，可与之生，而不危也；天者，阴阳、寒暑 、时制也；地者，远近、险易、广狭、死生也；将者，智、信、仁、勇、严也；法 者，曲制、官道、主用也。凡此五者，将莫不闻，知之者胜，不知之者不胜。故校 之以计，而索其情，曰
  • MySQL双向复制 tomcat_oracle mysql
    本文包括: 主机配置 从机配置 建立主-从复制 建立双向复制   背景 按照以下简单的步骤: 参考一下： 在机器A配置主机(192.168.1.30) 在机器B配置从机(192.168.1.29) 我们可以使用下面的步骤来实现这一点   步骤1：机器A设置主机 在主机中打开配置文件 ,
  • zoj 3822 Domination(dp) 阿尔萨斯 Mina
    题目链接：zoj 3822 Domination 题目大意：给定一个N∗M的棋盘，每次任选一个位置放置一枚棋子，直到每行每列上都至少有一枚棋子，问放置棋子个数的期望。 解题思路：大白书上概率那一张有一道类似的题目，但是因为时间比较久了，还是稍微想了一下。dp[i][j][k]表示i行j列上均有至少一枚棋子，并且消耗k步的概率（k≤i∗j）,因为放置在i+1~n上等价与放在i+1行上，同理
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他