tianjun2012
tianjun2012

angularjs2入门实例（2）

入门体验

还是接着上一篇的，是一个例子，吧所有的更能都给完成，
废话不多收，先还是看一下样例的图片：
angularjs2入门实例（2）_第1张图片

代码实例

app.ts:

import { bootstrap } from "angular2/platform/browser";
import { Component } from "angular2/core";
//import {NgFor} from "angular2/common";

//@Component({
// selector: 'hello-world',
// template: `
// <ul>
// <li *ngFor="#name of names">hello {{name}}</li>
// </ul>
// `
//})
//class HelloWorld {
// names:string[];
// constructor(){
// this.names = ['tianjun2012','tianjun2013','tianjun2014'];
// }
//}
//
//bootstrap(HelloWorld);

class Article{
  title:string;
  link:string;
  votes:number;
  constructor(title:string,link:string,votes?:number){
    this.title=title;
    this.link=link;
    this.votes= votes || 0;
  }
  voteUp():void{
    this.votes += 1;
  }
  voteDown():void{
    this.votes -= 1;
  }
  domain():string{
    try{
      const link:string = this.link.split('//')[1];
      return link.split('/')[0];
    }catch(err){
      return null;
    }
  }
}

@Component({
  selector:'reddit-article',
  inputs:['article'],
  host:{
    class:'row'
  },
  template:`
    <div class="four wide column center aligned votes">
      <div class="ui statistic">
        <div class="value">{{article.votes}}</div>
        <div class="label">Points</div>
      </div>
    </div>
    <div class="twelve wide column">
      <a class="ui large header" href="{{article.link}}">{{article.title}}</a>
      <div class="meta">({{article.domain()}})</div>
      <ul class="ui big horizontal list votes">
        <li class="item">
          <a href (click)="voteUp()">
            <i class="arrow up icon"></i>upvote
          </a>
        </li>
        <li class="item">
          <a href (click)="voteDown()">
            <i class="arrow down icon"></i>downvote
          </a>
        </li>
      </ul>
    </div>
  `
})
class ArticleComponent{

  article:Article;
  voteUp():boolean{
    this.article.voteUp();
    return false;
  }
  voteDown():boolean{
    this.article.voteDown();
    return false;
  }
}


  @Component({
    selector:'reddit',
    directives:[ArticleComponent],
    template:`
    <form class="ui large form segment">
        <h3 class="ui header">Add a Link</h3>
        <div class="field">
          <label for="title">Title:</label><input name="title" #newtitle>
        </div>
        <div class="field">
          <label for="link">Link:</label><input name="link" #newlink>
        </div>
        <button (click)="addArticle(newtitle,newlink)" class="ui positive right floated button">
          submit link
        </button>
    </form>
    <div class="ui grid posts">
      <reddit-article
      *ngFor = "#article of sortedArticles()" [article]="article"></reddit-article>
    </div>
  `
  })

class RedditApp{
    articles:Article[];
  constructor(){
    this.articles=[
        new Article('argular 2','http://angular.io',3),
        new Article('tianjun2012','http://www.baidu.com',4),
        new Article('tianjun2050','http://www.google.com',10)
    ];

  }

  addArticle(title:HTMLInputElement,link:HTMLInputElement):void{
    console.log(`Adding article title:${title.value} and link:${link.value}`);
    this.articles.push(new Article(title.value,link.value,0));
    title.value='';
    link.value='';
  }

    sortedArticles():Article[]{
      return this.articles.sort((a:Article,b:Article) => b.votes - a.votes);
    }

}
bootstrap(RedditApp);

index.html:

<!doctype html>
<html>
<head>
    <title>Angular 2 - Simple Reddit</title>
    <script src="node_modules/es6-shim/es6-shim.js"></script>
    <script src="node_modules/angular2/bundles/angular2-polyfills.js"></script>
    <script src="node_modules/systemjs/dist/system.src.js"></script>
    <script src="node_modules/rxjs/bundles/Rx.js"></script>
    <script src="node_modules/angular2/bundles/angular2.dev.js"></script>
    <!-- Stylesheet -->
    <link rel="stylesheet" type="text/css" href="resources/vendor/semantic.min.css">
    <link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
    <script> System.config({ packages:{ app:{ format:'register', defaultExtension:'js' } } }); System.import('app.js') .then(null,console.error.bind(console)); </script>
    <!-- Menu Bar -->
    <div class="ui menu">
        <div class="ui container">
            <a href="#" class="header item">
                <img class="logo" src="resources/images/ng-book-2-minibook.png">
                ng-book 2
            </a>
            <div class="header item borderless">
                <h1 class="ui header">
                    Angular 2 Simple Reddit
                </h1>
            </div>
        </div>
    </div>

    <div class="ui main text container">
        <reddit></reddit> <!-- <--- Our app loads here! -->
    </div>
</body>
</html>

你可能感兴趣的:(AngularJS,Angular)

  • angular html 文字向上无缝滚动 陌归
    样式要重新自己写body{font-size:12px}#demo{overflow:hidden;height:80px;width:280px;margin:90pxauto;position:relative;}#demo1{height:auto;text-align:left;}#demo2{height:auto;text-align:left;}#demo1li,#demo2li{l
  • 茂名华为云代理商：angularjs后台管理系统网站 aliyuncloud 华为云国际站代理商华为云代理商华为云国际站华为云angular.js前端运维云计算服务器javascript
    茂名华为云代理商：angularjs后台管理系统网站简介：飞机@luotuoemo本文由（华为云国际站代理商：【金推云】www.jintui.cn）撰写茂名华为云代理商：angularjs后台管理系统网站华为云代理商的介绍作为茂名地区的华为云代理商，我们致力于为客户提供最优质的云服务和解决方案。借助华为云强大的技术实力和丰富的行业经验，我们能够为客户量身定制各种云计算服务，满足其不同的需求。Ang
  • 可视化大屏前端开发：GIS开发技术栈 千汇数据的老司机 GIS开发技术前端可视化
    GIS开发（GeographicInformationSystemDevelopment）指的是开发地理信息系统的过程，地理信息系统是一种用于收集、管理、分析和展示空间数据的软件系统。GIS开发涉及到多个领域，包括地理信息科学、计算机科学、地图制图、数据库管理、数据分析等。GIS前端开发技术栈通常包括以下几个方面：前端框架：GIS前端开发通常使用Vue、React或Angular等前端框架来构建应
  • 概念理解 潘婷baby
    Git---版本管理SVNAngular-cli---脚手架测试Angular---js框架vuereact库Node---js框架Npm---包管理工具Ng-zorro---UI库btelementvueNode环境---varhttp=httpusr
  • 前后端开发的心得体会_前后端对接的思考及总结 weixin_39586915 前后端开发的心得体会
    说在前面的话随着前端NodeJs技术的火爆,现在的前端已经非以前传统意义上的前端了,各种前端框架(Vue、React、Angular......)井喷式发展,配合NodeJs服务端渲染引擎,目前前端能完成的工作不仅仅局限于CSS，JS等方面，很多系统的业务逻辑都可以放在前端来完成，例如我司的管控那可能有些人会说,前端这么火,NodeJs发展这么迅猛,后端是不是以后都没事情干了，其实不然,拿Java
  • angular中的input防抖使用 ~ climber ~ angular踩坑
    一周复盘。学而时习之。。。复习一下节流与防抖，关于二者的概念，网上各种说辞。防抖：在高频触发回调函数时，防抖操作使回调函数在一定时间间隔内，再次触发会清空定时器，并重新计时；计时结束后输出一次结果。核心在于，在短时间内大量触发同一事件时，只会执行一次回调函数。避免把一次事件误认为多次。场景：在表单校验的时候，不加防抖，依次输入name，就会分成n，na，nam,name四次发出请求；而添加防抖，设
  • angular 防抖和节流踩坑 海绵饱饱_wk angularangular.jsjavascript前端
    如果在angualr项目中实现防抖节流，可以使用封装好的模块，比如rxjs。但今天说的是使用原始的防抖节流方法遇到的问题：以节流为例，先贴一段常见的原始节流代码：functionthrottle(fn){   letcanRun=true;//通过闭包保存一个标记   returnfunction(){    if(!canRun)return;//在函数开头判断标记是否为true，不为true则
  • Angular + rxjs 实现 某个方法防抖 clearlove_lwc Angularangular.js前端
    场景：监听输入变化从而触发搜索方法或某个方法的搜索框、输入框等//引入rxjs等包import{Subject}from'rxjs';import{distinctUntilChanged,debounceTime}from'rxjs/operators';举例：search()方法会调用getList()这个方法向后台查询数据//预置方法/*调用后台查询数据接口*/getList(){*****
  • Angular中如何实现防抖和节流 crary,记忆 前端知识总结angular.jsjavascript前端angular
    在Angular中实现防抖和节流的方法有多种，这篇博客主要是详细介绍两种常用的方法：使用RxJS操作符和使用Angular自带的工具。使用RxJS操作符实现防抖和节流：防抖（Debounce）：//简易版import{debounceTime}from'rxjs/operators';input.valueChanges.pipe(debounceTime(300)).subscribe(valu
  • 「盘点」界面控件DevExtreme (v23.1, v23.2)可访问性增强 界面开发小八哥 DevExtreme界面控件UI开发devexpresshtml5
    DevExtreme拥有高性能的HTML5/JavaScript小部件集合，使您可以利用现代Web开发堆栈（包括React，Angular，ASP.NETCore，jQuery，Knockout等）构建交互式的Web应用程序。从Angular和Reac，到ASP.NETCore或Vue，DevExtreme包含全面的高性能和响应式UI小部件集合，可在传统Web和下一代移动应用程序中使用。该套件附带
  • Angular 1.3 子组件的概述与引用 段旭文 AngularAngular子组件
    （1）概述。随着应用程序的增长将所有功能保留在一个组件中将无法维护。您需要将大型组件拆分为较小的子组件，每个子组件都专注于特定的任务或工作流程。子组件利于维护，它将整体模块代码拆分，使得代码清晰利于理解，并且它还减少了耦合减少了代码量，说白了就是将大的模块进行拆分然后进行分装。（2）引用。我们还是基于前面的Angular1.1和1.2之后进行编写。我们将1.2中的明细模块提取出来，创建成独立的子组
  • Angular 2-组件 RealMoYe angular
    1.组件概述组件之于ng，正如汽车部件之于汽车。一个模块包含多个组件，像是汽车的一个系统比如动力系统包含多个零件。一个模块的组件不能调用另外一个模块的组件。Angular应用像是一棵树，组件是叶子，模块是枝干，根模块是树干。2.组件创建步骤创建一个组件包括了三个步骤：1.从@angular/core中引入Component装饰器；2.建立一个普通类，并用@Component修饰它；3.在@Comp
  • 2.Angular组件概述 一只特立独行的_小猫 Angularangular.js前端
    组件Angular组件概述组件是Angular应用的主要构造块。每个组件包括如下部分：一个HTML模板，用于声明页面要渲染的内容一个用于定义行为的TypeScript类一个CSS选择器，用于定义组件在模板中的使用方式要应用在模板上的CSS样式（可选）创建组件AngularCLI是创建组件的最简单的途径，我们也可以手动创建一个组件。1.使用AngularCLI创建组件1.1.在终端窗口中，导航到要放
  • 2024年首发！高级界面控件Kendo UI全新发布2024 Q1 界面开发小八哥 ui界面控件kendouiUI开发
    KendoUI是带有jQuery、Angular、React和Vue库的JavaScriptUI组件的最终集合，无论选择哪种JavaScript框架，都可以快速构建高性能响应式Web应用程序。通过可自定义的UI组件，KendoUI可以创建数据丰富的桌面、平板和移动Web应用程序。通过响应式的布局、强大的数据绑定、跨浏览器兼容性和即时使用的主题，KendoUI将开发时间加快了50%。KendoUI2
  • 2024年最佳React组件库 ChatGPTer UI/UXreact.jsjavascript前端
    我的新书《AndroidApp开发入门与实战》已于2020年8月由人民邮电出版社出版，欢迎购买。点击进入详情目录SaaSUIMUIPrimeReactGrommetAntDesign结论React在首次发布十年后继续主导着Web开发世界。尽管存在来自Angular、Vue和其他一些语言的激烈竞争，但React仍然是流行的开发者选择。多年来，许多React组件库旨在帮助开发人员不断寻找改进项目和简化
  • css修改图标字体大小,css-更改AngularJS材质图标的图标大小 莫博之 css修改图标字体大小
    css-更改AngularJS材质图标的图标大小我已经引用然后声明了一个图标face但是，如何更改图标大小？在官方网站[https://design.google.com/icons/]上，我看到他们使用诸如class="md-icondp48"280之类的类，但在我的情况下不起作用。9个解决方案72votes通过阅读github中的材料设计，我发现了这些有用的东西可能会对您有所帮助。/*Rule
  • SAP Spartacus B2B 页面信息提示图标的弹出窗口显示实现逻辑 JerryWang_汪子熙
    这个弹出窗口的技术实现，通过SAPSpartacus自定义的popoverComponent实现而成：注意，当我刚接触Angular时，误以为下图标号为1的a标签，和标号为2的自定义标签cx-org-toggle-status,会按照其在unit-details.component.html里出现的先后顺序，出现在最终的页面里。实际上，我这种理解是错误的。SAPSpartacusB2B页面如下图右
  • 如何在云服务器 ECS 安装 Tomcat 以礼同航
    我已经分享《如何在云服务器ECS安装MySQL》和《如何在云服务器ECS安装Nginx》。为了搭建Angular+SpringBootREST+MySQL的项目，还需安装Tomcat。第一步，先安装JDK：使用yum命令搜寻一下openjdk的包：[root@VM-0-10-centos~]#yumlist|grepopenjdk*java-1.8.0-openjdk.x86_641:1.8.0.
  • 前端框架 air_b10f
    JavaScript在2017年被IBM评为最值得学习的编程语言之一，自然而然它的流行度快速上升，并一直持续。这也促使了一个活跃的生态系统的生成以及与之相关的技术和框架的发展。如今诞生了非常多的框架和库，如果对每一个框架没有一个大致的了解，恐怕很难抉择。如果你正在尝试选择一个合适的javascript框架，那么下面这几个框架你绝对不容错过：1.AngularJSAngularJS是一个有Googl
  • [Angular 基础] - 生命周期函数 GoldenaArcher #Angularangular.jsjavascript前端
    [Angular基础]-生命周期函数之前的笔记：[Angular基础]-Angular渲染过程&组件的创建[Angular基础]-数据绑定(databinding)[Angular基础]-指令(directives)以上为静态页面，即不涉及到跨组件交流的内容以下涉及到组件内的沟通，从这开始数据就“活”了[Angular基础]-自定义事件&自定义属性[Angular基础]-视图封装&局部引用&父子组
  • angular企业开发笔记 你在卷吗 angular.js前端javascript
    1组件相关1.1Angular中类的构造器小括号可以说是这个类在实例化是便加载的成员变量[注意，不是new一个对象需要传参！！]Ts构造器中所谓的参数严格意义上应该称为依赖，在小括号中注入，在大括号中进行逻辑处理1.2组件关系1.2.1父子组件如果一个组件的模板中以html标记的形式调用了另一个组件模板，那么被调用的组件(整个组件)就是子组件而调用者组件即为父组件1.2.2父子节点在父组件标记中包
  • [Angular 基础] - 视图封装 & 局部引用 & 父子组件中内容传递 GoldenaArcher #Angularangular.js前端javascript
    [Angular基础]-视图封装&局部引用&父子组件中内容传递之前的笔记：[Angular基础]-Angular渲染过程&组件的创建[Angular基础]-数据绑定(databinding)[Angular基础]-指令(directives)以上为静态页面，即不涉及到跨组件交流的内容以下涉及到组件内的沟通，从这开始数据就“活”了[Angular基础]-自定义事件&自定义属性下面的例子依旧会沿用[A
  • angular 路由守卫 CanActivate和CanDeactivate 价值投机168
    CanActivate路由进入新建守卫focusGuard.ts文件import{CanActivate}from'@angular/router';exportclassLoginGuardimplementsCanActivate{canActivate(){letloggedIn:boolean=Math.random(){canDeactivate(component:Routerguar
  • Web前端开发的框架可以应用到哪些地方 一只有头发的程序猿 工作学习web前端JavaScript编程程序员前端开发
    随着时间的推移，网页设计越来越具有创新性。web前端开发将成为2020年技术领域最热门的学科之一。以前，前端空间的开发人员只要了解一些HTML，CSS，也许还有jQuery来创建交互式网站，就足够了。但是今天，他们面临着广泛且不断变化的开发技能生态系统；最近几年，我们使用JavaScript为主要的Web应用程序提供了强大的新库和框架，例如ReactJS，VueJS和angularJS。这3个可以
  • Vue前端】vue使用笔记0基础到高手第2篇：Vue进阶知识点介绍（附代码，已分享） vim前端
    本系列文章md笔记（已分享）主要讨论vue相关知识。Vue.js是前端三大新框架：Angular.js、React.js、Vue.js之一，Vue.js目前的使用和关注程度在三大框架中稍微胜出，并且它的热度还在递增。Vue.js是一个轻巧、高性能、可组件化的MVVM库，同时拥有非常容易上手的API。Vue.js是一个构建数据驱动的web界面的渐进式框架，Vue.js的目标是通过尽可能简单的API实
  • Angular、React、Vue三选一，前端工程师更青睐使用哪款框架？ 前端吴彦祖
    现在前端三架马车Angular、React、Vue各有所长。Angular从一开始就带有很明显的工程化血统，齐全的cli命令，背靠TypeScript，涉及模块、服务以及指令等概念，使用后端的依赖注入思想，特有模板语法。React和Vue就"轻"很多，React甚至只是一个UI库，他们共同的一个思想就是，做好且只做好。1.1Angular、React、Vue三选一，前端工程师更青睐使用哪款框架？下
  • ng form组件（表单） 一封未寄出的信rocky
    tip：数据的双向绑定（数据的双向绑定只是针对表单）实现数据的双向绑定需要在app_module.ts（根模块）中进行注册一些东西import{FormsModule}from'@angular/forms';@NgModule中的imports中进行声明一下FormsModulehtml:人员登录系统姓名：写别：男女城市:{{item}}爱好：{{item.title}}描述：{{mark}}提
  • 解决Appears in the NgModule.imports of AppModule, but could not be resolved to an NgModule class 博文樱花 typescriptangularnode.js
    写angular项目出现的坑ERRORinsrc/app/flying-heroes/flying-heroes.component.ts:9:14-errorNG6002:AppearsintheNgModule.importsofAppModule,butcouldnotberesolvedtoanNgModuleclass.Isitmissingan@NgModuleannotation?9
  • 从Angular4升级到Angular6 西麦smile
    接手了一个Angular4的旧项目，第一时间就升级到最新的Angular6版本，因此记录一下彩到的一些坑Angular4到Angular5Angular升级指南在升级指南中选择需要升级的版本和升级到的版本，就可以根据指南来对项目进行升级，因为本来的Angular项目版本是4.4.6，因此升级后运行也没有报错。npminstall@angular/{animations,common,compile
  • DFS+BFS练习 婳儿 DFS和BFS
    A-RedandBlackhttps://vjudge.net/contest/241948#problem/AThereisarectangularroom,coveredwithsquaretiles.Eachtileiscoloredeitherredorblack.Amanisstandingonablacktile.Fromatile,hecanmovetooneoffouradjace
  • 对股票分析时要注意哪些主要因素？ 会飞的奇葩猪 股票 分析 云掌股吧
    　　众所周知，对散户投资者来说，股票技术分析是应战股市的核心武器，想学好股票的技术分析一定要知道哪些是重点学习的，其实非常简单，我们只要记住三个要素：成交量、价格趋势、振荡指标。     一、成交量 　　大盘的成交量状态。成交量大说明市场的获利机会较多，成交量小说明市场的获利机会较少。当沪市的成交量超过150亿时是强市市场状态，运用技术找综合买点较准；
  • 【Scala十八】视图界定与上下文界定 bit1129 scala
    Context Bound，上下文界定，是Scala为隐式参数引入的一种语法糖，使得隐式转换的编码更加简洁。   隐式参数 首先引入一个泛型函数max，用于取a和b的最大值 def max[T](a: T, b: T) = { if (a > b) a else b }  因为T是未知类型，只有运行时才会代入真正的类型，因此调用a >
  • C语言的分支——Object-C程序设计阅读有感 darkblue086 applec框架cocoa
    自从1972年贝尔实验室Dennis Ritchie开发了C语言，C语言已经有了很多版本和实现，从Borland到microsoft还是GNU、Apple都提供了不同时代的多种选择，我们知道C语言是基于Thompson开发的B语言的，Object-C是以SmallTalk-80为基础的。和C++不同的是，Object C并不是C的超集，因为有很多特性与C是不同的。 Object-C程序设计这本书
  • 去除浏览器对表单值的记忆 周凡杨 html记忆autocompleteform浏览
                                       &n
  • java的树形通讯录 g21121 java
    最近用到企业通讯录，虽然以前也开发过，但是用的是jsf，拼成的树形，及其笨重和难维护。后来就想到直接生成json格式字符串，页面上也好展现。 // 首先取出每个部门的联系人 for (int i = 0; i < depList.size(); i++) { List<Contacts> list = getContactList(depList.get(i
  • Nginx安装部署 510888780 nginxlinux
    Nginx ("engine x") 是一个高性能的 HTTP 和 反向代理 服务器，也是一个 IMAP/POP3/SMTP 代理服务器。 Nginx 是由 Igor Sysoev 为俄罗斯访问量第二的 Rambler.ru 站点开发的，第一个公开版本0.1.0发布于2004年10月4日。其将源代码以类BSD许可证的形式发布，因它的稳定性、丰富的功能集、示例配置文件和低系统资源
  • java servelet异步处理请求 墙头上一根草 ｊａｖａ异步返回ｓｅｒｖｌｅｔ
    servlet3.0以后支持异步处理请求，具体是使用AsyncContext ，包装httpservletRequest以及httpservletResponse具有异步的功能，        final AsyncContext ac = request.startAsync(request, response);   ac.s
  • 我的spring学习笔记8-Spring中Bean的实例化 aijuans Spring 3
    在Spring中要实例化一个Bean有几种方法： 1、最常用的（普通方法） <bean id="myBean" class="www.6e6.org.MyBean" /> 使用这样方法，按Spring就会使用Bean的默认构造方法，也就是把没有参数的构造方法来建立Bean实例。 （有构造方法的下个文细说） 2、还
  • 为Mysql创建最优的索引 annan211 mysql索引
    索引对于良好的性能非常关键，尤其是当数据规模越来越大的时候，索引的对性能的影响越发重要。 索引经常会被误解甚至忽略，而且经常被糟糕的设计。 索引优化应该是对查询性能优化最有效的手段了，索引能够轻易将查询性能提高几个数量级，最优的索引会比 较好的索引性能要好2个数量级。 1 索引的类型 (1) B-Tree 不出意外，这里提到的索引都是指 B-
  • 日期函数 百合不是茶 oraclesql日期函数查询
      ORACLE日期时间函数大全 TO_DATE格式(以时间:2007-11-02 13:45:25为例) Year: yy two digits 两位年 显示值:07 yyy three digits 三位年 显示值:007
  • 线程优先级 bijian1013 javathread多线程java多线程
    多线程运行时需要定义线程运行的先后顺序。 线程优先级是用数字表示，数字越大线程优先级越高，取值在1到10，默认优先级为5。 实例： package com.bijian.study; /** * 因为在代码段当中把线程B的优先级设置高于线程A,所以运行结果先执行线程B的run()方法后再执行线程A的run()方法 * 但在实际中，JAVA的优先级不准，强烈不建议用此方法来控制执
  • 适配器模式和代理模式的区别 bijian1013 java设计模式
    一.简介        适配器模式：适配器模式（英语：adapter pattern）有时候也称包装样式或者包装。将一个类的接口转接成用户所期待的。一个适配使得因接口不兼容而不能在一起工作的类工作在一起，做法是将类别自己的接口包裹在一个已存在的类中。      &nbs
  • 【持久化框架MyBatis3三】MyBatis3 SQL映射配置文件 bit1129 Mybatis3
     SQL映射配置文件一方面类似于Hibernate的映射配置文件，通过定义实体与关系表的列之间的对应关系。另一方面使用<select>,<insert>,<delete>，<update>元素定义增删改查的SQL语句， 这些元素包含三方面内容 1. 要执行的SQL语句 2. SQL语句的入参，比如查询条件 3. SQL语句的返回结果
  • oracle大数据表复制备份个人经验 bitcarter oracle大表备份大表数据复制
    前提：    数据库仓库A（就拿oracle11g为例）中有两个用户user1和user2,现在有user1中有表ldm_table1,且表ldm_table1有数据5千万以上，ldm_table1中的数据是从其他库B（数据源）中抽取过来的，前期业务理解不够或者需求有变，数据有变动需要重新从B中抽取数据到A库表ldm_table1中。    
  • HTTP加速器varnish安装小记 ronin47 http varnish 加速
    上午共享的那个varnish安装手册，个人看了下，有点不知所云，好吧~看来还是先安装玩玩！ 苦逼公司服务器没法连外网，不能用什么wget或yum命令直接下载安装，每每看到别人博客贴出的在线安装代码时，总有一股羡慕嫉妒“恨”冒了出来。。。好吧，既然没法上外网，那只能麻烦点通过下载源码来编译安装了！ Varnish 3.0.4下载地址： http://repo.varnish-cache.org/
  • java-73-输入一个字符串，输出该字符串中对称的子字符串的最大长度 bylijinnan java
    public class LongestSymmtricalLength { /* * Q75题目：输入一个字符串，输出该字符串中对称的子字符串的最大长度。 * 比如输入字符串“google”，由于该字符串里最长的对称子字符串是“goog”，因此输出4。 */ public static void main(String[] args) { Str
  • 学习编程的一点感想 Cb123456 编程感想Gis
           写点感想，总结一些，也顺便激励一些自己.现在就是复习阶段，也做做项目.      本专业是GIS专业，当初觉得本专业太水，靠这个会活不下去的，所以就报了培训班。学习的时候，进入状态很慢，而且当初进去的时候，已经上到Java高级阶段了，所以.....，呵呵，之后有点感觉了，不过，还是不好好写代码，还眼高手低的，有
  • [能源与安全]美国与中国 comsci 能源
         现在有一个局面：地球上的石油只剩下N桶，这些油只够让中国和美国这两个国家中的一个顺利过渡到宇宙时代，但是如果这两个国家为争夺这些石油而发生战争，其结果是两个国家都无法平稳过渡到宇宙时代。。。。而且在战争中，剩下的石油也会被快速消耗在战争中，结果是两败俱伤。。。       在这个大
  • SEMI-JOIN执行计划突然变成HASH JOIN了 的原因分析 cwqcwqmax9 oracle
    甲说： A B两个表总数据量都很大，在百万以上。 idx1  idx2字段表示是索引字段 A B 两表上都有 col1字段表示普通字段 select xxx from A where A.idx1 between mmm and nnn      and exists (select 1 from B where B.idx2 =
  • SpringMVC-ajax返回值乱码解决方案 dashuaifu AjaxspringMVCresponse中文乱码
      SpringMVC-ajax返回值乱码解决方案   一：（自己总结，测试过可行） ajax返回如果含有中文汉字，则使用：（如下例：） @RequestMapping(value="/xxx.do")       public @ResponseBody void getPunishReasonB
  • Linux系统中查看日志的常用命令 dcj3sjt126com OS
    因为在日常的工作中，出问题的时候查看日志是每个管理员的习惯，作为初学者，为了以后的需要，我今天将下面这些查看命令共享给各位 cat tail -f 日 志 文 件 说 明 /var/log/message 系统启动后的信息和错误日志，是Red Hat Linux中最常用的日志之一 /var/log/secure 与安全相关的日志信息 /var/log/maillog 与邮件相关的日志信
  • [应用结构]应用 dcj3sjt126com PHPyii2
    应用主体 应用主体是管理 Yii 应用系统整体结构和生命周期的对象。 每个Yii应用系统只能包含一个应用主体，应用主体在 入口脚本中创建并能通过表达式 \Yii::$app 全局范围内访问。 补充: 当我们说"一个应用"，它可能是一个应用主体对象，也可能是一个应用系统，是根据上下文来决定[译：中文为避免歧义，Application翻译为应
  • assertThat用法 eksliang JUnitassertThat
    junit4.0  assertThat用法 一般匹配符1、assertThat( testedNumber, allOf( greaterThan(8), lessThan(16) ) ); 注释： allOf匹配符表明如果接下来的所有条件必须都成立测试才通过，相当于“与”（&&） 2、assertThat( testedNumber, anyOf( g
  • android点滴2 gundumw100 应用服务器android网络应用OSHTC
    如何让Drawable绕着中心旋转？ Animation a = new RotateAnimation(0.0f, 360.0f, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF,0.5f); a.setRepeatCount(-1); a.setDuration(1000); 如何控制Andro
  • 超简洁的CSS下拉菜单 ini htmlWeb工作html5css
    效果体验：http://hovertree.com/texiao/css/3.htmHTML文件： <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>简洁的HTML+CSS下拉菜单-HoverTree</title>
  • kafka consumer防止数据丢失 kane_xie kafkaoffset commit
    kafka最初是被LinkedIn设计用来处理log的分布式消息系统，因此它的着眼点不在数据的安全性（log偶尔丢几条无所谓），换句话说kafka并不能完全保证数据不丢失。   尽管kafka官网声称能够保证at-least-once，但如果consumer进程数小于partition_num，这个结论不一定成立。   考虑这样一个case，partiton_num=2
  • @Repository、@Service、@Controller 和 @Component mhtbbx DAOspringbeanprototype
    @Repository、@Service、@Controller 和 @Component 将类标识为Bean Spring 自 2.0 版本开始，陆续引入了一些注解用于简化 Spring 的开发。@Repository注解便属于最先引入的一批，它用于将数据访问层 (DAO 层 ) 的类标识为 Spring Bean。具体只需将该注解标注在 DAO类上即可。同时，为了让 Spring 能够扫描类
  • java 多线程高并发读写控制 误区 qifeifei java thread
    先看一下下面的错误代码，对写加了synchronized控制，保证了写的安全，但是问题在哪里呢？ public class testTh7 { private String data; public String read(){ System.out.println(Thread.currentThread().getName() + "read data "
  • mongodb replica set(副本集)设置步骤 tcrct javamongodb
    网上已经有一大堆的设置步骤的了，根据我遇到的问题，整理一下，如下： 首先先去下载一个mongodb最新版，目前最新版应该是2.6 cd /usr/local/bin wget http://fastdl.mongodb.org/linux/mongodb-linux-x86_64-2.6.0.tgz tar -zxvf mongodb-linux-x86_64-2.6.0.t
  • rust学习笔记 wudixiaotie 学习笔记
    1.rust里绑定变量是let，默认绑定了的变量是不可更改的，所以如果想让变量可变就要加上mut。 let x = 1; let mut y = 2; 2.match 相当于erlang中的case，但是case的每一项后都是分号，但是rust的match却是逗号。 3.match 的每一项最后都要加逗号，但是最后一项不加也不会报错，所有结尾加逗号的用法都是类似。 4.每个语句结尾都要加分
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他