u010834071
u010834071

angular UI-Router 示例二

    基于第一个示例，我们再深入学习一下稍微复杂点的东西。

一、要实现的效果如下所示：

     index.html

angular UI-Router 示例二_第1张图片


       about.html

angular UI-Router 示例二_第2张图片

     可以看出，我们需要使用路由来切换到不同的视图。ui-router提供了让我们可以做路由嵌套和视图命名的特性，在接下来的示例中我们将逐一分析。

二、代码实现部分

  1. 我们需要一个显示模板作为页面显示的容器，因此新建index.html
    <!DOCTYPE html>
<html>
<head>
 <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
<script src="js/angular.js"></script>
<script src="js/bootstrap.js"></script>
<script src="js/angular-ui-router.js"></script>
<script src="js/app.js"></script>
<script src="js/controllers.js"></script>
</head>
<!-- apply our angular app to our site -->
<body ng-app="routerApp">
    <!-- NAVIGATION -->
    <nav class="navbar navbar-inverse" role="navigation">
        <div class="navbar-header">
            <a class="navbar-brand" ui-sref="#">AngularUI Router</a>
        </div>
        <ul class="nav navbar-nav">
            <li><a ui-sref="home">Home</a></li>
            <li><a ui-sref="about">About</a></li>
        </ul>
    </nav>
    <div class="container">
        <div ui-view=""></div>
    </div>

</body>
</html>

    这里面用到了bootstrap的相关知识，大致看一下就明白了，一些所有的内容显示都在container中

  2. 导入各个js文件如第一步所示

  3. 新建app.js文件，进行视图状态配置。
    var routerApp = angular.module('routerApp', ['ui.router','controllers']);

routerApp.config(function($stateProvider, $urlRouterProvider) {

  $urlRouterProvider.otherwise('/home');

  $stateProvider

    .state('home', {
      url: '/home',
      templateUrl: 'home.html'
    })

    // home页下的内嵌视图list（当点击ui-sref=".list"会路由到此）
    .state('home.list', {
      url: '/list',
      templateUrl: 'home-list.html',
      controller:'Controller'
    })

    // home页下的内嵌视图paragraph （当点击ui-sref=".paragraph"）
    .state('home.paragraph', {
      url: '/paragraph',
      template: 'I could sure use a scoop of ice-cream. '
    })
<pre class="prettyprint php"><code><span class="indent">    </span><span class="comment">// view 用在该状态下有多个 ui-view 的情况，可以对不同的 ui-view 使用特定的 template, controller, resolve data</span></code>
    .state('about', {
      url: '/about',
      views: {
        '': { templateUrl: 'about.html' },
        'columnOne@about': { template: '<p>This is columnOne show area !! </p>' },
        'columnTwo@about': { 
          templateUrl: 'table-data.html',
          controller: 'Controller'
        }
      }

    });

});


     
     补充：绝对 view 使用 '@' 符号来区别，比如 'foo@bar' 表明名为 'foo' 的 ui-view 使用了 'bar' 状态的模板(template)，相对 view 则无
     
     
     
    4.  
  
  4. 自定义控制器 controllers.js
     
    //自定义控制器
var myContrl= angular.module('controllers', []);
myContrl.controller('Controller', function($scope) {

  $scope.message = 'test';

  $scope.topics = [
    {
      name: 'Butterscotch',
      price: 50
    },
    {
      name: 'Black Current',
      price: 100
    },
    {
      name: 'Mango',
      price: 20
    }
  ];

});
    这里面没有什么特殊的，就是用它来提供数据的。
     
     
    5.  
  
  5. 新建home.html
     
    <!-- 巨幕：这是一个轻量、灵活的组件，它能延伸至整个浏览器视口来展示网站上的关键内容。 --> 
<div class="jumbotron text-center">
  <h1>Home</h1>
  <p>This page demonstrates <span class="text-danger">nested</span> views.</p>
  <a ui-sref=".list" class="btn btn-primary">List</a>
  <a ui-sref=".paragraph" class="btn btn-danger">Paragraph</a>
</div>
<div ui-view></div>
    该页面下的ui-view 就是视图的嵌套，分别用来显示home-list.html 和app.js中定义的模板内容。
     
    6.  
  
  6.  新建home-list.html
     
    <ul>
    <li ng-repeat="topic in topics">{{ topic.name }}</li>
</ul>
    从控制器中取数据，遍历输出。
     
     
    7.  
  
  7. 新建about.html
     
    <div class="jumbotron text-center">
    <h1>The About Page</h1>
    <p>
        This page demonstrates <span class="text-danger">multiple</span> and <span class="text-danger">named</span> views.
    </p>
</div>
<div class="row">

    <div class="col-sm-6">
        <div ui-view="columnOne"></div>
    </div>
    <div class="col-sm-6">
        <div ui-view="columnTwo"></div>
    </div>
</div>

     
     
    8.  
  
  8. 新建table-data.html
     
    <h2>Ice-Creams</h2>
<table class="table table-hover table-striped table-bordered">
  <thead>
    <tr>
      <td>Name</td>
      <td>Cost</td>
    </tr>
  </thead>
  <tbody>

    <tr ng-repeat="topic in topics">
      <td>{{ topic.name }}</td>
      <td>${{ topic.price }}</td>
    </tr>

  </tbody>
</table>

     
    9.  
 
 
 
三、项目结构图如下
 
 
       angular UI-Router 示例二_第3张图片
 
 

 
 
 
    
 
 
 
      累屎我了哭~欢迎大家提出修改、批评、更改意见奋斗！
 
 
 

 
 


                            

                        

                    

                    
                    

                    
                    
                    

                

                

                    
                

            

        

    

    

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

        

            

                
    
                    
  • flask 表单 flask-wtf
                        SkTj

                        
    image.pngfromflaskimportFlaskfromflaskimportrender_templatefromflask_bootstrapimportBootstrapfromflask_wtfimportFormfromwtformsimportStringField,SubmitFieldfromwtforms.validatorsimportRequiredclassNam
    
                    
    • 
                    
  • 【JVM篇07】：三种类加载器、双亲委派机制及类加载器执行流程详解
                        崎岖Qiu
JDK核心jvmjava开发语言面试
                        
    文章目录1.什么是类加载器？2.类加载器的“三层结构”和“双亲委派模型”双亲委派模型3.类加载器工作流程详解(什么时候BootstrapClassLoader会加载？)类加载器工作流程步骤总结：BootstrapClassLoader何时加载？它加载什么？1.什么是类加载器？首先，要理解类加载器，我们需要知道Java程序是如何运行的。我们写的.java文件会被编译成.class文件（字节码），这些
    
                    
    • 
                    
  • docker 下重新配置elasticSearch 虚拟机内存大小导致启动失败原因分析
                        @Wallace
Javajavaelasticsearchdockeres
                        
    在docker下重新配置elasticSearch虚拟机内存，启动elasticSearch失败。查找原因使用以下命令其中id为自己的容器iddockerlogsid找到主要原因如下"stacktrace":["org.elasticsearch.bootstrap.StartupException:java.lang.IllegalStateException:Couldnotloadplugi
    
                    
    • 
                    
  • 算法在前端框架中的集成
                        

                        
    引言算法是前端开发中提升性能和用户体验的重要工具。随着Web应用复杂性的增加，现代前端框架如React、Vue和Angular提供了强大的工具集，使得将算法与框架特性（如状态管理、虚拟DOM和组件化）无缝集成成为可能。从排序算法优化列表渲染到动态规划提升复杂计算效率，算法的集成能够显著改善应用的响应速度和资源利用率。本文将探讨如何将常见算法（排序、搜索和动态规划）集成到前端框架中，重点介绍框架特性
    
                    
    • 
                    
  • JAVA类隔离机制
                        每天三杯咖啡
设计模式javajava开发语言后端
                        
    JAVA类隔离机制目录类隔离机制类加载概述什么是类加载类加载的好处类加载流程类加载时机加载顺序Luancher源码ExtClassLoader源码AppClassLoader源码双亲委托父加载器不是父类BootstrapClassLoader自定义ClassLoader一般步骤举个栗子破坏双亲委托案例Doom的类隔离pandora的类隔离问题&痛点pandora是什么JVM-Sandbox的隔离类
    
                    
    • 
                    
  • github上的学习材料三：前端入门资源汇总
                        X-Prince
JS生活Git
                        
    本篇转载自：https://idoras.com/frontend-resources/前言前端无疑是2016年最火热的技术，没有之一。各种前端mvc框架层出不穷，angularjs，vue，react，前端组件化开发概念已经深入人心。前端工资已经比手机端开发还要高了。作为个人站长，学习下前端设计也是有必要的，一来有些小的设计问题可以自己解决，同时还能提高自己的审美，提高网站的ui设计水平。必备基
    
                    
    • 
                    
  • EasyUI-datagrid表格样式自定义
                        

                        
    可以利用EasyUI的主题实现参考地址http://www.jeasyui.net/extension/195.html。默认也支持好几个（black、bootstrap、gray、metro、material等）也可以自定义主题。本文采用的是自定义的CSS样式简单实现一些效果。主要是利用找到对应div设置相关的样式即可。效果如下css实现如下body{background-color:#0043
    
                    
    • 
                    
  • 2022-08-05 Kafka Shell操作
                        

                        
    一、Kafka提供的shell操作命令下面只列出常用选项，其他选项请参考官方文档1.kafka-topics.sh(1)语法kafka-topics.sh--bootstrap-serverhost1:port1,...--(list|describe|create|alter|delete)[--可选选项](2)必要选项选项名描述bootstrap-serverhost1:prot1,...指定
    
                    
    • 
                    
  • Kafka MQ 消费者
                        二六八
MQ消息队列kafka分布式
                        
    KafkaMQ消费者1创建消费者在读取消息之前，需要先创建一个KafkaConsumer对象。创建KafkaConsumer对象与创建KafkaProducer对象非常相似—把想要传给消费者的属性放在Properties对象里。本章后续部分将深入介绍所有的配置属性。为简单起见，这里只提供3个必要的属性：bootstrap.servers、key.deserializer和value.deseria
    
                    
    • 
                    
  • Python Django博客系统开发实战
                        飞翔的袋鼠弟

                        
    本文还有配套的精品资源，点击获取简介：本文介绍了使用Python语言和Django框架创建的博客系统，系统包含前台展示与后台编辑两大主要部分。通过Python2.7和Django1.9.8版本，实现了MVT架构，并利用DjangoCMS进行内容管理。Bootstrap3被用于创建响应式布局，Xadmin提升了后台管理界面的用户体验。文章还概述了项目结构和关键文件，强调了这一博客系统作为Web开发优
    
                    
    • 
                    
  • 打造完美Web登录界面：HTML、CSS与Bootstrap实战
                        Suvo Sarkar

                        
    本文还有配套的精品资源，点击获取简介：登录界面是用户与Web应用程序互动的起点，其设计和实现对用户体验至关重要。本教程将指导开发者如何使用HTML、CSS和Bootstrap框架创建一个功能齐全且视觉吸引力强的登录界面。内容涵盖从基础的表单标签到使用Bootstrap的响应式设计，以及如何结合JavaScript和后端技术来增强界面的业务逻辑和用户验证功能。1.HTML表单标签基础HTML表单标签
    
                    
    • 
                    
  • BootstrapValidator表单验证效果无效，不验证
                        蓝色天空的银码星
技术问题表单验证网页前端
                        
    BootstrapValidator是一款非常好用的前端验证插件，但是因为很多问题，一直没有效果。果然不是代码问题，而是因为Bootstrap版本和BootstrapValidator的版本问题。下载地址：https://download.csdn.net/download/weixin_37674052/11175279首先贴出来我的引用的文件代码表单代码：要用BootstrapValidato
    
                    
    • 
                    
  • Nginx 如何解决单页应用 History 模式路由的 404 难题？
                        wsj__WSJ
nginx
                        
    在现代前端开发中，单页应用（SPA）已经成为主流架构。无论是React、Vue还是Angular，都广泛使用History模式路由来实现无刷新页面跳转。但这个看似流畅的体验背后，却隐藏着一个容易被忽视的服务器配置问题——当用户直接访问路由地址或刷新页面时，往往会出现404错误。今天我们就来聊聊Nginx是如何通过简单配置解决这个问题的。一、History模式路由的“陷阱”先来看一个常见场景：当我们
    
                    
    • 
                    
  • Nacos动态线程池完整实现方案
                        

                        
    Nacos动态线程池完整实现方案1.依赖配置(pom.xml)com.alibaba.cloudspring-cloud-starter-alibaba-nacos-config2.2.9.RELEASEorg.springframework.bootspring-boot-starter-web2.Nacos配置(bootstrap.yml)spring:application:name:big
    
                    
    • 
                    
  • 00600 ora 关闭oracle_Oracle断电报错ORA-00600数据库无法打开的恢复
                        weixin_39758229
00600ora关闭oracle
                        
    以下为一个ORACLE数据库因为断掉而引起ORA-00600错误的例子。造成ORA-00600[4000]错误的主要原因是因为系统掉电,或者数据库恢复不完全,导致system表空间的一些位的状态异常,导致bootstrap无法正常情况.以下是通过bbed方法,修改相关标志位,强制打开数据库的一种方法.但是由于数据库实际上已经处于非一致状态,强烈建议用户打开数据库后,通过将生产环境的数据导出后,重建
    
                    
    • 
                    
  • 【亲测免费】 分享86个Bootstrap5模板，总有一款适合您
                        

                        
    分享86个Bootstrap5模板，总有一款适合您【下载地址】分享86个Bootstrap5模板总有一款适合您分享86个Bootstrap5模板，总有一款适合您本仓库提供了一个资源文件的下载，包含了86个Bootstrap5模板，涵盖多种用途，如网站、电商、个人展示等项目地址:https://gitcode.com/Resource-Bundle-Collection/56808本仓库提供了一个资
    
                    
    • 
                    
  • DHTMLX Suite 9.2 重磅发布：支持历史记录、类Excel交互、剪贴板、拖放增强等多项升级
                        

                        
    全球知名的JavaScriptUI组件库DHTMLXSuite迎来9.2新版本！此次更新虽为次版本号，却实质性提升了Grid网格组件的交互能力与用户体验，引入了包括历史记录管理、剪贴板操作、数据选择范围管理、Block区块选择等多项高级模块，支持更接近电子表格的使用体验。新版Grid组件不仅在数据可视化、数据编辑方面功能更强，还增强了与主流前端框架（如React、Vue、Angular）的集成示例
    
                    
    • 
                    
  • 前端框架对比与选择：全面解析前端开发的得力助手
                        @sinner
技术选型前端前端框架
                        
    一、引言在当今快速发展的互联网时代，前端开发扮演着至关重要的角色。前端框架的出现极大地提高了开发效率、提升了用户体验。然而，市场上存在着众多的前端框架，如React、Vue、Angular等，对于开发者来说，如何在这些框架中做出合适的选择成为了一个关键问题。本文将对一些主流的前端框架进行深入对比，分析它们的特点、优势、劣势以及适用场景，希望能为广大开发者在前端框架的选择上提供有益的参考。二、Rea
    
                    
    • 
                    
  • springboot+swagger2文档从swagger-bootstrap-ui更换为knife4j及文档接口参数不显示问题
                        DN金猿
springboot组件专题springbootbootstrapuiswagger
                        
    背景已有springboot项目，且使用的是swagger2+swagger-bootstrap-ui的版本1.pom依赖如下io.springfoxspringfox-swagger22.9.2io.swaggerswagger-modelsio.swaggerswagger-annotationsio.springfo
    
                    
    • 
                    
  • 前端面试题——手写实现 ajax
                        阿水爱踢中锋
ajaxjs前端
                        
    凡是和后台有过数据交互的小伙伴肯定都接触过ajax.我们可以通过ajax来实现页面的无刷新请求数据，这样就能在保证良好用户体验的同时，将更多的内容展示给用户ajax在我们的开发工作中已经司空见惯，几乎所有我们频繁使用的库和框架都提供了经过完善封装后的ajax方法，如jQuery、zepto、angular等等，这使得我们的数据请求变得异常简洁明了但是这也带来了很明显的缺陷，就是我们知道如何去使用封
    
                    
    • 
                    
  • JavaScript 在前端 UI 框架中的应用与选型
                        大厂前端小白菜
前端开发实战前端javascriptuiai
                        
    JavaScript在前端UI框架中的应用与选型关键词：JavaScript、前端UI框架、应用、选型、React、Vue.js、Angular摘要：本文深入探讨了JavaScript在前端UI框架中的应用与选型问题。首先介绍了前端UI框架的背景知识，包括目的、预期读者、文档结构等。接着阐述了核心概念，分析了JavaScript与前端UI框架的联系。通过具体的算法原理和操作步骤，结合Python代
    
                    
    • 
                    
  • 计算机专业毕业设计-线上招聘与求职系统的设计与实现-开题报告
                        苦奢bu咖啡
课程设计毕业论文毕业设计软件开发开题报告求职招聘javaweb
                        
    本系统开发采用技术为JSP、Bootstrap、Ajax、Springboot、Java、Tomcat、Maven此文章为开题报告，此系统已开发完成相关文档都很健全，相关的代码+部署+论文+ppt+代码讲解+答辩指导文件都有可私要，为本人亲自指导加编写，禁止任何人抄袭以及各类盈利性传播计算机专业毕业设计任何项目-程序-论文-想单独指导的可以私1、选题的目的和意义。通过开发一个功能全面的线上招聘与求
    
                    
    • 
                    
  • Angular 17优化指南：使用@defer减少初始加载体积
                        t0_54coder
编程问题解决手册angular.jsjavascript前端个人开发
                        
    随着Angular17的发布，优化应用程序的性能和加载时间变得比以往任何时候都更加重要。本文将探讨如何通过使用@defer来减少Angular17应用的初始加载体积，帮助开发者构建更高效的应用。背景介绍在构建大型Angular应用时，如何管理模块的加载是个关键问题。特别是当使用诸如AngularMaterial等第三方库时，如何避免这些库在应用初始化时全部加载是个挑战。我们来看一个实际案例：案例背
    
                    
    • 
                    
  • 自己动手写编译器
                        JeffWoodNo.1
编译器hexcompilerfunctionbrancheclipse
                        
    这里不再仅仅是简单的记录一下……直接上手环境目标1：在elicpse平台上使用ant构建ANTLR目标2：在elicpse平台上使用antlride编写ANTLR语法编写实用的C解析器背景调查到底还需不需要自己动手写一个编译器这就是“工具哲学”所谓bootstrap的编译器构造方式。C的核心子集Appendix直接上手环境antlr-for-eclipse，即antlride-2.0-rc4版，在
    
                    
    • 
                    
  • Vue入门
                        LUO-CHEn
Java温馨Talkvue
                        
    vue1、vue概述（1）概念vue.js（读音/vjuː/,类似于view）是一套构建用户界面的渐进式框架。Vue只关注视图层，采用自底向上增量开发的设计。随着项目业务场景的复杂,传统模式(html+jquery)已无法满足需求,就出现了Angular/React/Vue等框架（2）特点1、Vue的目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组件。2、Vue.JS是优秀的前端Jav
    
                    
    • 
                    
  • prism项目搭建 wpf_Prism 源码解读1-Bootstrapper和Region的创建
                        媛源啊
prism项目搭建wpf
                        
    介绍之前也研究过Prism框架但是一直没有深入理解，现在项目上想把一个Winform的桌面应用程序改造成WPF程序，同时我希望程序是可测试可维护架构良好的，Prism的这些设计理念正好符合我的需求，其主要用于WPF和Xamarin，用于构建松耦合，可维护，可测试的应用程序框架，在我看到源码后也深受启发，欢迎大家一起交流探讨。开始我将从官方的Samples的顺序，看介绍中的每个功能是怎么实现的。0、
    
                    
    • 
                    
  • 3-Kafka常用指令
                        sql2008help
kafka分布式
                        
    Kafka常用指令大全一、Topic管理命令功能示例创建Topic指定分区和副本数kafka-topics.sh--create--bootstrap-serverlocalhost:9092--topictest--partitions3--replication-factor2查看Topic列表列出所有Topickafka-topics.sh--bootstrap-serverlocalhos
    
                    
    • 
                    
  • 用Netty实现的WebSocket服务器代码示例中添加自定义消息处理逻辑
                        爱吃土豆的马铃薯ㅤㅤㅤㅤㅤㅤㅤㅤㅤ
websocket服务器网络协议
                        
    一.以下是一个使用Netty框架实现WebSocket服务器的简单代码示例：importio.netty.bootstrap.ServerBootstrap;importio.netty.channel.ChannelFuture;importio.netty.channel.ChannelInitializer;importio.netty.channel.EventLoopGroup;impo
    
                    
    • 
                    
  • web渗透之指纹识别1
                        合作小小程序员小小店
网络安全物联网网络安全网络攻击模型计算机网络
                        
    web渗透之指纹识别1前端技术：前端中我们需要掌握一些基础html,javascrip,jquery,bootstrap,前端框架vue.js,vue,angular,React等，在前端中可以利用的东西还是很多的，我们可使用xss配合csrf以及一些攻击漏洞进行弹框，获取cookie，劫持，绕过，跳转，跨域，重定向，重放，控制节点，挂暗链接，甚至隐藏我们的请求等。如果要说怎么在识别中使用，我们可
    
                    
    • 
                    
  • mac上python安装pip_Python开发：在mac系统中安装pip
                        weixin_39793638
mac上python安装pip
                        
    pip用来安装python项目的依赖库。大多数比较新的python版本都自带pip，所以先检查下pip是否有安装。终端输入：pip--version如果没有安装pip，那么就用接下来的方式安装pip。--前言安装pip的方式是运行一个python文件，因此请先确保电脑中已经安装有python。因此首先需要将该python文件下载到本地电脑中。方式一：在浏览器中访问https://bootstrap
    
                    
    • 
                                
  • html页面js获取参数值
                                    0624chenhong
html
                                    
    1.js获取参数值js 
function GetQueryString(name) 
 { 
      var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); 
      var r = windo
    
                                
    • 
                                
  • MongoDB 在多线程高并发下的问题
                                    BigCat2013
mongodbDB高并发重复数据
                                    
    最近项目用到 MongoDB , 主要是一些读取数据及改状态位的操作. 因为是结合了最近流行的 Storm进行大数据的分析处理，并将分析结果插入Vertica数据库，所以在多线程高并发的情境下, 会发现 Vertica 数据库中有部分重复的数据. 这到底是什么原因导致的呢？笔者开始也是一筹莫 展，重复去看 MongoDB 的 API , 终于有了新发现 ： 
com.mongodb.DB 这个类有
    
                                
    • 
                                
  • c++ 用类模版实现链表(c++语言程序设计第四版示例代码)
                                    CrazyMizzz
数据结构C++
                                    
    #include<iostream>
#include<cassert>
using namespace std;
template<class T>
class Node
{
private:
	Node<T> * next;
public:
	T data;                                    
    
                                
    • 
                                
  • 最近情况
                                    麦田的设计者
感慨考试生活
                                    
       在五月黄梅天的岁月里，一年两次的软考又要开始了。到目前为止，我已经考了多达三次的软考，最后的结果就是通过了初级考试（程序员）。人啊，就是不满足，考了初级就希望考中级，于是，这学期我就报考了中级，明天就要考试。感觉机会不大，期待奇迹发生吧。这个学期忙于练车，写项目，反正最后是一团糟。后天还要考试科目二。这个星期真的是很艰难的一周，希望能快点度过。 
  
    
                                
    • 
                                
  • linux系统中用pkill踢出在线登录用户
                                    被触发
linux
                                    
    由于linux服务器允许多用户登录，公司很多人知道密码，工作造成一定的障碍所以需要有时踢出指定的用户 
1/#who   查出当前有那些终端登录（用 w 命令更详细） 
# who 
root     pts/0        2010-10-28 09:36 (192
    
                                
    • 
                                
  • 仿QQ聊天第二版
                                    肆无忌惮_
qq
                                    
    在第一版之上的改进内容: 
 第一版链接: 
http://479001499.iteye.com/admin/blogs/2100893 
  
用map存起来号码对应的聊天窗口对象,解决私聊的时候所有消息发到一个窗口的问题. 
增加ViewInfo类,这个是信息预览的窗口,如果是自己的信息,则可以进行编辑. 
  
信息修改后上传至服务器再告诉所有用户,自己的窗口
    
                                
    • 
                                
  • java读取配置文件
                                    知了ing

                                    
    1，java读取.properties配置文件 
 
InputStream in;
		try {
			in = test.class.getClassLoader().getResourceAsStream("config/ipnetOracle.properties");//配置文件的路径
		    Properties p = new Properties()
    
                                
    • 
                                
  • __attribute__ 你知多少？
                                    矮蛋蛋
C++gcc
                                    
    原文地址: 
http://www.cnblogs.com/astwish/p/3460618.html 
GNU C 的一大特色就是__attribute__ 机制。__attribute__ 可以设置函数属性（Function Attribute ）、变量属性（Variable Attribute ）和类型属性（Type Attribute ）。 
 
__attribute__ 书写特征是：
    
                                
    • 
                                
  • jsoup使用笔记
                                    alleni123
java爬虫JSoup
                                    
    <dependency>
	<groupId>org.jsoup</groupId>
	<artifactId>jsoup</artifactId>
	<version>1.7.3</version>
</dependency>
 
 
 
 
 
2014/08/28 
今天遇到这种形式， 
    
                                
    • 
                                
  • JAVA中的集合 Collectio 和Map的简单使用及方法
                                    百合不是茶
listmapset
                                    
             List ,set ,map的使用方法和区别 
java容器类类库的用途是保存对象，并将其分为两个概念： 
    Collection集合：一个独立的序列，这些序列都服从一条或多条规则;List必须按顺序保存元素  ，set不能重复元素；Queue按照排队规则来确定对象产生的顺序（通常与他们被插入的
    
                                
    • 
                                
  • 杀LINUX的JOB进程
                                    bijian1013
linuxunix
                                    
    今天发现数据库一个JOB一直在执行，都执行了好几个小时还在执行，所以想办法给删除掉 
  
系统环境： 
   ORACLE 10G 
   Linux操作系统 
  
操作步骤如下： 
第一步.查询出来那个job在运行，找个对应的SID字段 
select * from dba_jobs_running--找到job对应的sid 
&n
    
                                
    • 
                                
  • Spring AOP详解
                                    bijian1013
javaspringAOP
                                    
            最近项目中遇到了以下几点需求，仔细思考之后，觉得采用AOP来解决。一方面是为了以更加灵活的方式来解决问题，另一方面是借此机会深入学习Spring AOP相关的内容。例如，以下需求不用AOP肯定也能解决，至于是否牵强附会，仁者见仁智者见智。 
1.对部分函数的调用进行日志记录，用于观察特定问题在运行过程中的函数调用
    
                                
    • 
                                
  • [Gson六]Gson类型适配器(TypeAdapter)
                                    bit1129
Adapter
                                    
    TypeAdapter的使用动机 
 Gson在序列化和反序列化时，默认情况下，是按照POJO类的字段属性名和JSON串键进行一一映射匹配，然后把JSON串的键对应的值转换成POJO相同字段对应的值，反之亦然，在这个过程中有一个JSON串Key对应的Value和对象之间如何转换(序列化/反序列化)的问题。 
  
以Date为例，在序列化和反序列化时，Gson默认使用java.
    
                                
    • 
                                
  • 【spark八十七】给定Driver Program， 如何判断哪些代码在Driver运行，哪些代码在Worker上执行
                                    bit1129
driver
                                    
    Driver Program是用户编写的提交给Spark集群执行的application，它包含两部分 
 
 作为驱动： Driver与Master、Worker协作完成application进程的启动、DAG划分、计算任务封装、计算任务分发到各个计算节点(Worker)、计算资源的分配等。 
 计算逻辑本身，当计算任务在Worker执行时，执行计算逻辑完成application的计算任务 
 
    
                                
    • 
                                
  • nginx 经验总结
                                    ronin47
nginx 总结
                                    
    　　　深感nginx的强大，只学了皮毛，把学下的记录。 
　　　获取Header 信息，一般是以$http_XX（ＸＸ是小写） 
           获取body,通过接口，再展开，根据Ｋ取Ｖ 
　　　获取uri,以$arg_XX 
     &n
    
                                
    • 
                                
  • 轩辕互动-1.求三个整数中第二大的数2.整型数组的平衡点
                                    bylijinnan
数组
                                    
    
import java.util.ArrayList;
import java.util.Arrays;
import java.util.List;


public class ExoWeb {

	public static void main(String[] args) {
		ExoWeb ew=new ExoWeb();
		
		System.out.pri
    
                                
    • 
                                
  • Netty源码学习-Java-NIO-Reactor
                                    bylijinnan
java多线程netty
                                    
    Netty里面采用了NIO-based Reactor Pattern 
了解这个模式对学习Netty非常有帮助 
 
参考以下两篇文章： 
 
http://jeewanthad.blogspot.com/2013/02/reactor-pattern-explained-part-1.html 
 
http://gee.cs.oswego.edu/dl/cpjslides/nio.pdf 

    
                                
    • 
                                
  • AOP通俗理解
                                    cngolon
springAOP
                                    
    1.我所知道的aop     初看aop,上来就是一大堆术语，而且还有个拉风的名字，面向切面编程，都说是OOP的一种有益补充等等。一下子让你不知所措，心想着：怪不得很多人都和 我说aop多难多难。当我看进去以后，我才发现：它就是一些java基础上的朴实无华的应用，包括ioc，包括许许多多这样的名词，都是万变不离其宗而 已。 2.为什么用aop&nb
    
                                
    • 
                                
  • cursor variable 实例
                                    ctrain
variable
                                    
    
create or replace procedure proc_test01
as 
type emp_row is record(
empno emp.empno%type,
ename emp.ename%type,
job emp.job%type,
mgr emp.mgr%type,
hiberdate emp.hiredate%type,
sal emp.sal%t
    
                                
    • 
                                
  • shell报bash: service: command not found解决方法
                                    daizj
linuxshellservicejps
                                    
    今天在执行一个脚本时，本来是想在脚本中启动hdfs和hive等程序，可以在执行到service hive-server start等启动服务的命令时会报错，最终解决方法记录一下： 
  
脚本报错如下： 
./olap_quick_intall.sh: line 57: service: command not found 
./olap_quick_intall.sh: line 59
    
                                
    • 
                                
  • 40个迹象表明你还是PHP菜鸟
                                    dcj3sjt126com
设计模式PHP正则表达式oop
                                    
    你是PHP菜鸟，如果你：1. 不会利用如phpDoc 这样的工具来恰当地注释你的代码2. 对优秀的集成开发环境如Zend Studio 或Eclipse PDT 视而不见3. 从未用过任何形式的版本控制系统，如Subclipse4. 不采用某种编码与命名标准 ，以及通用约定，不能在项目开发周期里贯彻落实5. 不使用统一开发方式6. 不转换（或）也不验证某些输入或SQL查询串（译注：参考PHP相关函
    
                                
    • 
                                
  • Android逐帧动画的实现
                                    dcj3sjt126com
android
                                    
    一、代码实现： 
private ImageView iv;
	private AnimationDrawable ad;
	
	@Override
	protected void onCreate(Bundle savedInstanceState)
	{
		super.onCreate(savedInstanceState);
		setContentView(R.layout
    
                                
    • 
                                
  • java远程调用linux的命令或者脚本
                                    eksliang
linuxganymed-ssh2
                                    
    转载请出自出处：
http://eksliang.iteye.com/blog/2105862  
    
   Java通过SSH2协议执行远程Shell脚本(ganymed-ssh2-build210.jar)  
 使用步骤如下： 
1.导包 
官网下载: 
http://www.ganymed.ethz.ch/ssh2/ 
ma
    
                                
    • 
                                
  • adb端口被占用问题
                                    gqdy365
adb
                                    
    最近重新安装的电脑，配置了新环境，老是出现： 
 
 

 adb server is out of date.  killing...  
    ADB server didn't ACK  
    * failed to start daemon *  
 
百度了一下，说是端口被占用，我开个eclipse，然后打开cmd，就提示这个，很烦人。 
 
一个比较彻底的解决办法就是修改
    
                                
    • 
                                
  • ASP.NET使用FileUpload上传文件
                                    hvt
.netC#hovertreeasp.netwebform
                                    
    前台代码： 
<asp:FileUpload ID="fuKeleyi" runat="server" />
<asp:Button ID="BtnUp" runat="server" onclick="BtnUp_Click" Text="上 传" />
    
                                
    • 
                                
  • 代码之谜（四）- 浮点数（从惊讶到思考）
                                    justjavac
浮点数精度代码之谜IEEE
                                    
    在『代码之谜』系列的前几篇文章中，很多次出现了浮点数。 浮点数在很多编程语言中被称为简单数据类型，其实，浮点数比起那些复杂数据类型（比如字符串）来说， 一点都不简单。 
单单是说明 IEEE浮点数 就可以写一本书了，我将用几篇博文来简单的说说我所理解的浮点数，算是抛砖引玉吧。 一次面试 
记得多年前我招聘 Java 程序员时的一次关于浮点数、二分法、编码的面试， 多年以后，他已经称为了一名很出色的
    
                                
    • 
                                
  • 数据结构随记_1
                                    lx.asymmetric
数据结构笔记
                                    
    第一章 
  1.数据结构包括数据的
逻辑结构、数据的物理/存储结构和数据的逻辑关系这三个方面的内容。 2.数据的存储结构可用四种基本的存储方法表示，它们分别是
顺序存储、链式存储 、索引存储 和 散列存储。 3.数据运算最常用的有五种，分别是
 查找/检索、排序、插入、删除、修改。 4.算法主要有以下五个特性： 
输入、输出、可行性、确定性和有穷性。 5.算法分析的
    
                                
    • 
                                
  • linux的会话和进程组
                                    网络接口
linux
                                    
    会话： 一个或多个进程组。起于用户登录，终止于用户退出。此期间所有进程都属于这个会话期。会话首进程：调用setsid创建会话的进程1.规定组长进程不能调用setsid，因为调用setsid后，调用进程会成为新的进程组的组长进程.如何保证？ 先调用fork，然后终止父进程，此时由于子进程的进程组ID为父进程的进程组ID，而子进程的ID是重新分配的，所以保证子进程不会是进程组长，从而子进程可以调用se
    
                                
    • 
                                
  • 二维数组 元素的连续求解
                                    1140566087
二维数组ACM
                                    
    import java.util.HashMap;




public class Title {
	public static void main(String[] args){
		f();
	}

	// 二位数组的应用
	//12、二维数组中，哪一行或哪一列的连续存放的0的个数最多，是几个0。注意，是“连续”。
	public static void f(){

    
                                
    • 
                                
  • 也谈什么时候Java比C++快
                                    windshome
javaC++
                                    
      
刚打开iteye就看到这个标题“Java什么时候比C++快”，觉得很好笑。 
  
你要比，就比同等水平的基础上的相比，笨蛋写得C代码和C++代码，去和高手写的Java代码比效率，有什么意义呢？ 
  
我是写密码算法的，深刻知道算法C和C++实现和Java实现之间的效率差，甚至也比对过C代码和汇编代码的效率差，计算机是个死的东西，再怎么优化，Java也就是和C
    
                                
    • 
                

            

        

    




    

        

            按字母分类：
            ABCDEFGHIJKLMNOPQRSTUVWXYZ其他