李亚杰
李亚杰

AngularJs学习教程

AngularJs

AngularJs学习教程_第1张图片

  • 目录
    • AngularJs实战一 购物车
    • 细讲ng-repeat指令
    • ng-show和ng-hide
    • ng-class指令
    • ng-src和ng-href
    • 应用控制器中的职责
    • watch来监控数据模型的变化
    • 创建服务
    • 自定义过滤器
    • 使用路由和$location切换视图

AngularJs实战一 购物车

  • 本示例用的是angularjs v1.5

    <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>购物车</title>
</head>
<body ng-app='shopcar'>
<div ng-controller='shopcarCtrl'>
    <h1>Your Order</h1>
    <div ng-repeat='item in items'>
        <span>{{item.title}}</span>
        <input ng-model='item.quantity' />
        <span ng-bind='item.price | currency'></span>
        <span ng-bind='item.price * item.quantity | currency'></span>
        <button ng-click='remove($index)'>Remove</button>
        <span ng-bind='$index'></span>
    </div>
</div>
<script type="text/javascript" src="js/angularjs-v1.5.0.js"></script>
<script>
    var app = angular.module('shopcar',[])
    app.controller('shopcarCtrl',function($scope){
        $scope.items = [
        {title:'苹果',quantity:'2',price:'3.1'},
        {title:'香蕉',quantity:'3',price:'2.1'},
        {title:'橘子',quantity:'4',price:'1.1'}
        ]
        $scope.remove = function(index){
            $scope.items.splice(index,1)
        }
    })
</script>
</body>
</html>
  • 分析
    1. <body ng-app='shopcar'> ng-app属性(angularjs中是指令)就是告诉Angular页面中的哪一部分是需要接受angularjs来管理解析的,我们放到了body标签上就说明,body内是受angular来管理的
    2. <div ng-controller='shopcarCtrl'> ng-controller 属性就是用来控制
      之间的所有的内容,这个就是 angularjs中的控制器,说白了就是一个 javascript方法
    3. <div ng-repeat='item in items'> 就是遍历,把这个标签下的所有的内容都遍历,这个标签就是当前这个div
    4. <span>{{item.title}}</span> 通过{{ }} 把item.title的值绑定到span标签的innerHTML,如下的<span ng-bind='item.title'></span>也是这个意思,但是ng-bind的好处是再网速慢的情况下不会把{{item.title}}显示出来
    5. <input ng-model='item.quantity' /> 把输入框和item.quantity的值之间创建数据绑定关系
    6. <span>{{item.price | currency}}</span> 其中currency就是angular内置的一个过滤器,让item.price以美元的形式显示
    7. <button ng-click='remove($index)'></button> ng-click则是给button添加一个点击事件,点击的时候久会调用remove方法,\(index就是ng-repeat再遍历的时候的索引,从0开始,\)index也就是元素的索引

细讲ng-repeat指令

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>ng-repeat</title>
</head>
<body ng-app='angularrepeat'>
    <div ng-controller='studentsc'>
        <ul>
            <li ng-repeat='stu in students'>
                <a href="#" ng-click='showinfo($index)'>{{stu.name}}</a>
                <span>
                是否是第一个:{{$first}} 是否是最后一个:{{$last}} 是否是中间的一个{{$middle}} 是否是偶数位:{{$odd}} 是否是奇数位:{{$even}}
                </span>
            </li>
        </ul>
        <span ng-bind='stuinfo'></span>
        <button ng-click='insertDom()'>Add Stu</button>
    </div>

    <script type="text/javascript" src="js/angularjs-v1.5.0.js"></script>
    <script type="text/javascript">
        var app = angular.module('angularrepeat',[])
        app.controller('studentsc',function($scope){
            $scope.students = [
                {name:'liyajie1',age:12,id:1},
                {name:'liyajie2',age:13,id:2},
                {name:'liyajie3',age:14,id:3}
            ]
            $scope.showinfo = function(index){
                var s = $scope.students[index]
                $scope.stuinfo = s.name+'---'+s.age+'---'+s.id;
            }
            $scope.insertDom = function(){
                $scope.students.splice(1,0,{name:'liyajie4',age:14,id:4})
            }
        })
    </script>
</body>
</html>
  • 分析如上代码
    • 上面的功能主要是把学生的信息都给显示出来,点击学生名字的时候下面显示对应的详细信息,点击Add Stu按钮的时候新增一个学生liyajie4
    • $index:当前元素索引 number
    • $first 是否是第一个 boolean
    • $last 是否是最后一个 boolean
    • $middle 是否是中间的一个 boolean,如果数组是偶数个元素,则中间两个
    • $even 是否是奇数位 boolean
    • $odd 是否是偶数位 boolean
    • $index是从0开始,其他的是从1开始算

ng-show和ng-hide指令

说明

  • ng-show 为true的时候显示,false的时候隐藏
  • ng-hide 则和ng-show相反

  • 示例代码如下

    <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>显示和隐藏</title>
<style type="text/css">
.menu-disabled-true{
    color:gray;
}
</style>
</head>
<body ng-app='showandhide'>
<div ng-controller='showhidectrl'>
    <button ng-click='toggleMenu()'>显示或隐藏</button>
    <ul ng-show='menustate'>
        <li class="menu-disabled-{{isDisabled}}" ng-click="stun()">Stun</li>
        <li ng-click="dis()">Dis</li>
        <li ng-click="erase()">Erase</li>
    </ul>
</div>
<script type="text/javascript" src="js/angularjs-v1.5.0.js"></script>
<script>
    var app = angular.module('showandhide',[])
    app.controller('showhidectrl',function($scope){
        $scope.menustate = true;
        $scope.toggleMenu = function(){
            $scope.menustate = !$scope.menustate
        }
        $scope.isDisabled = false
        $scope.stun = function(){
            $scope.isDisabled = true;
        }

    })
</script>
</body>
</html>

    相对来说这个指令没什么困难

ng-class样式指令

通过上面ng-show的示例代码中也看到了,通过改变class的名字来控制文字的样式,这样是很灵活的,但是当需要再模板和javascript中使用时它就会变得无法维护,进而无法正确创建css,正式因为这个AngularJs给我们提供了ng-class和ng-style指令,如下是两个例子

1. 在页面最上方切换错误和警告消息

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>ng-class 在页面头部显示错误或警告信息</title>
    <style type="text/css">
    body,div{
        padding: 0;
        margin: 0;
    }
    button{
        width:80px;
        padding: 5px 10px;
        border:none;
        border-radius:5px;
        background-color:#0094ff;
    }
        .error{
            height:50px;
            text-align:center;
            background-color:#ff0000;
        }
        .warning{
            text-align:center;
            height:50px;
            background-color:#FF8000;
        }
    </style>
</head>
<body ng-app='ngclass'>
    <div ng-controller='ngctrl'>
        <div ng-class='{error:isError,warning:isWarning}'>{{msg}}</div>
        <button ng-click='showerror()'>Error</button>
        <button ng-click='showwarn()'>Warning</button>
    </div>
    <script type="text/javascript" src="js/angularjs-v1.5.0.js"></script>
    <script>
        var app = angular.module('ngclass',[])
        app.controller('ngctrl',function($scope){
            $scope.showerror = function(){
                $scope.isError = true;
                $scope.isWarning = false;
                $scope.msg = '这是错误消息';
            }
            $scope.showwarn = function(){
                $scope.isError = false;
                $scope.isWarning = true;
                $scope.msg = '这是警告消息';
            }
        })
    </script>
</body>
</html>

2. 选中行后变颜色

...

  • 转自：【李亚杰技术小栈】
  • 更多教程请到：李亚杰技术小栈

你可能感兴趣的:(AngularJs学习教程)

  • Angular.js 应用里如何实现列表应用 angularjs
    源代码：Angular.jsExamplevarnameApp=angular.module('nameApp',[]);nameApp.controller('NameCtrl',function($scope){$scope.Ionames=['Larry','Curly','Moe'];});{{nameF}}这段代码是一个简单的AngularJS应用示例。下面我将详细解释每个部分的功能和语
  • 2023最详细的Python安装教程（Windows版本） 程序员林哥 Pythonpythonwindows开发语言
    python安装是学习pyhon第一步，很多刚入门小白不清楚如何安装python，今天我来带大家完成python安装与配置，跟着我一步步来，很简单，你肯定能完成。第一部分：python安装（一）准备工作1、下载和安装python(认准官方网站)当然你不想去下载的话也可以分享给你，还有入门学习教程，点击下方卡片跳转进群领取（二）开始安装对于Windows操作系统，可以下载“executableins
  • mysql学习教程，从入门到精通，TOP 和MySQL LIMIT 子句（15） 知识分享小能手 大数据数据库MySQLmysql学习oracle数据库开发语言adb大数据
    1、TOP和MySQLLIMIT子句内容在SQL中，不同的数据库系统对于限制查询结果的数量有不同的实现方式。TOP关键字主要用于SQLServer和Access数据库中，而LIMIT子句则主要用于MySQL、PostgreSQL（通过LIMIT/OFFSET语法）、SQLite等数据库中。下面将分别详细介绍这两个功能的语法、语句以及案例。1.1、TOP子句（SQLServer和Access）1.1
  • C# 开发教程-入门基础 天马3798 教程系列整理c#开发语言
    1.C#简介、环境，程序结构2.C#基本语法，变量，控制局域，数据类型，类型转换3.C#数组、循环，Linq4.C#类，封装，方法5.C#枚举、字符串6.C#面相对象，继承，封装，多态7.C#特性、属性、反射、索引器8.C#委托，事件，集合，泛型9.C#匿名方法10.C#多线程更多：JQuery开发教程入门基础Vue开发基础入门教程Vue开发高级学习教程
  • 五款BI对比分析 qq_43696218 信息可视化
    本文将用一两段话来概括市面上比较常用的五款BI软件，至于究竟哪一款BI软件更适合你，则需要根据自己的情况进行选择了。注意：以下排名不分先后1、FineBIFineBI是一款国产的BI工具，以其本土化做得好和学习教程完善而广受欢迎。它提供了与国产数据库的高适配度和适合中国人使用习惯的图表、指标，使得业务人员能够更轻松地理解和分析数据。FineBI的易用性和强大的数据分析功能使其成为业务人员的得力助手
  • 【LangChain-Chatchat】本地部署模型及搭建个人/企业内部知识库 AI_小站 langchain人工智能ai大模型语言模型自然语言处理
    此学习教程结合本人安装经验主要提供给想学习和本地安装使用LangChain-Chatchat的同学们，该教程如有描述不当或者引用不正确的地方，欢迎指出！后续也会更新如何结合自己系统使用。介绍基于ChatGLM等大语言模型与Langchain等应用框架实现，开源、可离线部署的检索增强生成(RAG)大模型知识库项目。该项目支持开源LLM与Embedding模型，亦可实现全部使用开源模型离线私有部署。与
  • 【STM32+HAL+Proteus】系列学习教程---74HC595驱动数码管 面包板扎 STM32应用开发教程（基础）stm32嵌入式硬件单片机
    实现目标1、三位数码动态扫描；2、STM32F103HAL库驱动74HC595芯片。一、74HC595芯片74HC595是一个8位串行输入、并行输出的位移缓存器：并行输出为三态输出。在SCK的上升沿，串行数据由SDL输入到内部的8位位移缓存器，并由Q7'输出，而并行输出则是在LCK的上升沿将在8位位移缓存器的数据存入到8位并行输出缓存器。当串行数据输入端OE的控制信号为低使能时，并行输出端的输出值
  • 如何从Angularjs 升级到 Angular（译文） 快乐2020
    原文:UpgradingfromAngularJStoAngularAuthor:AngularJS官方译者：philoenglish.com团队关键字：AngularjsAngularAngular1.xAngular2.xmigration迁移，升级这里的Angular是指Angular2.x,而AngularJS是指AngularJS1.x版本。Angular(通常是指"Angular2+"
  • 自动驾驶之心规划控制理论&实战课程 vsdvsvfhf 自动驾驶人工智能机器学习
    单目3D与单目BEV全栈教程(视频答疑)多传感器标定全栈系统学习教程多传感器融合:毫米波雷达和视觉融合感知全栈教程(深度学习传统方式)多传感器融合跟踪全栈教程(视频答疑)多模态融合3D目标检测教程(视频答疑)规划控制理论&实战课程国内首个BEV感知全栈系列学习教程首个基于Transformer的分割检测视觉大模型视频课程CUDA与TensorRT部署实战课程(视频答疑)Occupancy从入门到精
  • MCU官方IDE软件安装及学习教程集合 — STM32CubeIDE（STM32） 掌芯元器官方博客 嵌入式科普分享专栏STM32CubeIDE嵌入式IDE集成开发环境
    简介各MCU厂商为保证产品的市场地位以及用户体验，不断的完善自己的产品配套，搭建自己的开发生态，像国外ST公司，国内的GD（兆易创新），AT（雅特力）等等。目前就开发生态而言，ST的生态开发相对比较成熟，国内MCU也是在加紧开发步伐。本系列文章主要为大家介绍各个MCU厂家官方的IDE（集成开发环境）软件，开阔大家的认知，并包含软件安装教程及学习文章教程。虽然各个厂商配套的IDE并不像Keil、Ec
  • R 语言学习教程，从入门到精通，Java 中操作 R（27） 知识分享小能手 学习心得体会数据分析大数据r语言学习java开发语言numpy大数据数据分析
    1、Java中操作R首先，在R中安装软件包“Rserve”。如果你使用的是RGui可视化界面，在菜单栏的程序包-安装程序包里可以完成这个步骤。如果你使用的是纯粹的RConsole，可以使用以下命令：install.packages("Rserve",repos="https://mirrors.ustc.edu.cn/CRAN/")当Reserve安装完成之后，在R的根目录下会有一个library
  • 【面试题系列Vue06】Vue 单页应用与多页应用的区别 周三有雨 vue面试题vue.js前端javascript
    单页应用单页应用这个概念，是随着前几年AngularJS、React、Ember等这些框架的出现而出现的。第一节内容里，我们在页面渲染中讲了页面的局部刷新，而单页应用则是使用了页面的局部刷新的能力，在切换页面的时候刷新页面内容，从而获取更好的体验。SPA与MPA单页应用（SinglePageWebApplication，SPA）和多页应用（MultiPageApplication，MPA）的区别可
  • AIGC深度学习教程：Transformer模型中的Position Embedding实现与应用 玩AI的小胡子 embeddingtransformerAIGC人工智能
    在进入深度学习领域时，Transformer模型几乎是绕不开的话题，而其中的PositionEmbedding更是关键。对于刚入门的朋友，这篇教程将带你深入了解PositionEmbedding是什么、它如何在Transformer中运作，以及它在不同领域中的实际应用。什么是PositionEmbedding？PositionEmbedding是Transformer模型中一种关键机制，用于弥补模
  • R 语言学习教程，从入门到精通，R 绘图饼图（22） 知识分享小能手 数据分析大数据学习心得体会r语言学习开发语言python大数据绘图统计学
    1、R绘图饼图R语言提供来大量的库来实现绘图功能。饼图，或称饼状图，是一个划分为几个扇形的圆形统计图表，用于描述量、频率或百分比之间的相对关系。R语言使用pie()函数来实现饼图，语法格式如下：pie(x,labels=names(x),edges=200,radius=0.8,clockwise=FALSE,init.angle=if(clockwise)90else0,density=NULL
  • js、ts、argular、nodejs学习心得 海棠如醉 web技术web
    工作中需要前端argular开发桌面程序，后端用nodejs开发服务器，商用软件架构AngularJS诞生于2009年，由MiskoHevery等人创建，是一款构建用户界面的前端框架，后为Google所收购。[3]Angular是AngularJS的重写，Angular2以后官方命名为Angular，2.0以前版本称为AngularJS。AngularJS是用JavaScript编写，而Angul
  • R 语言学习教程，从入门到精通，R MySQL 连接使用（21） 知识分享小能手 学习心得体会大数据数据分析r语言学习mysql开发语言大数据android数据分析
    1、RMySQL连接MySQL是最流行的关系型数据库管理系统，在WEB应用方面MySQL是最好的RDBMS(RelationalDatabaseManagementSystem：关系数据库管理系统)应用软件之一。R语言读写MySQL文件需要安装扩展包，我们可以在R到控制台输入以下命令来安装：install.packages("RMySQL",repos="https://mirrors.ustc.
  • 使用Java通过身份证号码匹配省市县名称的技术博客 web安全工具库 java开发语言
    每日自动更新各类学习教程及工具下载合集https://pan.quark.cn/s/874c74e8040e在中国，身份证号码包含了持有人的出生地信息。通过解析身份证号码的前六位，我们可以获取对应的省、市、县（区）信息。在这篇博客中，我们将探讨如何使用Java代码来实现这一功能，并展示详细的代码示例和运行结果。身份证号码结构中国居民身份证号码是18位数字编码，其中前六位表示行政区划代码。具体格式如
  • 标题：重构传统电商：Moa - 融合Angular与Magento的新一代框架 伍辰惟
    标题：重构传统电商：Moa-融合Angular与Magento的新一代框架1、项目介绍Moa是一款创新的开源项目，它将传统的Magento商店带入了新时代。这个框架采用AngularJS前端和Laravel后端API，旨在解决Magento在单元测试、配置优先原则、Prototype.js使用以及未经过测试的第三方模块等方面的问题。Moa的设计目标是提高性能、可维护性和用户体验，为电子商务提供更现
  • 基于AngularJS的企业软件前端架构 weixin_33980459 前端javascript后端ViewUI
    2019独角兽企业重金招聘Python工程师标准>>>这篇是我参加QCon北京2014的演讲内容：提纲：企业应用在软件行业中占有很大的比重，而这类软件多数现在也都采用B/S的模式开发，在这个日新月异的时代，它们的前端开发技术找到了什么改进点呢？B/S企业软件前端开发模式大体上与桌面软件类似，都是偏重量级的，在前端可能会有较多的业务逻辑，这些业务逻辑如何被合理模块化，与界面分离，以便测试，成为这个领
  • 搞编程学习时是如何查找资料的？ Dream_Bri 学习
    刚开始学编程时，我通常用百度、360这样的搜索引擎去找资料。但后来我发现，根据想找的东西不同，用的搜索地方也得变。比如说，找编程学习的东西，我就不太用浏览器了，因为那儿广告太多，信息乱七八糟的，还不容易找到需要的内容。随后发现有的答案可以在CSDN这样的技术博客中找到前人的经验帖子。再后来又有了更多的搜索经验，可以归结于下面几种：学习教程：我会写过的经验贴、知识星球、B站、教程课堂、CSDN、知乎
  • 学习用网址 自留 lsswear 学习学习
    Swoole4文档PHP:PHP手册-Manualshell学习教程(超详细完整)_路人甲的博客-CSDN博客_shell学习Python基础-廖雪峰的官方网站Python爬虫100例教程导航帖（已完结）_梦想橡皮擦，专栏100例写作模式先行者-CSDN博客_python爬虫100例教程蓝桥杯算法全家桶（终极完结版）_JohnnyLin-CSDN博客_蓝桥杯算法Python爬虫100例教程导航帖（
  • 茂名华为云代理商：angularjs后台管理系统网站 aliyuncloud 华为云国际站代理商华为云代理商华为云国际站华为云angular.js前端运维云计算服务器javascript
    茂名华为云代理商：angularjs后台管理系统网站简介：飞机@luotuoemo本文由（华为云国际站代理商：【金推云】www.jintui.cn）撰写茂名华为云代理商：angularjs后台管理系统网站华为云代理商的介绍作为茂名地区的华为云代理商，我们致力于为客户提供最优质的云服务和解决方案。借助华为云强大的技术实力和丰富的行业经验，我们能够为客户量身定制各种云计算服务，满足其不同的需求。Ang
  • 吴恩达机器学习全课程笔记第二篇 亿维数组 MachineLearning机器学习笔记人工智能学习
    目录前言P31-P33logistics（逻辑）回归决策边界P34-P36逻辑回归的代价函数梯度下降的实现P37-P41过拟合问题正则化代价函数正则化线性回归正则化logistics回归前言这是吴恩达机器学习笔记的第二篇，第一篇笔记请见：吴恩达机器学习全课程笔记第一篇完整的课程链接如下：吴恩达机器学习教程（bilibili）推荐网站：scikit-learn中文社区吴恩达机器学习学习资料（gith
  • LoadRunner性能测试系统学习教程：脚本编写（1） 川石教育
    LoadRunner录制结束后会自动生成一段脚本。这段脚本虽然很简单，但很实用，适合初学者学习。但是在真正进行项目性能测试时，只靠LoadRunner自动生成的脚本还是不够，很难达到业务的要求。因此，在录制脚本结束后，要对脚本进行完善，使其能达到业务模拟的要求，这样尽可能地使虚拟用户模拟时更接近用户的实际使用。本章将从以下几个方面介绍完善脚本的技巧：插入检查点Block（块）技术参数化技术关联技术
  • Vue中$root的使用方法 还是大剑师兰特 #vue2实战指南vue.jsvue的root大剑师
    查看本专栏目录关于作者还是大剑师兰特：曾是美国某知名大学计算机专业研究生，现为航空航海领域高级前端工程师；CSDN知名博主，GIS领域优质创作者，深耕openlayers、leaflet、mapbox、cesium，canvas，webgl，echarts等技术开发，欢迎加底部微信，一起交流。热门推荐内容链接1openlayers从基础到精通，300+代码示例2leaflet热门分解学习教程，15
  • 如何用CSS为链接设置不同样式-小驴中国内参 donkeychina
    链接可以看作是一个文本，在网页设计中，运营不同的链接样式可以做出更美观与符合用户体验的效果，如果看作一个互动的模块，那么在访客的不同点击状态下也是不同的样式，下面，小驴中国前端开发网就跟大家分享一下如何用CSS为链接设置不同样式。感谢小驴中国官网提供CSS样式链接学习教程：donkeychina.com1、链接样式。对于链接来说，我们可以为这些链接设置不同的样式。普通的链接样式：a:link{co
  • ABAP 如何解析 JSON 数据试读版 JerryWang_汪子熙
    零基础ABAP学习教程系列文章的目录ABAP标准培训教程BC400学习笔记之一：ABAP服务器的架构和一个典型的ABAP程序结构介绍ABAP标准培训教程BC400学习笔记之二：Cross-client和Client-specific的区别ABAP标准培训教程BC400学习笔记之三：ABAP编程语言的特性和基本构成要素ABAP标准培训教程BC400学习笔记之四：ABAP编程语言的数据类型ABAP标准
  • css修改图标字体大小,css-更改AngularJS材质图标的图标大小 莫博之 css修改图标字体大小
    css-更改AngularJS材质图标的图标大小我已经引用然后声明了一个图标face但是，如何更改图标大小？在官方网站[https://design.google.com/icons/]上，我看到他们使用诸如class="md-icondp48"280之类的类，但在我的情况下不起作用。9个解决方案72votes通过阅读github中的材料设计，我发现了这些有用的东西可能会对您有所帮助。/*Rule
  • 如何在幻灯片里面实现随机抽奖？ 海韵互联
    有同事提出这个问题来问我：“如何在幻灯片里面实现随机抽奖？”给大家写成了学习教程——PPT随机抽奖的做法。第一，需要准备一份Word文档，里面写上抽奖的内容，记得Word里面每一个抽奖内容都要作为一行，然后设置好对应字体和字号，如果是数字序列的话，建议可以在Excel里面直接用填充柄，快速填充需要的数字，然后复制到Word里面，就更加方便。下面就以10个数字为例来讲解一下做法。第二，做好这份Wor
  • 前端框架 air_b10f
    JavaScript在2017年被IBM评为最值得学习的编程语言之一，自然而然它的流行度快速上升，并一直持续。这也促使了一个活跃的生态系统的生成以及与之相关的技术和框架的发展。如今诞生了非常多的框架和库，如果对每一个框架没有一个大致的了解，恐怕很难抉择。如果你正在尝试选择一个合适的javascript框架，那么下面这几个框架你绝对不容错过：1.AngularJSAngularJS是一个有Googl
  • java观察者模式 3213213333332132 java设计模式游戏观察者模式
    观察者模式——顾名思义，就是一个对象观察另一个对象，当被观察的对象发生变化时，观察者也会跟着变化。 在日常中，我们配java环境变量时，设置一个JAVAHOME变量,这就是被观察者，使用了JAVAHOME变量的对象都是观察者，一旦JAVAHOME的路径改动，其他的也会跟着改动。 这样的例子很多，我想用小时候玩的老鹰捉小鸡游戏来简单的描绘观察者模式。 老鹰会变成观察者，母鸡和小鸡是
  • TFS RESTful API 模拟上传测试 ronin47
           TFS RESTful API 模拟上传测试。 　　 细节参看这里：https://github.com/alibaba/nginx-tfs/blob/master/TFS_RESTful_API.markdown 模拟POST上传一个图片： curl --data-binary @/opt/tfs.png http
  • PHP常用设计模式单例, 工厂, 观察者, 责任链, 装饰, 策略,适配,桥接模式 dcj3sjt126com 设计模式PHP
    // 多态, 在JAVA中是这样用的, 其实在PHP当中可以自然消除, 因为参数是动态的, 你传什么过来都可以, 不限制类型, 直接调用类的方法 abstract class Tiger { public abstract function climb(); } class XTiger extends Tiger { public function climb()
  • hibernate 171815164 Hibernate
    main,save Configuration conf =new Configuration().configure(); SessionFactory sf=conf.buildSessionFactory(); Session sess=sf.openSession(); Transaction tx=sess.beginTransaction(); News a=new
  • Ant实例分析 g21121 ant
            下面是一个Ant构建文件的实例，通过这个实例我们可以很清楚的理顺构建一个项目的顺序及依赖关系，从而编写出更加合理的构建文件。           下面是build.xml的代码： <?xml version="1
  • [简单]工作记录_接口返回405原因 53873039oycg 工作
             最近调接口时候一直报错，错误信息是:       responseCode:405 responseMsg:Method Not Allowed        接口请求方式Post.
  • 关于java.lang.ClassNotFoundException 和 java.lang.NoClassDefFoundError 的区别 程序员是怎么炼成的
       真正完成类的加载工作是通过调用 defineClass来实现的；  而启动类的加载过程是通过调用 loadClass来实现的；  就是类加载器分为加载和定义   protected Class<?> findClass(String name) throws ClassNotFoundExcept
  • JDBC学习笔记-JDBC详细的操作流程 aijuans jdbc
    所有的JDBC应用程序都具有下面的基本流程：　　1、加载数据库驱动并建立到数据库的连接。　　2、执行SQL语句。　　3、处理结果。　　4、从数据库断开连接释放资源。 下面我们就来仔细看一看每一个步骤： 其实按照上面所说每个阶段都可得单独拿出来写成一个独立的类方法文件。共别的应用来调用。 1、加载数据库驱动并建立到数据库的连接：   Html代码  St
  • rome创建rss antonyup_2006 tomcatcmsxmlstrutsOpera
    引用 1.RSS标准 RSS标准比较混乱，主要有以下3个系列 RSS 0.9x / 2.0 : RSS技术诞生于1999年的网景公司(Netscape)，其发布了一个0.9版本的规范。2001年，RSS技术标准的发展工作被Userland Software公司的戴夫 温那(Dave Winer)所接手。陆续发布了0.9x的系列版本。当W3C小组发布RSS 1.0后，Dave W
  • html表格和表单基础 百合不是茶 html表格表单meta锚点
    第一次用html来写东西,感觉压力山大,每次看见别人发的都是比较牛逼的 再看看自己什么都还不会,   html是一种标记语言,其实很简单都是固定的格式   _----------------------------------------表格和表单 表格是html的重要组成部分,表格用在body里面的 主要用法如下; <table> &
  • ibatis如何传入完整的sql语句 bijian1013 javasqlibatis
            ibatis如何传入完整的sql语句？进一步说，String str ="select * from test_table"，我想把str传入ibatis中执行，是传递整条sql语句。         解决办法： <
  • 精通Oracle10编程SQL(14)开发动态SQL bijian1013 oracle数据库plsql
    /* *开发动态SQL */ --使用EXECUTE IMMEDIATE处理DDL操作 CREATE OR REPLACE PROCEDURE drop_table(table_name varchar2) is sql_statement varchar2(100); begin sql_statement:='DROP TABLE '||table_name;
  • 【Linux命令】Linux工作中常用命令 bit1129 linux命令
    不断的总结工作中常用的Linux命令   1.查看端口被哪个进程占用   通过这个命令可以得到占用8085端口的进程号，然后通过ps -ef|grep 进程号得到进程的详细信息   netstat -anp | grep 8085   察看进程ID对应的进程占用的端口号   netstat -anp | grep 进程ID &
  • 优秀网站和文档收集 白糖_ 网站
    集成 Flex, Spring, Hibernate 构建应用程序   性能测试工具-JMeter   Hmtl5-IOCN网站   Oracle精简版教程网站   鸟哥的linux私房菜   Jetty中文文档   50个jquery必备代码片段   swfobject.js检测flash版本号工具
  • angular.extend boyitech AngularJSangular.extendAngularJS API
    angular.extend 复制src对象中的属性去dst对象中. 支持多个src对象. 如果你不想改变一个对象，你可以把dst设为空对象{}: var object = angular.extend({}, object1, object2). 注意: angular.extend不支持递归复制. 使用方法: angular.extend(dst, src); 参数:
  • java-谷歌面试题-设计方便提取中数的数据结构 bylijinnan java
    网上找了一下这道题的解答，但都是提供思路，没有提供具体实现。其中使用大小堆这个思路看似简单，但实现起来要考虑很多。 以下分别用排序数组和大小堆来实现。 使用大小堆： import java.util.Arrays; public class MedianInHeap { /** * 题目：设计方便提取中数的数据结构 * 设计一个数据结构，其中包含两个函数，1.插
  • ajaxFileUpload 针对 ie jquery 1.7+不能使用问题修复版本 Chen.H ajaxFileUploadie6ie7ie8ie9
    jQuery.extend({ handleError: function( s, xhr, status, e ) { // If a local callback was specified, fire it if ( s.error ) { s.error.call( s.context || s, xhr, status, e ); }
  • [机器人制造原则]机器人的电池和存储器必须可以替换 comsci 制造
           机器人的身体随时随地可能被外来力量所破坏,但是如果机器人的存储器和电池可以更换,那么这个机器人的思维和记忆力就可以保存下来,即使身体受到伤害,在把存储器取下来安装到一个新的身体上之后,原有的性格和能力都可以继续维持.....        另外,如果一
  • Oracle Multitable INSERT 的用法 daizj oracle
    转载Oracle笔记-Multitable INSERT 的用法 http://blog.chinaunix.net/uid-8504518-id-3310531.html 一、Insert基础用法 语法：     Insert Into 表名 (字段1,字段2,字段3...）     Values (值1,
  • 专访黑客历史学家George Dyson datamachine on
    20世纪最具威力的两项发明——核弹和计算机出自同一时代、同一群年青人。可是，与大名鼎鼎的曼哈顿计划（第二次世界大战中美国原子弹研究计划）相 比，计算机的起源显得默默无闻。出身计算机世家的历史学家George Dyson在其新书《图灵大教堂》（Turing’s Cathedral）中讲述了阿兰·图灵、约翰·冯·诺依曼等一帮子天才小子创造计算机及预见计算机未来
  • 小学6年级英语单词背诵第一课 dcj3sjt126com englishword
    always 总是 rice 水稻，米饭 before 在...之前 live 生活，居住   usual 通常的 early 早的 begin 开始 month 月份   year 年 last 最后的 east 东方的 high 高的   far 远的 window 窗户 world 世界 than 比...更  
  • 在线IT教育和在线IT高端教育 dcj3sjt126com 教育
    codecademy  http://www.codecademy.com codeschool  https://www.codeschool.com teamtreehouse  http://teamtreehouse.com lynda http://www.lynda.com/ Coursera https://www.coursera.
  • Struts2 xml校验框架所定义的校验文件 蕃薯耀 Struts2 xml校验Struts2 xml校验框架Struts2校验
      >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 蕃薯耀 2015年7月11日 15:54:59 星期六 http://fa
  • mac下安装rar和unrar命令 hanqunfeng mac
    1.下载：http://www.rarlab.com/download.htm 选择 RAR 5.21 for Mac OS X 2.解压下载后的文件 tar -zxvf rarosx-5.2.1.tar 3.cd rar sudo install -c -o $USER unrar /bin #输入当前用户登录密码 sudo install -c -o $USER rar
  • 三种将list转换为map的方法 jackyrong list
      在本文中，介绍三种将list转换为map的方法： 1） 传统方法 假设有某个类如下    class Movie { private Integer rank; private String description; public Movie(Integer rank, String des
  • 年轻程序员需要学习的5大经验 lampcy 工作PHP程序员
    在过去的7年半时间里，我带过的软件实习生超过一打，也看到过数以百计的学生和毕业生的档案。我发现很多事情他们都需要学习。或许你会说，我说的不就是某种特定的技术、算法、数学，或者其他特定形式的知识吗？没错，这的确是需要学习的，但却并不是最重要的事情。他们需要学习的最重要的东西是“自我规范”。这些规范就是：尽可能地写出最简洁的代码；如果代码后期会因为改动而变得凌乱不堪就得重构；尽量删除没用的代码，并添加
  • 评“女孩遭野蛮引产致终身不育 60万赔偿款1分未得”医腐深入骨髓 nannan408
    先来看南方网的一则报道： 再正常不过的结婚、生子，对于29岁的郑畅来说，却是一个永远也无法实现的梦想。从2010年到2015年，从24岁到29岁，一张张新旧不一的诊断书记录了她病情的同时，也清晰地记下了她人生的悲哀。 　　粗暴手术让人发寒 　　2010年7月，在酒店做服务员的郑畅发现自己怀孕了，可男朋友却联系不上。在没有和家人商量的情况下，她决定堕胎。 　　12月5日，
  • 使用jQuery为input输入框绑定回车键事件 VS 为a标签绑定click事件 Everyday都不同 jspinput回车键绑定clickenter
    假设如题所示的事件为同一个，必须先把该js函数抽离出来，该函数定义了监听的处理：   function search() { //监听函数略...... }   为input框绑定回车事件，当用户在文本框中输入搜索关键字时，按回车键，即可触发search():   //回车绑定 $(".search").keydown(fun
  • EXT学习记录 tntxia ext
      1. 准备   （1） 官网：http://www.sencha.com/   里面有源代码和API文档下载。   EXT的域名已经从www.extjs.com改成了www.sencha.com ，但extjs这个域名会自动转到sencha上。   （2）帮助文档：   想要查看EXT的官方文档的话，可以去这里h
  • mybatis3的mapper文件报Referenced file contains errors xingguangsixian mybatis
    最近使用mybatis.3.1.0时无意中碰到一个问题： The errors below were detected when validating the file "mybatis-3-mapper.dtd" via the file "account-mapper.xml". In most cases these errors can be d
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他