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)

        

            

                
    
                    
  • 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的运行
    
                    
    • 
                    
  • 思科路由器交换机密码破解过程详解
                        zhane_hao

                        
    路由启动过程加电自检(POST)加载bootstrap代码检查配置寄存器寻找CiscoIOS加载CiscoIOS寻找配置文件加载配置文件若没有配置文件，进入Setup模式，进行初始化配置运行路由器操作系统查看命令•showversion：检查配置寄存器的值,硬件配置,IOS版本•showflash：检查Flash中的IOS,或是flash大小,使用情况(占用多少,剩下多少)•showstartup
    
                    
    • 
                    
  • Kafka系列之：kafka命令详细总结
                        快乐骑行^_^
日常分享专栏KafkaKafka系列kafka命令详细总结
                        
    Kafka系列之：kafka命令详细总结一、添加和删除topic二、修改topic三、平衡领导者四、检查消费者位置五、管理消费者群体一、添加和删除topicbin/kafka-topics.sh--bootstrap-serverbroker_host:port--create--topicmy_topic_name\--partitions20--replication-factor3--con
    
                    
    • 
                    
  • 使用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
    
                    
    • 
                    
  • html5carousel图片轮播,全面解析Bootstrap中Carousel轮播的使用方法
                        RemusrickCat

                        
    本文实例为大家全面的解析了Bootstrap中Carousel的使用方法，供大家参考，具体内容如下源码文件：Carousel.scssCarousel.js实现原理：隐藏所有要显示的元素，然后指定当前要显示的为block，宽、高自适应源码分析：1、Html结构：主要分为以四个部分1.1、容器：最外层div，需要一个data-ride=”carousel”来指定为轮播放插件，并且提供一个Id，方便圆
    
                    
    • 
                    
  • 移动WEB开发（第四天）__响应式布局
                        加蓓努力我先飞
5.移动web开发资料前端
                        
    移动WEB开发（第四天）__响应式布局移动端WEB开发之响应式布局1.0响应式开发原理1.1响应式开发原理1.2响应式布局容器2.0bootstrap的介绍2.1Bootstrap简介2.2bootstrap优点2.3版本简介2.4bootstrap基本使用2.5bootstrap布局容器2.6bootstrap栅格系统3.0阿里百秀案例制作3.1技术选型移动端WEB开发之响应式布局1.0响应式开
    
                    
    • 
                    
  • css 个人喜欢的样式 速查笔记
                        waterHBO
css笔记前端
                        
    起因，目的:记录自己喜欢的，觉得比较好看的css.下次用的时候，直接复制，很方便。1.个人html模板，导入常用的link设置英语字体:Noto导入默认的css使用网络icon图标导入Bootstrapcss框架html-->2.常用css模板todo,以后再增加。*{font-family:"NotoSerif",system-ui;font-optical-sizing:auto;}Noto字
    
                    
    • 
                    
  • (代码可运行)Bootstrap框架的HTML示例
                        程序员大侠
前端CSShtmlbootstrap前端
                        
    Bootstrap：一套流行的前端开发框架，基于HTML、CSS和JavaScript，适用于快速构建响应式Web应用。以下是一个使用Bootstrap构建的简单响应式Web应用的HTML示例：BootstrapExampleHello,Bootstrap!CardtitleSomequickexampletexttobuildonthecardtitleandmakeupthebulkofthe
    
                    
    • 
                    
  • bootstrap直接对form表进行校验
                        IT和金融

                        
    form表单可以前端进行校验，当然也可以直接采用bootstrap对form表单进行校验如form表单中有等相关字段进行校验，可直接用bootstrap的校验，方式如下：$("#auth_add_form").bootstrapValidator({//auth_add_form为form的id值feedbackIcons:{valid:'glyphiconglyphicon-ok',invali
    
                    
    • 
                    
  • node模块
                        weiweiweb888
前端javascriptbootstrap
                        
    模块系统模块化介绍传统开发的问题随着项目的扩大，然后代码就越来越庞大，如果没有很好的规划，后期维护非常复杂（甚至就维护不了）。比如：前端html中有很多特效会依赖js文件。比如：index.html:bootstrap以上就是一个依赖关系，bootstrap依赖于jquery。先引入jquery后引入bootstrap。而且随着项目的扩大，我们的html页面也就随之增加，并且每一个html页面都会
    
                    
    • 
                    
  • Angular Dashboard 项目教程
                        郁俪晟Gertrude

                        
    AngularDashboard项目教程angular-dashboardSkeletonforaresponsiveandfullycustomizableAngularDashboard项目地址:https://gitcode.com/gh_mirrors/an/angular-dashboard1.项目的目录结构及介绍angular-dashboard/├──e2e/│├──src/││├─
    
                    
    • 
                    
  • mirantis OpenStack9.0在virtualbox上的部署
                        Caroline_33
openstackmirantisvirtualbox
                        
    实验环境安装包-VirtualBox-4.3.12-93733-Win.exe-Oracle_VM_VirtualBox_Extension_Pack-5.1.2-108956.vbox-extpack-Mirantis_Openstack9.0.iso-bootstrap.zip-mirrors.zip-xtfp-xshell实验机器-cpu:i3-3220以上-Ram:至少8G说明-保证内存至
    
                    
    • 
                    
  • es遇到的问题
                        云帆@
elasticsearchelasticsearch
                        
    一、目录ERROR:[1]bootstrapchecksfailed.Youmustaddressthepointsdescribedinthefollowing[1]linesbeforestartingElasticsearch.ERROR:Elasticsearchexitedunexpectedly,withexitcode78二、实现ERROR:[1]bootstrapchecksfai
    
                    
    • 
                    
  • JS基础-ClassList -移动端插件的引入-touch事件-sessionStorage 和 localStorage
                        垦利不
javascript开发语言ecmascript
                        
    目录1.classList属性添加类删除类切换类检查类是否存在替换类移动端touch事件2.消除点击延迟Fastclick插件的引入引入FastClick初始化3.Swiper插件的引入和使用通过CDN引入通过npm安装（vue中建议）使用SwiperHTML结构初始化Swiper4.zyMedia插件简介4.1下载与引入4.2使用4.3js初始化4.4参数说明5.bootstrap的安装和使用5
    
                    
    • 
                    
  • 前端框架有哪些？
                        赎罪゛
前端框架前端javascript
                        
    熟悉掌握HTML、服务器端脚本语言、CSS和JavaScript之后，学习Web框架可以加快Web开发速度，节约时间。PHP程序员可选的框架包括CakePHP、CodeIgniter、Zend等，Python程序员喜欢使用Django和webpy，Ruby程序员常用RoR。随着Web越来越规范和标准的统一，Web组件化技术不断革新，移动端开发不断升华，以下是一些常见开源前端框架：Bootstrap
    
                    
    • 
                    
  • CoreUI免费Laravel管理模板安装与使用指南
                        皮静滢Annette

                        
    CoreUI免费Laravel管理模板安装与使用指南coreui-free-laravel-admin-templateCoreUIFreeLaravelBootstrapAdminTemplate项目地址:https://gitcode.com/gh_mirrors/co/coreui-free-laravel-admin-template1.项目目录结构及介绍CoreUI免费Laravel管理
    
                    
    • 
                    
  • 81.MySQL-PXC高可用集群
                        戒掉贪嗔痴(薛双奇)
数据库运维-MySQLmysql数据库
                        
    1.第一个节点启动。Linux7:my.cnf文件需要拷贝到：/etc/my.cnf(非常重要)[root@mysql51~]#mysqlpxcbootstrap-pxcBootstrappingPXC(PerconaXtraDBCluster)InitializingMySQ[OK]se:StartingMySQL(PerconaXtraDBCluster)..[OK]当前集群只有一个节点。my
    
                    
    • 
                    
  • 如何从Angularjs 升级到 Angular（译文）
                        快乐2020

                        
    原文:UpgradingfromAngularJStoAngularAuthor:AngularJS官方译者：philoenglish.com团队关键字：AngularjsAngularAngular1.xAngular2.xmigration迁移，升级这里的Angular是指Angular2.x,而AngularJS是指AngularJS1.x版本。Angular(通常是指"Angular2+"
    
                    
    • 
                    
  • 如何查看当前的gruop_id 的kafka 消费情况 这个可以查看到是否存在消费阻塞问题
                        树下水月
kafka分布式
                        
    如何查看当前的gruop_id的kafka消费情况这个可以查看到是否存在消费阻塞问题命令如下:/kafka/bin/kafka-consumer-groups.sh--bootstrap-server127.0.0.1:9092--groupGWW --describe其中127.0.0.1为zookeeper服务器ipGWW为对应要查看的group_id如下图所示:运行这个命令后，Kafka会返
    
                    
    • 
                    
  • **脑图制作的Bootstrap Bundle项目指南**
                        潘惟妍

                        
    脑图制作的BootstrapBundle项目指南bootstrap-bundleBraincraftedBootstrapBundleintegratesBootstrapintoSymfony2byprovidingtemplates,Twigextensions,servicesandcommands.项目地址:https://gitcode.com/gh_mirrors/bo/bootstr
    
                    
    • 
                    
  • linux的webkit桌面应用,使用node-webkit构建桌面应用程序
                        萌萌爱恋

                        
    Web前端的现状目前的Web前端的现状较之5-6年前，简直不能同日而语：从所使用的技术、工具、框架到开发一个产品所需要付出的工作量，从前端开发从业人员的数量到Web应用的数量，从企业对于Web前端的重要程度的认识到Web实际上为企业带来的回报，一切都有了翻天覆地的变化。借助HTML5+CSS3的普及，加上一些开箱即用的CSS框架(如bootstrap，foundation等)支持，人们已经可以非常
    
                    
    • 
                    
  • bootstrap 列表
                        SkTj

                        
    有序列表:olli无序列表：ulli不定义样式：ulclass="list-unstyled"横向显示：ulclass="list-inline"dtdddlclass="dl-horizontal"dtddimage.pngBootstrap实例-列表有序列表Item1Item2Item3Item4无序列表Item1Item2Item3Item4未定义样式列表Item1Item2Item3Ite
    
                    
    • 
                    
  • 前端框架有哪些？以及每种框架的详细介绍
                        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摘要：本文提出了一种基于收缩分析的新型航天器姿态跟踪角速度观测器。观测器在惯性参考系中通过估计惯性角动量来设计，
    
                    
    • 
                    
  • logstash
                        墨咖
logstash中间件服务器运维
                        
    kafkainput{kafka{bootstrap_servers=>"127.0.0.1:9092"topics=>["SCHOOL_AQDL"]group_id=>"logstash-group"consumer_threads=>3codec=>"json"}}sysloginput{syslog{port=>12345codec=>cefsyslog_field=>"syslog"gro
    
                    
    • 
                    
  • springboot集成Kafka
                        Maruko310
javaKafkakafkaspringbootjava
                        
    yml配置如果下游的数据处理不及时，可以提高每批次拉取的数量，配置时不仅要设置max-poll-records属性（批量消费最大数量），也要将type设置为batch（默认single（单条），batch（批量）），不然会报类型无法转换的错误。kafka:#kafka的连接地址（注意，是kafka所在服务器的公网ip，不要写成zookeeper的了）bootstrap-servers:localh
    
                    
    • 
                    
  • Kafka~Kafka命令行参数使用教程
                        飞Link
大数据kafkazookeeper分布式
                        
    一、kafka-topics.sh1.参数参数描述–bootstrap-server连接的KafkaBroker主机名称和端口号–topic操作的topic名称–create创建主题–delete删除主题–alter修改主题–list查看所有主题–describe查看主题详细描述–partition设置分区数–replication-factor设置分区副本–config更新系统默认的配置2.实例
    
                    
    • 
                    
  • kafka ---- producer与broker配置详解以及ack机制详解
                        husterlichf
#kafkakafkajava分布式
                        
    一、producer配置1、bootstrap.serverskafkabroker集群的ip列表，格式为：host1:port1,host2:port2,…2、client.id用于追踪消息的源头3、retries当发送失败时客户端会进行重试，重试的次数由retries指定，默认值是2147483647，即Integer.MAX_VALUE；在重试次数耗尽和delivery.timeout.ms
    
                    
    • 
                    
  • 前端框架大盘点
                        HITZXL
前端开发#VUE前端框架前端javascript
                        
    最近项目中用到了很多前后端分离的框架。很多框架虽然类似，但项目中却总用混用的情况，看到陌生的框架，总是一头雾水，干脆来个大盘点。一扫心中困惑。目前对于前端的各种技术，还有很多理解不到的地方。例如前端框架，前端组件，UI库，这些总感觉有些傻傻分不清楚。毕竟都是用来协助项目快速开发和上手的，因此，看到了别人的总结，感觉清晰明了。放在这里压住阵脚：css框架：Bootstrap、Layui、Zui、Am
    
                    
    • 
                                
  • 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其他