whqet
whqet

A-Frame简明教程之实体组件系统

本文为A-Frame简明教程系列文章的第三篇，大家可以到专题里了解更多。

A-Frame简明教程之实体组件系统_第1张图片

实体组件系统

1. 概述

实体-组件-系统(Entity Component System, ECS)是三维游戏中常见且理想的设计模式，A-Frame同样采用了ECS模式。

ECS的基本定义包括：

  • 实体是容器对象，用来包含组件。实体是场景中所有对象的基础。没有附加组件的实体不会渲染任何东西，类似于空的
    。
  • 组件是可重用的模块或数据容器，可以依附于实体以提供外观、行为、功能。组件就像即插即用的对象，所有的逻辑都是通过组件实现，并通过混合、匹配和配置组件来定义不同类型的对象。
  • 系统 为组件提供全局范围、管理和服务。系统通常是可选的，可以用来分离逻辑和数据；系统处理逻辑，组件充当数据容器。

ECS的优势：

  • 模块化
  • 灵活性
  • 复用性
  • 扩展性

2. 语法

A-Frame采用声明式、基于DOM的方式实现ECS，组件以实体属性的方式进行声明，语法如下。

<a-entity ${componentName}="${propertyName1}: ${propertyValue1}; ${propertyName2:}: ${propertyValue2}">

组件以a-entity标签的html属性形式出现，以类似于html标签的style属性形式出现（属性名和属性值中间用冒号，多个属性之间用分号隔开，如下代码所示）。

<div style="color:red; font-size:18px; ">

在前面我们曾经讲过a-box的使用，其实它可以采用类外一种写法。

<a-box color="red" position="0 0 -10">a-box>

<a-entity geometry="primitive: box" material="color: red" position="0 0 -10">a-entity>

其中，geometry、 material、position等都是以组件的方式出现的，用来给实体a-entity提供外形、行为、功能等。

3. 组件的注册和使用

3.1注册组件

注册组件的语法如下：

// Registering component in foo-component.js
AFRAME.registerComponent('foo', {
  //定义和描述组件属性(属性类型、默认值等)
  schema: {},
  //初始化组件时调用一次。用于设置初始状态和实例化变量。
  init: function () {},
  //在组件初始化和任何组件属性更新时调用。
  update: function () {},
  //场景渲染循环的每一帧上调用。连续修改某个时间间隔上的实体或条件轮询。
  tick: function () {},
  //在组件被从实体中删除时或者当实体从场景中分离时被调用。
  remove: function () {},
  //每当场景或实体暂停来删除任意背景或动态行为时被调用。
  pause: function () {},
  //每当场景或实体播放来添加任意背景或动态行为时被调用。
  play: function () {}
});

3.2使用组件


<html>
  <head>
    <script src="aframe.min.js">script>
    <script src="foo-component.js">script>
  head>
  <body>
    <a-scene>
      <a-entity foo>a-entity>
    a-scene>
  body>
html>

4. 案例解析


<html>
    <head>
        <meta charset="UTF-8">
        <title>A-Frame简明教程之实体组件系统title>
        
        <script src="https://aframe.io/releases/0.7.0/aframe.min.js">script>
        
        <script type="text/javascript">
            //随机颜色
            AFRAME.registerComponent('random-color', {
              schema: {
                min: {default: {x: 0, y: 0, z: 0}, type: 'vec3'},
                max: {default: {x: 1, y: 1, z: 1}, type: 'vec3'}
              },

              update: function () {
                var data = this.data;
                var max = data.max;
                var min = data.min;
                this.el.setAttribute('material', 'color', '#' + new THREE.Color(
                  Math.random() * max.x + min.x,
                  Math.random() * max.y + min.y,
                  Math.random() * max.z + min.z
                ).getHexString());
              }
            }); 
            //随机位置
            AFRAME.registerComponent('random-position', {
              schema: {
                min: {default: {x: -10, y: -10, z: -10}, type: 'vec3'},
                max: {default: {x: 10, y: 10, z: 10}, type: 'vec3'}
              },

              update: function () {
                var data = this.data;
                var max = data.max;
                var min = data.min;
                this.el.setAttribute('position', {
                  x: Math.random() * (max.x - min.x) + min.x,
                  y: Math.random() * (max.y - min.y) + min.y,
                  z: Math.random() * (max.z - min.z) + min.z
                });
              }
            });
            //生成盒子
            AFRAME.registerComponent('entity-generator', {
              schema: {
                mixin: {default: ''},
                num: {default: 1000}
              },

              init: function () {
                var data = this.data;

                // 使用指定的mixin生成实体
                for (var i = 0; i < data.num; i++) {
                  var entity = document.createElement('a-entity');
                  entity.setAttribute('mixin', data.mixin);
                  this.el.appendChild(entity);
                }
              }
            });
        script>
    head>
    <body>
        <a-scene>
            
            <a-assets>
                
                <a-mixin id="random" geometry="primitive: box" random-position random-color>
                a-mixin>
            a-assets>
            
            <a-entity entity-generator="mixin:random;num:1000;">a-entity>
        a-scene>
    body>
html>

codepen上预览、编辑效果

案例注释写的非常清楚，就不一一给大家解释啦，有问题欢迎大家交流。

待续

接下来，我们将继续研究A-Frame，敬请期待！欢迎大家批评指正！！

你可能感兴趣的:(webVR)

  • webVR全景图多种方案实现（pannellum，aframe，Krpano，three,jquery-vrview） a12b345c6789
    前言有一篇文章我说了H5实现全景图预览，全景视频播放的原理，有需要的小伙伴可以自行去看一下今天我就拿出我的实践干货出来，本人实测实测过需求老板：我需要可以上传全景图片，然后手机网站上都可以360度看全景图需求分析一个上传功能一个全景360度预览功能正文H5上传功能就不说了，或下一篇文章说。H5有几种方式实现呢？第一种方案：three.js(大哥出山吧)作为前端界全景、3D大哥，大哥请开始你的表演官
  • 动手实践WebVR 全景 Dream_travelerly three.jsjson
    前言近年来VR概念越来越火，相信大家在网上都有过VR的浏览体验，比如VR全景看房[1]、VR全景看车[2]、VR全景旅游[3]等等，VR全景给了我们视觉上的沉浸式体验。本文将会简单探究WebVR全景的实现原理，同时也会用threejs实现两个小的demo，希望对大家以后在业务上遇到类似的场景能有所帮助。什么是VR引用维基百科的定义：虚拟现实（英语：virtualreality，缩写VR），是利用电
  • Krpano WebVR插件使用指南 爱蹦跶的大A阿 krpano中文文档Version1.21数据库javascript前端
    krpanoWebVR/WebXR/MobileVR支持::WebVR支持意味着在可用时使用浏览器的WebVRAPI或WebXRAPI在这里，浏览器和系统将执行头部和位置跟踪以及镜头失真。这是最好的质量和性能的情况下，但需要一个系统和浏览器与WebVR/WebXR的支持。WebXR注意:WebXRAPI的使用可以通过webxr嵌入设置来控制。目前WebVRAPI更受欢迎，因为它更成熟，得到更好的支
  • krpano Soundinterface插件使用指南 爱蹦跶的大A阿 krpano中文文档Version1.21前端javascript开发语言
    ‍个人主页：《爱蹦跶的大A阿》当前正在更新专栏：《VUE》、《JavaScript保姆级教程》、《krpano》、《Krpano中文文档》✨正文SoundinterfacePlugin扩展了krpano播放声音的功能。它可以用于简单的事情，如背景音乐或声音效果，但也可以用于3D位置音频，例如环境效果或WebVR使用。它支持声音精灵。自动缓存和重用的声音文件。有声音对象通过krpano操作或Java
  • css文字背景虚化,通过实现背景模糊、文字颜色流光渐变、边框扩展等效果学习transition、transform、@keyframes等属性及伪元素的使用... 陶映雪 css文字背景虚化
    百度前端技术学院2017于2月24日开始进行，一共有6个学院可供学习，分别是小薇学院(html/css基础)、斌斌学院(js基础)、耀耀学院(小游戏/交互)、商业平台学院(web/ios/android)、ECharts&WebVR学院(VR相关)和糯米学院(css3/vue等)，从百度前端技术学院今年推出的各学院任务看来，目前互联网行业对从事前端行业的程序员要求越发高了。任重而道远，努力吧。《有
  • 前端开发新趋势：Web3、区块链和虚拟现实 懒大王敲代码 技术分享前端web3区块链vr
    目录前言Web3：下一代互联网区块链技术去中心化应用程序（DApps）区块链：重塑数字世界数字钱包NFT（非同质化代币）虚拟现实：沉浸式体验WebVR和WebXR三维图形新挑战与机会性能与复杂性安全性创新与创造力总结作者简介：懒大王敲代码，计算机专业应届生今天给大家聊聊前端开发新趋势：Web3、区块链和虚拟现实，希望大家能觉得实用！欢迎大家点赞收藏⭐加关注哦！前言随着技术的不断演进，前端开发领域也
  • 【WebVR系列文章（1）】WebVR 和浏览器边缘计算革命 编程轨迹_ WebVR边缘计算vr人工智能WebVR前端
    虚拟现实(VR)正在进入各个行业，但尚未成为主流。WebVR和边缘计算有可能提高VR的采用率并将VR带给更广泛的受众。在本系列文章中，我会向你介绍WebVR和边缘计算的基础知识，并附有详细的示例。虚拟现实（VR）是一个巨大的技术浪潮，它已经到来。无论你第一次拿着智能手机时的感受如何，第一次体验VR时计算机都会在各个方面提供更丰富的情感体验。作为一个概念，VR的存在时间比第一部iphone的时间更长
  • webGL开发VR和AR应用 defdsdddev webglvrar
    开发WebVR（虚拟现实）和WebAR（增强现实）应用需要使用WebXR技术，结合WebGL以实现高质量的图形渲染。以下是开发这类应用的一般技术方案，希望对大家有所帮助。1.WebXRAPI:使用WebXRAPI，这是一组在Web上实现虚拟现实和增强现实体验的API。它允许你访问VR和AR设备，以及提供三维场景的渲染能力。通过使用WebXR，你能够为不同的设备（如头戴显示器、智能手机等）创建一致的
  • Cesium开发工具篇 | 05与第三方库的集成 GIS李胜
    集成Three.jsThree.js是基于原生WebGL封装运行的三维引擎库，在所有WebGL引擎中，Three.js是国内文资料最多、使用最广泛的三维引擎。Three.js可应用于Web3D的可视化（如产品在线浏览、在线三维可视化等），H5/微信小程序游戏（如跳一跳），科教领域，机械领域，WebVR（VR看房、VR看车等）以及家装室内设计等方面，是一个比较轻量级的跨浏览器JavaScript库，
  • Awesome metaverse projects (元宇宙精选资源汇总) 老马啸西风2020
    AwesomeMetaverse关于Metaverse的精彩项目和信息资源列表。由于关于Metaverse是什么存在许多相互竞争的想法，请随时以拉取请求、问题和评论的形式留下反馈。WebXRWebXRExplainer-什么是WebXR，有哪些用例？AwesomeWebVR-精选的WebVR软件包和资源列表Exokit-WebXR元浏览器、引擎、头像系统等Exokitoverview-Exokit
  • 智慧工厂可视化合集，推动行业数字化转型 图扑数字孪生 三维可视化数字孪生智慧工厂UWB人员定位
    图扑软件基于HTML5（Canvas/WebGL/WebVR）标准的Web技术，满足了工业物联网跨平台云端化部署实施的需求，以低代码的形式自由构建三维数字孪生、大屏可视化、工业组态等等。从SDK组件库，到2D和3D编辑，到属性修改，构成了一站式的数据可视化解决方案、形成了一整套实践证明的高效开发流程和生态体系。本期文章将给大家带来图扑软件孪生工厂合集，依托图扑自研的HTforWeb对多个智慧工厂、
  • 浅谈 WebVR 全景 徐小夕@趣谈前端 可视化webgljavajsjavascript
    大厂技术坚持周更精选好文前言近年来VR概念越来越火，相信大家在网上都有过VR的浏览体验，比如VR全景看房[1]、VR全景看车[2]、VR全景旅游[3]等等，VR全景给了我们视觉上的沉浸式体验。本文将会简单探究WebVR全景的实现原理，同时也会用threejs实现两个小的demo，希望对大家以后在业务上遇到类似的场景能有所帮助。什么是VR引用维基百科的定义：虚拟现实（英语：virtualrealit
  • 前端开发新趋势：Web3、区块链与虚拟现实 IT·陈寒 Java学习路线Web前端框架web3区块链vr
    文章目录Web3：下一代互联网区块链技术去中心化应用程序（DApps）区块链：重塑数字世界数字钱包NFT（非同质化代币）虚拟现实：沉浸式体验WebVR和WebXR三维图形新挑战与机会性能与复杂性安全性创新与创造力结论欢迎来到Java学习路线专栏~前端开发新趋势：Web3、区块链与虚拟现实☆*o(≧▽≦)o*☆嗨~我是IT·陈寒✨博客主页：IT·陈寒的博客该系列文章专栏：Java学习路线其他专栏：J
  • 2020中国VR大会（虚拟现实中的真实行走漫游+WebVR+SLAM for AR+VR仿真+VR智能） vegetable_cat vr虚拟现实人工智能
    2020中国VR大会一、虚拟现实中的真实行走漫游1、Problem（1）Immersivevirtualreality沉浸式虚拟现实（2）Potentialsolutions（3）Challenges2、Existingmethodswalking（1）RedirectedWalking重定向行走（2）Structuremanipulation结构操纵a.ChangeBlindnessb.Impo
  • WebVR — 网络虚拟现实 ygtu2018 webvr虚拟现实
    推荐：使用NSDT编辑器快速搭建3D应用场景虚拟现实设备随着OculusRift和许多其他生产设备即将上市，未来看起来很光明——我们已经有足够的技术来使VR体验“足够好”，可以玩游戏。有许多设备可供选择：像OculusRift或HTCVive这样的桌面设备，通过带有PlaystationVR的游戏机（目前不支持WebVR），再到GearVR或GoogleCardboard等移动体验。注意：有关更多
  • WebVR 四是二非
    //three.js核心库three.js//从连接的VR设备中获得位置信息并应用在camera对象上，将在下文展开VRControls.js//处理立体视觉和绘制相关，将在下文展开VREffect.js//WebVRpolyfill，下文简述调用的APIoption；webvr-polyfill.js//界面按钮以及进入/退出VR模式的控制等webvr-manager.js1、VRControl
  • 学习babylon.js --- [4] 体验WebVR 爱就是恒久忍耐 babylon.jsjavascript学习开发语言
    本文基于babylonjs来创建一个简单的WebVR工程，来体验一下babylonjs带来的VR效果，由于没有VR头显，所以只能使用Win10自带的混合现实模拟器，开启模拟器请参考这篇文章一简单工程本文基于第三篇文章中的工程进行修改，因为WebVR需要https才可以使用。打开src/app.ts，清空里面的内容，然后把下面的代码拷贝进去，import*asBABYLONfrom"@babylon
  • 学习babylon.js --- [3] 开启https 爱就是恒久忍耐 babylon.js学习javascripthttps
    babylonjs提供WebVR功能，但是使用这个功能得用https，本文讲述如何使用自签名证书来开启https，基于第二篇文章中搭建的工程。一生成自签名证书首先要安装openssl，这个去网上搜下就行了。安装完之后在终端下输入openssl回车可以出现openssl的命令行，输入q然后回车可以退出。在MyProject目录下创建certificates目录，然后在终端下cd进入该目录，后面按照如
  • 设备产线运维合集丨图扑数字孪生流水线，提升产品装配自动化效率
    前言图扑软件基于HTML5（Canvas/WebGL/WebVR）标准的Web技术，满足了工业物联网跨平台云端化部署实施的需求，以低代码的形式自由构建三维数字孪生、大屏可视化、工业组态等等。从SDK组件库，到2D和3D编辑，到属性修改，构成了一站式的数据可视化解决方案、形成了一整套实践证明的高效开发流程和生态体系。本期文章将为大家带来图扑软件智慧生产线/设备流水线合集。依托图扑自主研发的HTfor
  • 基于 HTML5 WebGL 与 WebVR 3D 虚拟现实的可视化培训系统
    前言2019年VR,AR,XR,5G,工业互联网等名词频繁出现在我们的视野中，信息的分享与虚实的结合已经成为大势所趋，5G是新一代信息通信技术升级的重要方向，工业互联网是制造业转型升级的发展趋势。本文所讲的VR是机械制造业与设备的又一次交流，当技术新星遇上制造潮流，无疑将成为制造业，工控业等行业数字化转型的重要驱动力。“5G+VR+工业互联网”必将成为新的一年不变的话题，如何将当前工业中遇到的问题
  • 基于 H5和 3D WebVR 的可视化虚拟现实培训系统
    前言2019年VR,AR,XR,5G,工业互联网等名词频繁出现在我们的视野中，信息的分享与虚实的结合已经成为大势所趋，5G是新一代信息通信技术升级的重要方向，工业互联网是制造业转型升级的发展趋势。本文所讲的VR是机械制造业与设备的又一次交流，当技术新星遇上制造潮流，无疑将成为制造业，工控业等行业数字化转型的重要驱动力。“5G+VR+工业互联网”必将成为新的一年不变的话题，如何将当前工业中遇到的问题
  • 图扑数字孪生工厂合集 | 智慧工厂可视化，推动行业数字化转型
    前言图扑软件基于HTML5（Canvas/WebGL/WebVR）标准的Web技术，满足了工业物联网跨平台云端化部署实施的需求，以低代码的形式自由构建三维数字孪生、大屏可视化、工业组态等等。从SDK组件库，到2D和3D编辑，到属性修改，构成了一站式的数据可视化解决方案、形成了一整套实践证明的高效开发流程和生态体系。本期文章将给大家带来图扑软件孪生工厂合集，依托图扑自主研发的HTforWeb产品，对
  • 认识babylon.js justonlyyo
    babylon.js入门日记系列一直就有一个给宝宝写游戏的念头.百度一番.选了这个babylon.js(巴比伦).先说好,游戏开发方面我是啥也不会,要是把你带沟里去了,你也别介意.好了,说干就干,开始.........babylon.js是什么?babylon.js是一个完整的JavaScript框架，用于构建HTML5，WebGL，WebVR和WebAudio的3D游戏和体验.除了游戏用来在页面
  • babylon.js 蜗牛与藤曼 GIS\2D\3D前端
    babylon.js是什么?babylon.js是一个完整的JavaScript框架，用于构建HTML5，WebGL，WebVR和WebAudio的3D游戏和体验.除了游戏用来在页面实现一些3D场景也是没问题的.官网安装Babylon.jshttps://doc.babylonjs.com/babylon101/how_to_get要安装最新版本的巴比伦，请使用：npminstall--saveb
  • 使用 webvr 制作全景图 vivaxy
    webvr是一种在浏览器中体验vr的技术，由w3c官方制定规范，各浏览器实现。由于目前各浏览器对webvr的支持不一，因此现在使用这项技术时需要额外使用一个右谷歌提供的向下兼容库webvr-polyfill。目前有不少框架可以让我们很方便的做webvr应用。几个例子我们先看看webVR能做什么：东方明珠空中全景我的世界香港海洋公园全景上面几个例子用的都是A-Frame，由mozilla提供。全景图
  • 基于three.js 封装的三维可视化sdk组件代码，覆盖智慧城市常用效果 M3n
    说明*jssdk为压缩代码，目前不提供工程代码。但极具参考价值，常用三维可视化效果、shader源码。*提供常用api示例基础部件天空+地面自定义天空+地面天气系统WEBVR场景搭建模型效果网格扫描效果Shader光圈效果线框高亮效果泛光边缘效果反射镜像效果3dtileset模型加载图形效果泛光动态box泛光动态cone泛光动态pyramid上升墙体效果流动围栏波动护盾罩流动数字线扩散波纹圆流星围
  • web前端入门知识解析 xzljj 前端开发
    一、WEB前端是什么？使用HTML/CSS/JS以及更多的框架技术，编写网站页面、App应用、小程序、2D&3D游戏、WebVR&AR等应用，通过内容设计、交互动画、数据操作构建项目与用户的交互界面。前端开发工程师在项目中可以与UI设计师和后台程序员合作，实现设计意图并调用后台接口；也可以独立工作，完成强用户交互的各类应用。二、WEB前端可以做什么？最经典的是各种类型的网站：电子商务、企业门户、管
  • 保险一账通前端技术周报(第十八期) 掌雄
    本期导读：本期为大家带来原创文章：AndroidUI架构浅析、Android混淆规则、WebVR开发教程——交互事件、H5多媒体实践，语言基础专题：彻底理解AndroidBinder通信架构、关于Object.assign的性能问题，工具框架推荐大家阅读ReactJS底层揭秘、AndroidProguard(混淆)，文末是cannon.js物理引擎的WebVR例子，欢迎赏鉴。原创专题1)Andro
  • Web3D 郭隆邦技术博客 WebGLWeb3DWebGL
    Web3D案例预览链接简介Web3D字面意思就是在网页上展示编辑三维场景，比如展示一个机械零件，展示一个产品、展示室内装修效果、景区博物馆漫游、WebVR、Web全景、在线三维建模、游戏、大数据可视化…第一代技术第一代实现Web3D的技术并没有流行起来，原因有多种，比如标准不统一、性能有限，往往还需要安装特定插件。如果有兴趣可以百度Web3D技术，这里就不在详细介绍，大家也没有学习的必要，只要了解
  • 进入 WebXR 的世界 阿里巴巴淘系技术团队官网博客 人脸识别javapython深度学习js
    随着元宇宙的兴起，VR和AR技术再次回到同学们的视野。比起完全是0%支持率的WebGPU,作为WebVR技术的后继者，WebXRDeviceAPI以0%+71.08%的支持率展示了对于一个新的feature的期待。面对越来越碎片化的移动端生态，Web标准作为可能是唯一的跨平台工具，在生态中的重要性不言而喻。如果想要学习WebXR，从哪里入手呢？别急，虽然WebXR和WebGPU还都不成熟，但是现有
  • 遍历dom 并且存储（将每一层的DOM元素存在数组中） 换个号韩国红果果 JavaScripthtml
    数组从0开始！！ var a=[],i=0; for(var j=0;j<30;j++){ a[j]=[];//数组里套数组，且第i层存储在第a[i]中 } function walkDOM(n){ do{ if(n.nodeType!==3)//筛选去除#text类型 a[i].push(n); //con
  • Android+Jquery Mobile学习系列(9)-总结和代码分享 白糖_ JQuery Mobile
    目录导航   经过一个多月的边学习边练手，学会了Android基于Web开发的毛皮，其实开发过程中用Android原生API不是很多，更多的是HTML/Javascript/Css。   个人觉得基于WebView的Jquery Mobile开发有以下优点： 1、对于刚从Java Web转型过来的同学非常适合，只要懂得HTML开发就可以上手做事。 2、jquerym
  • impala参考资料 dayutianfei impala
    记录一些有用的Impala资料   1. 入门资料 >>官网翻译：     http://my.oschina.net/weiqingbin/blog?catalog=423691   2. 实用进阶 >>代码&架构分析：     Impala/Hive现状分析与前景展望：http
  • JAVA 静态变量与非静态变量初始化顺序之新解 周凡杨 java静态非静态顺序
    今天和同事争论一问题，关于静态变量与非静态变量的初始化顺序，谁先谁后，最终想整理出来！测试代码： import java.util.Map; public class T { public static T t = new T(); private Map map = new HashMap(); public T(){ System.out.println(&quo
  • 跳出iframe返回外层页面 g21121 iframe
    在web开发过程中难免要用到iframe，但当连接超时或跳转到公共页面时就会出现超时页面显示在iframe中，这时我们就需要跳出这个iframe到达一个公共页面去。 首先跳转到一个中间页，这个页面用于判断是否在iframe中，在页面加载的过程中调用如下代码： <script type="text/javascript"> //<!-- function
  • JAVA多线程监听JMS、MQ队列 510888780 java多线程
    背景：消息队列中有非常多的消息需要处理，并且监听器onMessage（）方法中的业务逻辑也相对比较复杂，为了加快队列消息的读取、处理速度。可以通过加快读取速度和加快处理速度来考虑。因此从这两个方面都使用多线程来处理。对于消息处理的业务处理逻辑用线程池来做。对于加快消息监听读取速度可以使用1.使用多个监听器监听一个队列；2.使用一个监听器开启多线程监听。 对于上面提到的方法2使用一个监听器开启多线
  • 第一个SpringMvc例子 布衣凌宇 spring mvc
    第一步：导入需要的包； 第二步：配置web.xml文件 <?xml version="1.0" encoding="UTF-8"?> <web-app version="2.5" xmlns="http://java.sun.com/xml/ns/javaee" xmlns:xsi=
  • 我的spring学习笔记15-容器扩展点之PropertyOverrideConfigurer aijuans Spring3
    PropertyOverrideConfigurer类似于PropertyPlaceholderConfigurer，但是与后者相比，前者对于bean属性可以有缺省值或者根本没有值。也就是说如果properties文件中没有某个bean属性的内容，那么将使用上下文（配置的xml文件）中相应定义的值。如果properties文件中有bean属性的内容，那么就用properties文件中的值来代替上下
  • 通过XSD验证XML antlove xmlschemaxsdvalidationSchemaFactory
    1. XmlValidation.java package xml.validation; import java.io.InputStream; import javax.xml.XMLConstants; import javax.xml.transform.stream.StreamSource; import javax.xml.validation.Schem
  • 文本流与字符集 百合不是茶 PrintWrite()的使用字符集名字 别名获取
    文本数据的输入输出;           输入;数据流,缓冲流         输出;介绍向文本打印格式化的输出PrintWrite();   package 文本流; import java.io.FileNotFound
  • ibatis模糊查询sqlmap-mapping-**.xml配置 bijian1013 ibatis
            正常我们写ibatis的sqlmap-mapping-*.xml文件时，传入的参数都用##标识，如下所示： <resultMap id="personInfo" class="com.bijian.study.dto.PersonDTO"> <res
  • java jvm常用命令工具——jdb命令(The Java Debugger) bijian1013 javajvmjdb
            用来对core文件和正在运行的Java进程进行实时地调试，里面包含了丰富的命令帮助您进行调试，它的功能和Sun studio里面所带的dbx非常相似，但 jdb是专门用来针对Java应用程序的。         现在应该说日常的开发中很少用到JDB了，因为现在的IDE已经帮我们封装好了，如使用ECLI
  • 【Spring框架二】Spring常用注解之Component、Repository、Service和Controller注解 bit1129 controller
    在Spring常用注解第一步部分【Spring框架一】Spring常用注解之Autowired和Resource注解（http://bit1129.iteye.com/blog/2114084）中介绍了Autowired和Resource两个注解的功能，它们用于将依赖根据名称或者类型进行自动的注入，这简化了在XML中，依赖注入部分的XML的编写，但是UserDao和UserService两个bea
  • cxf wsdl2java生成代码super出错,构造函数不匹配 bitray super
        由于过去对于soap协议的cxf接触的不是很多,所以遇到了也是迷糊了一会.后来经过查找资料才得以解决. 初始原因一般是由于jaxws2.2规范和jdk6及以上不兼容导致的.所以要强制降为jaxws2.1进行编译生成.我们需要少量的修改: 我们原来的代码 wsdl2java com.test.xxx -client http://..... 修改后的代
  • 动态页面正文部分中文乱码排障一例 ronin47
    公司网站一部分动态页面，早先使用apache+resin的架构运行，考虑到高并发访问下的响应性能问题，在前不久逐步开始用nginx替换掉了apache。 不过随后发现了一个问题，随意进入某一有分页的网页，第一页是正常的（因为静态化过了）；点“下一页”，出来的页面两边正常，中间部分的标题、关键字等也正常，唯独每个标题下的正文无法正常显示。 因为有做过系统调整，所以第一反应就是新上
  • java-54- 调整数组顺序使奇数位于偶数前面 bylijinnan java
    import java.util.Arrays; import java.util.Random; import ljn.help.Helper; public class OddBeforeEven { /** * Q 54 调整数组顺序使奇数位于偶数前面 * 输入一个整数数组，调整数组中数字的顺序，使得所有奇数位于数组的前半部分，所有偶数位于数组的后半
  • 从100PV到1亿级PV网站架构演变 cfyme 网站架构
    一个网站就像一个人，存在一个从小到大的过程。养一个网站和养一个人一样，不同时期需要不同的方法，不同的方法下有共同的原则。本文结合我自已14年网站人的经历记录一些架构演变中的体会。 1：积累是必不可少的 架构师不是一天练成的。 1999年，我作了一个个人主页，在学校内的虚拟空间，参加了一次主页大赛，几个DREAMWEAVER的页面，几个TABLE作布局，一个DB连接，几行PHP的代码嵌入在HTM
  • [宇宙时代]宇宙时代的GIS是什么？ comsci Gis
           我们都知道一个事实，在行星内部的时候，因为地理信息的坐标都是相对固定的，所以我们获取一组GIS数据之后，就可以存储到硬盘中，长久使用。。。但是，请注意，这种经验在宇宙时代是不能够被继续使用的          宇宙是一个高维时空
  • 详解create database命令 czmmiao database
    完整命令 CREATE DATABASE mynewdb   USER SYS IDENTIFIED BY sys_password   USER SYSTEM IDENTIFIED BY system_password   LOGFILE GROUP 1 ('/u01/logs/my/redo01a.log','/u02/logs/m
  • 几句不中听却不得不认可的话 datageek
    1、人丑就该多读书。 2、你不快乐是因为：你可以像猪一样懒，却无法像只猪一样懒得心安理得。 3、如果你太在意别人的看法，那么你的生活将变成一件裤衩，别人放什么屁，你都得接着。 4、你的问题主要在于：读书不多而买书太多，读书太少又特爱思考，还他妈话痨。 5、与禽兽搏斗的三种结局：(1)、赢了，比禽兽还禽兽。(2)、输了，禽兽不如。(3)、平了，跟禽兽没两样。结论：选择正确的对手很重要。 6
  • 1 14:00 PHP中的“syntax error, unexpected T_PAAMAYIM_NEKUDOTAYIM”错误 dcj3sjt126com PHP
    原文地址：http://www.kafka0102.com/2010/08/281.html   因为需要，今天晚些在本机使用PHP做些测试，PHP脚本依赖了一堆我也不清楚做什么用的库。结果一跑起来，就报出类似下面的错误：“Parse error: syntax error, unexpected T_PAAMAYIM_NEKUDOTAYIM in /home/kafka/test/
  • xcode6 Auto layout and size classes dcj3sjt126com ios
    官方GUI   https://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/AutolayoutPG/Introduction/Introduction.html   iOS中使用自动布局（一）   http://www.cocoachina.com/ind
  • 通过PreparedStatement批量执行sql语句【sql语句相同，值不同】 梦见x光 sql事务批量执行
    比如说：我有一个List需要添加到数据库中，那么我该如何通过PreparedStatement来操作呢？ public void addCustomerByCommit(Connection conn , List<Customer> customerList) {    String sql = "inseret into customer(id
  • 程序员必知必会----linux常用命令之十【系统相关】 hanqunfeng Linux常用命令
    一.linux快捷键 Ctrl+C : 终止当前命令 Ctrl+S : 暂停屏幕输出 Ctrl+Q : 恢复屏幕输出 Ctrl+U : 删除当前行光标前的所有字符 Ctrl+Z : 挂起当前正在执行的进程 Ctrl+L : 清除终端屏幕，相当于clear   二.终端命令 clear : 清除终端屏幕 reset : 重置视窗，当屏幕编码混乱时使用 time com
  • NGINX IXHONG nginx
    pcre 编译安装 nginx conf/vhost/test.conf   upstream admin { server 127.0.0.1:8080; }   server {                 listen       80; &
  • 设计模式--工厂模式 kerryg 设计模式
    工厂方式模式分为三种：   1、普通工厂模式：建立一个工厂类，对实现了同一个接口的一些类进行实例的创建。   2、多个工厂方法的模式：就是对普通工厂方法模式的改进，在普通工厂方法模式中，如果传递的字符串出错，则不能正确创建对象，而多个工厂方法模式就是提供多个工厂方法，分别创建对象。   3、静态工厂方法模式：就是将上面的多个工厂方法模式里的方法置为静态，
  • Spring InitializingBean/init-method和DisposableBean/destroy-method mx_xiehd javaspringbeanxml
    1.initializingBean/init-method 实现org.springframework.beans.factory.InitializingBean接口允许一个bean在它的所有必须属性被BeanFactory设置后，来执行初始化的工作，InitialzingBean仅仅指定了一个方法。 通常InitializingBean接口的使用是能够被避免的，（不鼓励使用，因为没有必要
  • 解决Centos下vim粘贴内容格式混乱问题 qindongliang1922 centosvim
    有时候，我们在向vim打开的一个xml，或者任意文件中，拷贝粘贴的代码时，格式莫名其毛的就混乱了，然后自己一个个再重新，把格式排列好，非常耗时，而且很不爽，那么有没有办法避免呢？ 答案是肯定的，设置下缩进格式就可以了，非常简单： 在用户的根目录下 直接vi  ~/.vimrc文件 然后将set pastetoggle=<F9> 写入这个文件中，保存退出，重新登录，
  • netty大并发请求问题 tianzhihehe netty
    多线程并发使用同一个channel java.nio.BufferOverflowException: null at java.nio.HeapByteBuffer.put(HeapByteBuffer.java:183) ~[na:1.7.0_60-ea] at java.nio.ByteBuffer.put(ByteBuffer.java:832) ~[na:1.7.0_60-ea]
  • Hadoop NameNode单点问题解决方案之一 AvatarNode wyz2009107220 NameNode
    我们遇到的情况 Hadoop NameNode存在单点问题。这个问题会影响分布式平台24*7运行。先说说我们的情况吧。 我们的团队负责管理一个1200节点的集群(总大小12PB)，目前是运行版本为Hadoop 0.20，transaction logs写入一个共享的NFS filer(注：NetApp NFS Filer)。 经常遇到需要中断服务的问题是给hadoop打补丁。 DataNod
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他