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: `
//    
    
//      
  • hello {{name}}
    • 
//    

//  `
//})
//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:`
    
class="four wide column center aligned votes">
      
class="ui statistic">
        
class="value">{{article.votes}}

        
class="label">Points

      

    

    
class="twelve wide column">
      class="ui large header" href="{{article.link}}">{{article.title}}
      
class="meta">({{article.domain()}})

      
    

  `
})
class ArticleComponent{

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


  @Component({
    selector:'reddit',
    directives:[ArticleComponent],
    template:`
    
class="ui large form segment">
        
class="ui header">Add a Link

        
class="field">
          "title" #newtitle>
        

        
class="field">
          "link" #newlink>
        

        
    

    
class="ui grid posts">
      "#article of sortedArticles()" [article]="article">
    

  `
  })

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:


<html>
<head>
    <title>Angular 2 - Simple Reddittitle>
    <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>
    
    <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>
    
    <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> 
    div>
body>
html>

你可能感兴趣的:(angular)

  • node.js学习 小猿L node.jsnode.js学习vim
    node.js学习实操及笔记温故node.js，node.js学习实操过程及笔记~node.js学习视频node.js官网node.js中文网实操笔记githubcsdn笔记为什么学node.js可以让别人访问我们编写的网页为后续的框架学习打下基础，三大框架vuereactangular离不开node.jsnode.js是什么官网：node.js是一个开源的、跨平台的运行JavaScript的运行
  • 使用Spring Boot开发一个准妈妈交流平台 BABA8891 springboot后端java
    开发一个准妈妈交流平台涉及到许多不同的功能和组件。以下是一个使用SpringBoot来构建这样一个平台：1.项目规划需求分析：确定平台的核心功能，如用户注册、登录、论坛发帖、评论、消息通知等。系统设计：设计系统架构，包括前端、后端、数据库和可能的第三方服务集成。2.技术选型前端：可以选择React、Vue或Angular等现代JavaScript框架。后端：使用SpringBoot作为后端框架。数
  • angular的viewChild和viewChildren yang295242361 angular.jsjavascript前端
    属性选择器，用来从模板视图上获取匹配的元素。可以在ngAfterViewInit中获取到查询的元素。格式：ViewChild(selector:string|Function|Type,opts?:{read?:any;static?:boolean}):any1：元数据属性selector:用于查询指令类型或名字。read:告诉viewChild返回什么类型的数据，取值可以是ElementRef
  • Angular Dashboard 项目教程 郁俪晟Gertrude
    AngularDashboard项目教程angular-dashboardSkeletonforaresponsiveandfullycustomizableAngularDashboard项目地址:https://gitcode.com/gh_mirrors/an/angular-dashboard1.项目的目录结构及介绍angular-dashboard/├──e2e/│├──src/││├─
  • 如何从Angularjs 升级到 Angular（译文） 快乐2020
    原文:UpgradingfromAngularJStoAngularAuthor:AngularJS官方译者：philoenglish.com团队关键字：AngularjsAngularAngular1.xAngular2.xmigration迁移，升级这里的Angular是指Angular2.x,而AngularJS是指AngularJS1.x版本。Angular(通常是指"Angular2+"
  • 前端框架有哪些？以及每种框架的详细介绍 cesske 前端框架
    目录前言1.React2.Vue.js3.Angular4.Bootstrap5.Foundation总结前言前端框架是Web开发中不可或缺的工具，它们为开发者提供了丰富的工具和抽象，使得构建复杂的Web应用变得更加容易。当前，前端框架种类繁多，其中一些最受欢迎的框架包括React、Vue.js、Angular、Bootstrap和Foundation等。以下是对这些框架的简要介绍：提示：以下是本
  • 一种用于航天器姿态跟踪的新型角速度观测器（三） beegreen 控制与信号处理动态规划数学建模
    一种用于航天器姿态跟踪的新型角速度观测器（三）AnewangularvelocityobserverforattitudetrackingofspacecraftISATransactions130(2022)377–388DOI:10.1016/j.isatra.2022.03.025摘要：本文提出了一种基于收缩分析的新型航天器姿态跟踪角速度观测器。观测器在惯性参考系中通过估计惯性角动量来设计，
  • 前端框架的演变与选择 宣晨光 其他前端框架
    目录前端框架的演变与选择1.什么是前端框架？2.前端框架的演变2.1早期的Web开发2.2JavaScript库的兴起2.3MVC架构的引入3.现代前端框架概览3.1React3.2Vue.js3.3Angular4.其他值得关注的前端框架4.1Svelte4.2Ember.js5.如何选择合适的前端框架？6.结论前端框架的演变与选择随着互联网的快速发展，前端开发技术日新月异，前端框架的出现极大地
  • 牛客网暑期ACM多校训练营（第二场）J.farm (随机数+二维树状数组) Fushicho_XF 树状数组ACM算法
    题目链接时间限制：C/C++4秒，其他语言8秒空间限制：C/C++262144K，其他语言524288K64bitIOFormat:%lld题目描述WhiteRabbithasarectangularfarmlandofn*m.Ineachofthegridthereisakindofplant.Theplantinthej-thcolumnofthei-throwbelongsthea[i][j
  • ROS imu传感器节点 爱上语文 机器人python
    imu是一种传感器，主要是控制机器人的姿态的，包括机器人在xyz轴（linear）的位置和机器人的俯仰，摇摆，旋转等在angular方向上的xyz。同样是通过ros中的topic话题通讯完成的。#!/usr/bin/envpython3#coding=utf-8importrospy#数学模块提供pi的值，便于弧度转角度importmathfromsensor_msgs.msgimportImu#
  • angular列表页面向详情页面传值，显示不同的内容 罗兰Yolanda
    近期项目中使用angular1.6，自己总结了列表页面向详情页面传值的问题。需求是从此列表进入一个详情页面，需要给详情页面传入不同的值，详情页面需要接收值，显示不同的内容处理已处理已处理vm.deal=function(order){vm.orderid=order.askOrderId;vm.list=false;vm.mode=orderEdit}vm.dealok=function(orde
  • 【面试题系列Vue06】Vue 单页应用与多页应用的区别 周三有雨 vue面试题vue.js前端javascript
    单页应用单页应用这个概念，是随着前几年AngularJS、React、Ember等这些框架的出现而出现的。第一节内容里，我们在页面渲染中讲了页面的局部刷新，而单页应用则是使用了页面的局部刷新的能力，在切换页面的时候刷新页面内容，从而获取更好的体验。SPA与MPA单页应用（SinglePageWebApplication，SPA）和多页应用（MultiPageApplication，MPA）的区别可
  • 采用Angular + NG-ZORRO + Ng Alain 框架搭建的 MES前端框架 潜龙在渊 AngularNG-ZORROhtmlcsshtml5
    闲来无事，想了解下Angular开发技术栈，以备不时之需，断断续续花费1-2周时间，基本掌握antdesign旗下的Angular前端框架。采用开发工具：VisualStudioCode技术栈：Angular，Typescript，NG-ZORRO,AntDesign,NgAlain等另外，这个不完整的demo，也有助于理解钉钉平台下内部系统对接流程
  • 基于Angular技术的MES系统基础管理功能的实现 计算机程序设计开发 angular.js前端javascriptspringboot计算机毕业设计
    附件1-1毕业设计任务书学部专业学生姓名学号班级设计题目基于Angular技术的MES系统基础管理功能的实现设计要求开源物联网平台Thingsboard和Angular技术研究研究采用Angular技术实现的Thingsboard系统，研究Angular技术并能能够自定义AngularWeb控件。利用Thingsboard平台和Angular技术实现MES系统基础模块中的工厂建模功能。构建工厂中车
  • js、ts、argular、nodejs学习心得 海棠如醉 web技术web
    工作中需要前端argular开发桌面程序，后端用nodejs开发服务器，商用软件架构AngularJS诞生于2009年，由MiskoHevery等人创建，是一款构建用户界面的前端框架，后为Google所收购。[3]Angular是AngularJS的重写，Angular2以后官方命名为Angular，2.0以前版本称为AngularJS。AngularJS是用JavaScript编写，而Angul
  • 外卖系统定制开发：技术选型与架构设计要点 万岳科技系统开发 人工智能小程序前端
    随着外卖行业的迅速发展，餐饮企业需要一个高效、稳定、可扩展的外卖系统来满足日益增长的用户需求。本文将探讨外卖系统定制开发的技术选型与架构设计要点，并提供一些示例代码来说明关键技术的实现。一、技术选型1.前端技术选型外卖系统的前端需要具备良好的用户体验和快速响应能力。常用的前端技术包括：框架：React、Vue.js或Angular状态管理：Redux、VuexCSS预处理器：Sass、Less打包
  • English Learning Programme-20190518 qq_28455125 EnglishEnglishLearninglike
    EnglishLearningProgrammeObservantcomplimentarycrucifysawmillblemishsnorenfirstbornhaggardsunburnrectangularventilationObservantObservantwalkersmayseereddeeralongthisstretchoftheroad.观察敏锐的步行者可能在这一路段看到赤
  • angular 6 HttpClient 请求数据方式总结 小话001
    前端应用都需要通过HTTP协议与后端进行服务通，目前浏览器主要支持两种API通讯：XMLHttpRequest接口和fetch()API。而anluar最新提供的HttpClient是基于XMLHttpRequest提供的接口。老版本方式：之前的方式，以http和jsonp为例，如果需要使用，则需要在app.module.ts中导入对应的模块，并且要声明。然后再在对应的服务里面引用声明。导入声明导
  • 你了解Angular里的vendor.js吗？ 诗棋吖 前端ecmascriptjavascript前端框架typescriptangular.jsjquery
    在Angular开发里，我们经常能见到vendor.js,那么你有想过她的作用吗？当我们项目越来越大的时候，是否发现首次加载会偶现卡顿？尤其是旧的电脑，但是第二次就很快，那么要如何优化呢？一、vendor.js是什么？在Angular中，vendor.js是由AngularCLI生成的一个文件。它包含了所有的第三方依赖库和框架，在应用程序加载时会被预先加载并缓存，以提供更快的启动时间和更好的性能。
  • 标题：重构传统电商：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企业软件前端开发模式大体上与桌面软件类似，都是偏重量级的，在前端可能会有较多的业务逻辑，这些业务逻辑如何被合理模块化，与界面分离，以便测试，成为这个领
  • 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
  • java类加载顺序 3213213333332132 java
    package com.demo; /** * @Description 类加载顺序 * @author FuJianyong * 2015-2-6上午11:21:37 */ public class ClassLoaderSequence { String s1 = "成员属性"; static String s2 = "
  • Hibernate与mybitas的比较 BlueSkator sqlHibernate框架ibatisorm
    第一章     Hibernate与MyBatis Hibernate 是当前最流行的O/R mapping框架，它出身于sf.net，现在已经成为Jboss的一部分。 Mybatis 是另外一种优秀的O/R mapping框架。目前属于apache的一个子项目。 MyBatis 参考资料官网：http:
  • php多维数组排序以及实际工作中的应用 dcj3sjt126com PHPusortuasort
    自定义排序函数返回false或负数意味着第一个参数应该排在第二个参数的前面, 正数或true反之, 0相等usort不保存键名uasort 键名会保存下来uksort 排序是对键名进行的 <!doctype html> <html lang="en"> <head> <meta charset="utf-8&q
  • DOM改变字体大小 周华华 前端
    <!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/1999/xhtml&q
  • c3p0的配置 g21121 c3p0
    c3p0是一个开源的JDBC连接池，它实现了数据源和JNDI绑定，支持JDBC3规范和JDBC2的标准扩展。c3p0的下载地址是：http://sourceforge.net/projects/c3p0/这里可以下载到c3p0最新版本。 以在spring中配置dataSource为例： <!-- spring加载资源文件 --> <bean name="prope
  • Java获取工程路径的几种方法 510888780 java
    第一种： File f = new File(this.getClass().getResource("/").getPath()); System.out.println(f); 结果: C:\Documents%20and%20Settings\Administrator\workspace\projectName\bin 获取当前类的所在工程路径; 如果不加“
  • 在类Unix系统下实现SSH免密码登录服务器 Harry642 免密ssh
    1.客户机     (1)执行ssh-keygen -t rsa -C "[email protected]"生成公钥，xxx为自定义大email地址     (2)执行scp ~/.ssh/id_rsa.pub root@xxxxxxxxx:/tmp将公钥拷贝到服务器上，xxx为服务器地址     (3)执行cat
  • Java新手入门的30个基本概念一 aijuans javajava 入门新手
    在我们学习Java的过程中,掌握其中的基本概念对我们的学习无论是J2SE,J2EE,J2ME都是很重要的,J2SE是Java的基础,所以有必要对其中的基本概念做以归纳,以便大家在以后的学习过程中更好的理解java的精髓,在此我总结了30条基本的概念。　　Java概述:　　目前Java主要应用于中间件的开发(middleware)---处理客户机于服务器之间的通信技术,早期的实践证明,Java不适合
  • Memcached for windows 简单介绍 antlove javaWebwindowscachememcached
    1. 安装memcached server a. 下载memcached-1.2.6-win32-bin.zip b. 解压缩，dos 窗口切换到 memcached.exe所在目录，运行memcached.exe -d install c.启动memcached Server,直接在dos窗口键入 net start "memcached Server&quo
  • 数据库对象的视图和索引 百合不是茶 索引oeacle数据库视图
      视图     视图是从一个表或视图导出的表，也可以是从多个表或视图导出的表。视图是一个虚表，数据库不对视图所对应的数据进行实际存储，只存储视图的定义，对视图的数据进行操作时,只能将字段定义为视图,不能将具体的数据定义为视图       为什么oracle需要视图;    &
  • Mockito(一) --入门篇 bijian1013 持续集成mockito单元测试
            Mockito是一个针对Java的mocking框架，它与EasyMock和jMock很相似，但是通过在执行后校验什么已经被调用，它消除了对期望 行为（expectations）的需要。其它的mocking库需要你在执行前记录期望行为（expectations），而这导致了丑陋的初始化代码。  &nb
  • 精通Oracle10编程SQL(5)SQL函数 bijian1013 oracle数据库plsql
    /* * SQL函数 */ --数字函数 --ABS(n):返回数字n的绝对值 declare v_abs number(6,2); begin v_abs:=abs(&no); dbms_output.put_line('绝对值：'||v_abs); end; --ACOS(n):返回数字n的反余弦值，输入值的范围是-1~1，输出值的单位为弧度
  • 【Log4j一】Log4j总体介绍 bit1129 log4j
    Log4j组件：Logger、Appender、Layout   Log4j核心包含三个组件：logger、appender和layout。这三个组件协作提供日志功能： 日志的输出目标 日志的输出格式 日志的输出级别(是否抑制日志的输出)  logger继承特性 A logger is said to be an ancestor of anothe
  • Java IO笔记 白糖_ java
    public static void main(String[] args) throws IOException { //输入流 InputStream in = Test.class.getResourceAsStream("/test"); InputStreamReader isr = new InputStreamReader(in); Bu
  • Docker 监控 ronin47 docker监控
             目前项目内部署了docker，于是涉及到关于监控的事情，参考一些经典实例以及一些自己的想法，总结一下思路。 1、关于监控的内容 监控宿主机本身 监控宿主机本身还是比较简单的，同其他服务器监控类似，对cpu、network、io、disk等做通用的检查，这里不再细说。 额外的，因为是docker的
  • java-顺时针打印图形 bylijinnan java
    一个画图程序 要求打印出： 1.int i=5; 2.1 2 3 4 5 3.16 17 18 19 6 4.15 24 25 20 7 5.14 23 22 21 8 6.13 12 11 10 9 7. 8.int i=6 9.1 2 3 4 5 6 10.20 21 22 23 24 7 11.19
  • 关于iReport汉化版强制使用英文的配置方法 Kai_Ge iReport汉化英文版
    对于那些具有强迫症的工程师来说，软件汉化固然好用，但是汉化不完整却极为头疼，本方法针对iReport汉化不完整的情况，强制使用英文版，方法如下： 在 iReport 安装路径下的 etc/ireport.conf 里增加红色部分启动参数，即可变为英文版。   # ${HOME} will be replaced by user home directory accordin
  • [并行计算]论宇宙的可计算性 comsci 并行计算
          现在我们知道,一个涡旋系统具有并行计算能力.按照自然运动理论,这个系统也同时具有存储能力,同时具备计算和存储能力的系统,在某种条件下一般都会产生意识......       那么,这种概念让我们推论出一个结论     &nb
  • 用OpenGL实现无限循环的coverflow dai_lm androidcoverflow
    网上找了很久，都是用Gallery实现的，效果不是很满意，结果发现这个用OpenGL实现的，稍微修改了一下源码，实现了无限循环功能 源码地址： https://github.com/jackfengji/glcoverflow public class CoverFlowOpenGL extends GLSurfaceView implements GLSurfaceV
  • JAVA数据计算的几个解决方案1 datamachine javaHibernate计算
    老大丢过来的软件跑了10天，摸到点门道，正好跟以前攒的私房有关联，整理存档。 -----------------------------华丽的分割线-------------------------------------     数据计算层是指介于数据存储和应用程序之间，负责计算数据存储层的数据，并将计算结果返回应用程序的层次。J  &nbs
  • 简单的用户授权系统,利用给user表添加一个字段标识管理员的方式 dcj3sjt126com yii
    怎么创建一个简单的(非 RBAC)用户授权系统 通过查看论坛，我发现这是一个常见的问题，所以我决定写这篇文章。 本文只包括授权系统.假设你已经知道怎么创建身份验证系统(登录)。 数据库 首先在 user 表创建一个新的字段(integer 类型),字段名 'accessLevel',它定义了用户的访问权限 扩展 CWebUser 类 在配置文件(一般为 protecte
  • 未选之路 dcj3sjt126com 诗
    作者:罗伯特*费罗斯特   黄色的树林里分出两条路, 可惜我不能同时去涉足, 我在那路口久久伫立, 我向着一条路极目望去, 直到它消失在丛林深处.   但我却选了另外一条路, 它荒草萋萋,十分幽寂; 显得更诱人,更美丽, 虽然在这两条小路上, 都很少留下旅人的足迹.   那天清晨落叶满地, 两条路都未见脚印痕迹. 呵,留下一条路等改日再
  • Java处理15位身份证变18位 蕃薯耀 18位身份证变15位15位身份证变18位身份证转换
      15位身份证变18位，18位身份证变15位 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 蕃薯耀 201
  • SpringMVC4零配置--应用上下文配置【AppConfig】 hanqunfeng springmvc4
    从spring3.0开始，Spring将JavaConfig整合到核心模块，普通的POJO只需要标注@Configuration注解，就可以成为spring配置类，并通过在方法上标注@Bean注解的方式注入bean。   Xml配置和Java类配置对比如下： applicationContext-AppConfig.xml   <!-- 激活自动代理功能 参看：
  • Android中webview跟JAVASCRIPT中的交互 jackyrong JavaScripthtmlandroid脚本
      在android的应用程序中,可以直接调用webview中的javascript代码,而webview中的javascript代码,也可以去调用ANDROID应用程序(也就是JAVA部分的代码).下面举例说明之: 1 JAVASCRIPT脚本调用android程序    要在webview中,调用addJavascriptInterface(OBJ,int
  • 8个最佳Web开发资源推荐 lampcy 编程Web程序员
    Web开发对程序员来说是一项较为复杂的工作，程序员需要快速地满足用户需求。如今很多的在线资源可以给程序员提供帮助，比如指导手册、在线课程和一些参考资料，而且这些资源基本都是免费和适合初学者的。无论你是需要选择一门新的编程语言，或是了解最新的标准，还是需要从其他地方找到一些灵感，我们这里为你整理了一些很好的Web开发资源，帮助你更成功地进行Web开发。 这里列出10个最佳Web开发资源，它们都是受
  • 架构师之面试------jdk的hashMap实现 nannan408 HashMap
    1.前言。   如题。 2.详述。   (1)hashMap算法就是数组链表。数组存放的元素是键值对。jdk通过移位算法（其实也就是简单的加乘算法），如下代码来生成数组下标(生成后indexFor一下就成下标了）。 static int hash(int h) { h ^= (h >>> 20) ^ (h >>>
  • html禁止清除input文本输入缓存 Rainbow702 html缓存input输入框change
    多数浏览器默认会缓存input的值，只有使用ctl+F5强制刷新的才可以清除缓存记录。 如果不想让浏览器缓存input的值，有2种方法： 方法一： 在不想使用缓存的input中添加 autocomplete="off";  <input type="text" autocomplete="off" n
  • POJO和JavaBean的区别和联系 tjmljw POJOjava beans
    POJO 和JavaBean是我们常见的两个关键字，一般容易混淆，POJO全称是Plain Ordinary Java Object / Pure Old Java Object，中文可以翻译成：普通Java类，具有一部分getter/setter方法的那种类就可以称作POJO，但是JavaBean则比 POJO复杂很多， Java Bean 是可复用的组件，对 Java Bean 并没有严格的规
  • java中单例的五种写法 liuxiaoling java单例
    /** * 单例模式的五种写法： * 1、懒汉 * 2、恶汉 * 3、静态内部类 * 4、枚举 * 5、双重校验锁 */ /** * 五、 双重校验锁，在当前的内存模型中无效 */ class LockSingleton { private volatile static LockSingleton singleton; pri
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他