timtimup_KSM
timtimup_KSM

ionic+AngularJS欢迎引导界面

最近在用ionic+AngularJS写个APP的欢迎引导界面，网上资源界面如下

链接：http://forum.ionicframework.com/t/app-tour-guide-walkthrough/6571

HTML

<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
<title>Ionic Apptitle>

<link href="//code.ionicframework.com/nightly/css/ionic.css" rel="stylesheet">
<script src="//code.ionicframework.com/nightly/js/ionic.bundle.js">script>
head>

<body ng-app="ionicApp">

<ion-nav-bar class="bar-light">
<ion-nav-back-button>
ion-nav-back-button>
ion-nav-bar>

<ion-nav-view>ion-nav-view>


<script id="templates/intro.html" type="text/ng-template"> 
<ion-view view-title="Intro">
<ion-nav-buttons side="left">
<button class="button button-positive button-clear no-animation"
ng-click="startApp()" ng-show="!slideIndex">
            Skip Intro
button>
<button class="button button-positive button-clear no-animation"
ng-click="previous()" ng-show="slideIndex > 0">
            Previous Slide
button>
ion-nav-buttons>
<ion-nav-buttons side="right"> 
<button class="button button-positive button-clear no-animation"
ng-click="next()" ng-show="slideIndex != 2">
            Next
button>
<button class="button button-positive button-clear no-animation"
ng-click="startApp()" ng-show="slideIndex == 2">
            Start using MyApp
button>
ion-nav-buttons>
<ion-slide-box on-slide-changed="slideChanged(index)">
<ion-slide>
<h3>Thank you for choosing the Awesome App!h3>
<div id="logo">
<img src="http://code.ionicframework.com/assets/img/app_icon.png">
div>
<p>
              We've worked super hard to make you happy.
p>
<p>
              But if you are angry, too bad.
p>
ion-slide>
<ion-slide>
<h3>Using Awesomeh3>

<div id="list">
<h5>Just three steps:h5>
<ol>
<li>Be awesomeli>
<li>Stay awesomeli>
<li>There is no step 3li>
ol>
div>
ion-slide>
<ion-slide>
<h3>Any questions?h3>
<p>
              Too bad!
p>
ion-slide>
ion-slide-box>
ion-view>
script>

<script id="templates/main.html" type="text/ng-template">
<ion-view hide-back-button="true" view-title="Awesome">
<ion-content class="padding">
<h1>Main app hereh1>
<button class="button" ng-click="toIntro()">Do Tutorial Againbutton>
ion-content>
ion-view>
script>

body>
html>

CSS

body {
cursor: url('http://ionicframework.com/img/finger.png'), auto;
}
.slider {
height: 100%;
}
.slider-slide {
padding-top: 80px;
color: #000;
background-color: #fff;
text-align: center;

font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
font-weight: 300;
}

#logo {
margin: 30px 0px;
}

#list {
width: 170px;
margin: 30px auto;
font-size: 20px;
}
#list ol {
margin-top: 30px;
}
#list ol li {
text-align: left;
list-style: decimal;
margin: 10px 0px;
}

.button.ng-hide{
display:none;
}

JS

angular.module('ionicApp', ['ionic'])

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

$stateProvider
  .state('intro', {
url: '/',
templateUrl: 'templates/intro.html',
controller: 'IntroCtrl'
  })
  .state('main', {
url: '/main',
templateUrl: 'templates/main.html',
controller: 'MainCtrl'
  });

$urlRouterProvider.otherwise("/");

})

.controller('IntroCtrl', function($scope, $state, $ionicSlideBoxDelegate) {

// Called to navigate to the main app
$scope.startApp = function() {
$state.go('main');
  };
$scope.next = function() {
$ionicSlideBoxDelegate.next();
  };
$scope.previous = function() {
$ionicSlideBoxDelegate.previous();
  };

// Called each time the slide changes
$scope.slideChanged = function(index) {
$scope.slideIndex = index;
  };
})

.controller('MainCtrl', function($scope, $state) {
console.log('MainCtrl');

$scope.toIntro = function(){
$state.go('intro');
  }
});


运行后界面：


你可能感兴趣的:(ionic,前端设计)

  • cross-plateform 跨平台应用程序-08-Ionic 介绍 老马啸西风 java
    跨平台系列cross-plateform跨平台应用程序-01-概览cross-plateform跨平台应用程序-02-有哪些主流技术栈？cross-plateform跨平台应用程序-03-如果只选择一个框架，应该选择哪一个?cross-plateform跨平台应用程序-04-ReactNative介绍cross-plateform跨平台应用程序-05-Flutter介绍cross-platefor
  • Ionic 头部和底部 lly202406 开发语言
    Ionic头部和底部Ionic是一个强大的开源框架，用于构建高性能、高质量的移动和桌面应用程序。它以其优雅的UI组件和强大的功能而闻名，其中包括头部（Header）和底部（Footer）组件。本文将详细介绍Ionic框架中的头部和底部组件，包括它们的用途、配置选项以及如何在Ionic应用程序中实现它们。Ionic头部组件Ionic头部组件通常用于显示应用程序的标题、副标题和导航按钮。它是应用程序界
  • ionic3 自定义图标及应用 咔簌
    生成图标准备好项目需要使用的图标，需为svg格式https://icomoon.io/app/进入iconmoon网址点击左上角汉堡包按钮，新建一个空的项目image.png点击项目右侧汉堡包添加自定义的图标，第一项可修改项目名image.png选中所有图标，选中generatefont,image.png修改完图标的名字后，下载image.png下载后的文件中我们需要用到的是font以及styl
  • 生成一个完整的游戏商城代码是一个复杂的任务，因为它涉及到前端设计、后端逻辑、数据库管理、安全性等多个方面。不过，我可以为您提供一些用不同编程语言编写的代码片段作为起点或示例。 PrimoRosal 游戏前端数据库
    前端(HTML/CSS/JavaScript)meimiaomeimo.cn前端部分通常负责用户界面和交互。HTML:htmlGameStoreWelcometoGameStoreJavaScript(使用FetchAPI与后端通信):javascript//假设有一个后端API返回游戏列表fetch(‘/api/games’).then(response=>response.json()).th
  • 系统信息性能模块psutil 浅水鲤鱼 linux运维服务器
    psutil是一个跨平台库（第三方库/模块），能够获取系统进程进程及CPU，内存，磁盘、网络使用率等信息；主要用于监控系统，分析和限制系统资源及进程的管理它实现了n多个同等命令行工具实现的功能，如ps、top、lsof、netstat、ifconfig、who、df、kill、free、nice、ionice、iostat、iotop、uptime、pidof、tty、taskset、pmap等命
  • 英文-理化生 ignorantimt
    English中文English中文membrane膜natrium钠sodium钠soda钠potassium钾盐chloride氯化物leakage泄漏conductance电导permeability渗透性refractoryperiod不应期capacity电容ionic离子的equilibrium平衡potential势能molecular分子underlying底层的evolution
  • Linux伪终端怎么退出,linux下强制退出指定用户开启的伪终端 weixin_39947016 Linux伪终端怎么退出
    一.环境发行版:Ubuntu18.04.1LTS代号:bionic内核版本:4.15.0-30-generic二.背景每次通过ssh登陆服务器，但是超时后自动断开了与服务器的连接，因此在上次虚拟终端中启动的进程都没有退出，遂作此文！！！三.解决使用pkill工具强制退出伪终端即可3.1先查看当前伪终端情况who3.2根据伪终端情况关掉指定伪终端pkill-kill-t某个用户登陆所使用的虚拟终端(
  • vue-cli webpack 打包报错：Unexpected token: punc (() 曹天骄 vue
    本来项目完美打包，后来我增加了一个插件vue-ionicons，打包build就是报错：ERRORinstatic/js/8.017e5cf2d2f1a552890d.jsfromUglifyJsUnexpectedtoken:punc(()[./node_modules/vue-ionicons/dist/ionicons-mixin.js:7,0][static/js/8.017e5cf2d2
  • PyQt5信号与槽的简单使用记录 arriettyandray PyQt5qt开发语言
    PyQt5信号与槽的简单使用记录前言信号与槽总结前言最近开发项目，使用PyQt5学习了一些知识，简单记录一下！信号与槽使用Qt设计好界面，再通过PyUic转化成py，就可以通过其他python来调用设计好的界面控件。在调用界面控件时，我们使用到信号与槽。举个例子：我前端设计采用了一个按钮。按钮有对应的Click事件，那这个点击事件要如何和后台沟通。那么就需要连接。这个连接的方式有好几种。我简单介绍
  • 打印样式的艺术：用CSS @media 规则优化页面输出 2401_85761003 css前端
    标题：打印样式的艺术：用CSS@media规则优化页面输出摘要随着Web技术的发展，CSS已经成为前端设计中不可或缺的一部分。在构建响应式网站时，除了考虑不同屏幕尺寸的显示效果，打印样式的优化同样重要。CSS的@media规则提供了一种灵活的方式来定义不同媒体类型下的样式，其中就包括打印媒体。本文将详细介绍如何使用@media规则来实现打印样式的优化，包括页面布局、字体大小、颜色和背景等的调整，并
  • Ubuntu环境常见问题＜一＞ 书里啥都有 opencvopencvubuntu
    换源备份原版sudocp/etc/apt/sources.list/etc/apt/sources_init.list换源sudogedit/etc/apt/sources.list#阿里源（Ubuntu18.04）debhttp://mirrors.aliyun.com/ubuntu/bionicmainrestricteduniversemultiversedeb-srchttp://mirr
  • ionic应用自动升级 DLLCNX 前端Android
    正文升级是应用最基本的功能,因为很少有一个应用发布后不在进行后期维护!原生应用的升级比较常见,但是如今混合应用大热,因为项目,我就基于ionic框架实现了一个简单的升级,根据服务器端返回来确定强制还是非强制更新.插件安装file(访问文件)ioniccordovapluginaddcordova-plugin-filenpminstall--save@ionic-native/fileFileTr
  • 【开源】JAVA+Vue.js实现超市账单管理系统 蜜桃小阿雯 开源javavue.js开发语言前端springbootspring
    目录一、摘要1.1项目介绍1.2项目录屏二、功能模块三、系统设计3.1总体设计3.2前端设计3.3后端设计在这里插入图片描述四、系统展示五、核心代码5.1查询供应商5.2查询商品5.3新增超市账单5.4编辑超市账单5.5查询超市账单六、免责说明一、摘要1.1项目介绍基于JAVA+Vue+SpringBoot+MySQL的超市账单管理系统，包含供应商模块、商品管理模块、超市账单模块，还包含系统自带的
  • ionic cordova 安装指定版本 海上笙明玥
    安装ionic及cordovanpminstall-gcordovaionicnpm淘宝镜像(GFW，导致很多插件下载失败)npminstall-gcnpm--registry=https://registry.npm.taobao.org更新命令npmupdate-gcordovaionic安装特定版本[email protected]
  • Ionic工程搭建测试框架 小溪的梦想
    首先承认，为app添加单元测试的重要性。如果你觉得不那么重要，可参考《代码的免疫系统-单元测试》。选Karma作为你的运行环境的测试，Jasmine作为你实际的测试case。（当然你有其他的选择）前端的测试分类：分为单元测试和end-to-end测试单元测试是独立于组件的测试。e2e是用浏览器的自动点击等行为模拟人的使用行为来测试整个app的。e2e采用的是selenium测试。下面我们重点介绍为
  • ionic3打包APP thisDong
    ionicionic是一个强大的HTML5应用程序开发框架(HTML5HybridMobileAppFramework)。可以帮助您使用Web技术，比如HTML、CSS和Javascript构建接近原生体验的移动应用程序。ionic主要关注外观和体验，以及和你的应用程序的UI交互，特别适合用于基于Hybird模式的HTML5移动应用程序开发。ionic是一个轻量的手机UI库，具有速度快，界面现代化
  • 弊端显现！台积电工厂！“芯片吃紧问题，2023年将纾解。 db1cff8305b6
    作为两年过渡计划的一部分，Apple正在逐步将整个Mac产品线从Intelx86平台迁移到自己的定制AppleSilicon芯片。比如今年秋天的14/16英寸MacBookPro上，M1Pro/M1Max芯片组，拥有令人难以置信的功耗和能效比，就给我们留下了相当深刻的印象。另一方面，将用于下一代“iPhone14”的“A16Bionic”芯片可能会因台积电3nm工艺进展不成功而放缓。TheInfo
  • flutter了解 flutter
    背景因为之前没了解过flutter,本文将从Flutter技术出现的背景，Flutter的主要思想等方面去了解相关知识技术。Flutter技术出现的背景当前领域移动开发技术大概可以分为两种：原生开发跨平台技术而跨平台技术又可以分为以下几种：H5+原生（Cordova、Ionic、微信小程序）JavaScript开发+原生渲染（ReactNative、Weex）自绘UI+原生(Qtformobile
  • iconfont.cn无刷新修改Font Class 小马普莱斯
    //==UserScript==//@nameiconfont.cn无刷新修改FontClass//@namespacehttps://ansonhorse.github.io///@version0.1//@descriptioniconfont.cn无刷新修改FontClass//@authorAnxon//@matchhttp://www.iconfont.cn/manage/index*/
  • 注册店铺2 shenyoujian
    店铺注册之前端设计使用suimobileimage.png看demoimage.png选择表单之后复制网页源码，在webapp下创建一个index.html页面然后复制进去。然后把css和js的资源替换掉dns。然后将表单改成商店信息，修改其他类似这样image.pngimage.png我们不希望用户通过index.html访问我们的页面需要定义好的路由规则访问，image.png这样就不能访问了
  • ionic学习（二）：Ionic4+Vue+Capacitor搭建项目 天丶子衿
    一、创建项目1、使用VueCLi搭建Vue项目npminstall-g@vue/clivuecreateionic-vue-appcdionic-vue-app创建成功之后通过命令启动项目：npmrunserve具体创建方式及相关配置参照文章vuecli3.x搭建项目2、然后添加Ionic框架npminstall@ionic/vue3、引用Ionic框架至项目中。打开src/main.js，配置如
  • CorelDRAW2019 for Mac 21.0.0.593中文特别版 Mac小哥
    coreldraw有mac版本吗？回答是有的，CorelDRAW2019也提供Mac版本，可以说是设计界Mac用户的福音了，CorelDRAWGraphicsSuite2019forMac简称CorelDRAW2019forMac，是数一数二的平面设计软件，由corel公司推出的一款最具创意的平面设计软件，无论是平面设计或者各类产品的前端设计都会用到这款软件，可以用于矢量动画、页面设计、网站制作、
  • 【激光SLAM】激光雷达数学模型和运动畸变去除 趴抖 激光SLAMSLAM激光SLAM
    目录概念介绍激光雷达传感器介绍测距原理三角测距飞行时间（TOF)激光雷达数学模型介绍光束模型（beammodel）似然场模型（likelihoodmodel）运动畸变介绍畸变去除纯估计方法（ICPVariants)ICP方法VICP（VelocityestimationICP）里程计辅助方法概念介绍激光雷达传感器介绍测距原理三角测距特点：中近距离精度较高，距离越近，精度越高价格便宜远距离精度较差易
  • ionicapp ios版本升级遇到的问题 96ebc997d5c4
    最近需要升级ionicAppios版本，遇到了好多问题，在这里记录一下：1.appId双重认证忘掉安全提示问题答案需要在mac上创建一个新的用户，在初始化时，将appId绑定到icloud上，最好绑定手机号。这个问题可以参考这个链接：https://www.jianshu.com/p/a65691d9a5c3（亲身实验过，是可以实现的）2.更新xcode到最新版本之后，运行时报错libraryno
  • 一. 使用perl对Soc中的digital ip进行lint check Followex #perl在ic设计中的应用perllanguageperl硬件架构开发语言
    一.使用perl对Soc中的digitalip进行lintcheck1.purpose在SoC芯片设计中，需要用到很多的digitalip。在前端设计来到中后期时，在RTLsignoff之前，需要对rtl进行lintcheck，一般使用的是synopsys家的SpyGlass。如果一个个到对应的ip目录下runSpyGlass软件并查看输出报告是非常费事费力的，而且还不能确定万无一失。因此我们就可
  • 扬帆起航：从命令式编程到函数响应式编程 编码的哲哲
    前言：在大学时期，我用Ionic写过一个查看校园信息的app，利用投放广告盈利的方式，我赚到了一台MacBookPro。在之后的日子里，无论是工作，学习还是生活，它都给我带来极大的便捷。我至今仍心存感激。所以我对Ionic的核心框架Angular充满好感。即使现在的工作中用react居多，但是闲暇时还是会追一追Angular的文档，写一写笔记。随着工作经验愈发丰富，Angular越来越演变成一种信
  • 使用 --loglevel verbose 参数查看 npm install 安装过程中的更多细节 node.jsnpm
    npminstallionic--loglevelverbose命令中的参数--loglevelverbose用于设置npm的日志级别，决定了在安装过程中输出到终端的信息的详细程度。通过设置不同的日志级别，开发者可以获得更多关于npm操作的详细信息，有助于排查问题、调试和优化性能。在这个命令中，--loglevelverbose表示将npm的日志级别设置为verbose，这是npm提供的五个日志级
  • Android:Ionic框架使用实例 偶是不器 AndroidandroidIonic
    Ionic学习ionic是一个强大的HTML5应用程序开发框架(HTML5HybridMobileAppFramework)。通过使用H5,JS,CSS构建接近原生体验的移动应用程序。ionic放弃对IOS6和Android4.1以下的版本的支持，提高应用程序的运行效率。Ionic官网地址：IonicFramework-TheCross-PlatformAppDevelopmentLeaderIo
  • Hybrid app开发之Ionic+Cordova+Angular 系列篇（四）——热更新原理 杨柳依依_wenshy
    大家都知道，最近苹果对热推送这块打击真是严厉呀，搞得ios都不敢用热推送了，好在安卓还比较开放，暂且不评论此事，下面我们看看什么是热更新吧。1，首先了解什么是热更新我们平时每次要更新一个版本都需要到应用商店去下载，但是热更新就不需要了，你只需要在打开app的时候点击更新就可以了，这从用户体验角度上来讲，还是很不错的。2，热更新机制每一个Cordova项目都有一个www目录,这里存放所有的web内容
  • SAP-PS-001-006问题预算占用与订单实际金额不一致 团先生有点团 SAP-PS制造SAP预算
    前言PS模块最复杂的业务场景主要就是ETO（Engineering-To-Order），也就是边设计边生产边采购的三边业务。意味着从前端设计开始的成本就已经要进行收集，其次对于大型非标设备的生产发货只是一个环节，发货后还会涉及到现场的安装调试等等，这其中甚至还会涉及到采购等后勤动作。常规的销售场景主要是基于发货将相关库存价值就已经结转到主营业务成本或先通过发出商品过渡最后在开票确认收入的同时结转主
  • Spring的注解积累 yijiesuifeng spring注解
    用注解来向Spring容器注册Bean。   需要在applicationContext.xml中注册： <context:component-scan base-package=”pagkage1[,pagkage2,…,pagkageN]”/>。 如：在base-package指明一个包    <context:component-sc
  • 传感器 百合不是茶 android传感器
    android传感器的作用主要就是来获取数据,根据得到的数据来触发某种事件   下面就以重力传感器为例;   1,在onCreate中获得传感器服务   private SensorManager sm;// 获得系统的服务 private Sensor sensor;// 创建传感器实例 @Override protected void
  • [光磁与探测]金吕玉衣的意义 comsci
          这是一个古代人的秘密:现在告诉大家       信不信由你们:       穿上金律玉衣的人,如果处于灵魂出窍的状态,可以飞到宇宙中去看星星       这就是为什么古代
  • 精简的反序打印某个数 沐刃青蛟 打印
    以前看到一些让求反序打印某个数的程序。 比如：输入123，输出321。   记得以前是告诉你是几位数的，当时就抓耳挠腮，完全没有思路。   似乎最后是用到%和/方法解决的。   而今突然想到一个简短的方法，就可以实现任意位数的反序打印（但是如果是首位数或者尾位数为0时就没有打印出来了）   代码如下： long num, num1=0;
  • PHP：6种方法获取文件的扩展名 IT独行者 PHP扩展名
      PHP：6种方法获取文件的扩展名   1、字符串查找和截取的方法   1 $extension = substr ( strrchr ( $file ,  '.' ), 1); 2、字符串查找和截取的方法二   1 $extension = substr
  • 面试111 文强chu 面试
    1事务隔离级别有那些 ，事务特性是什么（问到一次） 2 spring aop 如何管理事务的，如何实现的。动态代理如何实现，jdk怎么实现动态代理的，ioc是怎么实现的，spring是单例还是多例，有那些初始化bean的方式，各有什么区别（经常问） 3 struts默认提供了那些拦截器 （一次） 4 过滤器和拦截器的区别 （频率也挺高） 5 final，finally final
  • XML的四种解析方式 小桔子 domjdomdom4jsax
    在平时工作中，难免会遇到把 XML 作为数据存储格式。面对目前种类繁多的解决方案，哪个最适合我们呢？在这篇文章中，我对这四种主流方案做一个不完全评测，仅仅针对遍历 XML 这块来测试，因为遍历 XML 是工作中使用最多的（至少我认为）。 　　预 备 　　测试环境： 　　AMD 毒龙1.4G OC 1.5G、256M DDR333、Windows2000 Server
  • wordpress中常见的操作 aichenglong 中文注册wordpress移除菜单
    1 wordpress中使用中文名注册解决办法   1)使用插件   2)修改wp源代码      进入到wp-include/formatting.php文件中找到       function sanitize_user( $username, $strict = false
  • 小飞飞学管理-1 alafqq 管理
    项目管理的下午题，其实就在提出问题（挑刺），分析问题，解决问题。 今天我随意看下10年上半年的第一题。主要就是项目经理的提拨和培养。 结合我自己经历写下心得 对于公司选拔和培养项目经理的制度有什么毛病呢？ 1，公司考察，选拔项目经理，只关注技术能力，而很少或没有关注管理方面的经验，能力。 2，公司对项目经理缺乏必要的项目管理知识和技能方面的培训。 3，公司对项目经理的工作缺乏进行指
  • IO输入输出部分探讨 百合不是茶 IO
     //文件处理  在处理文件输入输出时要引入java.IO这个包； /* 1，运用File类对文件目录和属性进行操作 2，理解流，理解输入输出流的概念 3，使用字节/符流对文件进行读/写操作 4，了解标准的I/O 5，了解对象序列化 */   //1，运用File类对文件目录和属性进行操作   //在工程中线创建一个text.txt
  • getElementById的用法 bijian1013 element
            getElementById是通过Id来设置/返回HTML标签的属性及调用其事件与方法。用这个方法基本上可以控制页面所有标签，条件很简单，就是给每个标签分配一个ID号。        返回具有指定ID属性值的第一个对象的一个引用。        语法： &n
  • 励志经典语录 bijian1013 励志人生
    经典语录1:   哈佛有一个著名的理论：人的差别在于业余时间，而一个人的命运决定于晚上8点到10点之间。每晚抽出2个小时的时间用来阅读、进修、思考或参加有意的演讲、讨论，你会发现，你的人生正在发生改变，坚持数年之后，成功会向你招手。不要每天抱着QQ/MSN/游戏/电影/肥皂剧……奋斗到12点都舍不得休息，看就看一些励志的影视或者文章，不要当作消遣；学会思考人生，学会感悟人生
  • [MongoDB学习笔记三]MongoDB分片 bit1129 mongodb
    MongoDB的副本集(Replica Set)一方面解决了数据的备份和数据的可靠性问题，另一方面也提升了数据的读写性能。MongoDB分片(Sharding)则解决了数据的扩容问题，MongoDB作为云计算时代的分布式数据库，大容量数据存储，高效并发的数据存取，自动容错等是MongoDB的关键指标。 本篇介绍MongoDB的切片(Sharding)   1.何时需要分片 &nbs
  • 【Spark八十三】BlockManager在Spark中的使用场景 bit1129 manager
    1. Broadcast变量的存储，在HttpBroadcast类中可以知道 2. RDD通过CacheManager存储RDD中的数据，CacheManager也是通过BlockManager进行存储的 3. ShuffleMapTask得到的结果数据，是通过FileShuffleBlockManager进行管理的，而FileShuffleBlockManager最终也是使用BlockMan
  • yum方式部署zabbix ronin47 yum方式部署zabbix
    安装网络yum库#rpm -ivh http://repo.zabbix.com/zabbix/2.4/rhel/6/x86_64/zabbix-release-2.4-1.el6.noarch.rpm 通过yum装mysql和zabbix调用的插件还有agent代理#yum install zabbix-server-mysql zabbix-web-mysql mysql-
  • Hibernate4和MySQL5.5自动创建表失败问题解决方法 byalias J2EEHibernate4
    今天初学Hibernate4，了解了使用Hibernate的过程。大体分为4个步骤： ①创建hibernate.cfg.xml文件 ②创建持久化对象 ③创建*.hbm.xml映射文件 ④编写hibernate相应代码 在第四步中，进行了单元测试，测试预期结果是hibernate自动帮助在数据库中创建数据表，结果JUnit单元测试没有问题，在控制台打印了创建数据表的SQL语句，但在数据库中
  • Netty源码学习-FrameDecoder bylijinnan javanetty
    Netty 3.x的user guide里FrameDecoder的例子，有几个疑问： 1.文档说：FrameDecoder calls decode method with an internally maintained cumulative buffer whenever new data is received. 为什么每次有新数据到达时，都会调用decode方法？ 2.Dec
  • SQL行列转换方法 chicony 行列转换
    create table tb(终端名称 varchar(10) , CEI分值 varchar(10) , 终端数量 int) insert into tb values('三星' , '0-5' , 74) insert into tb values('三星' , '10-15' , 83) insert into tb values('苹果' , '0-5' , 93)
  • 中文编码测试 ctrain 编码
    循环打印转换编码 String[] codes = { "iso-8859-1", "utf-8", "gbk", "unicode" }; for (int i = 0; i < codes.length; i++) { for (int j
  • hive 客户端查询报堆内存溢出解决方法 daizj hive堆内存溢出
    hive> select * from t_test where ds=20150323 limit 2; OK Exception in thread "main" java.lang.OutOfMemoryError: Java heap space   问题原因： hive堆内存默认为256M   这个问题的解决方法为： 修改/us
  • 人有多大懒，才有多大闲 (评论『卓有成效的程序员』) dcj3sjt126com 程序员
      卓有成效的程序员给我的震撼很大，程序员作为特殊的群体，有的人可以这么懒，  懒到事情都交给机器去做 ，而有的人又可以那么勤奋，每天都孜孜不倦得做着重复单调的工作。   在看这本书之前，我属于勤奋的人，而看完这本书以后，我要努力变成懒惰的人。 不要在去庞大的开始菜单里面一项一项搜索自己的应用程序，也不要在自己的桌面上放置眼花缭乱的快捷图标
  • Eclipse简单有用的配置 dcj3sjt126com eclipse
    1、显示行号  Window -- Prefences -- General -- Editors -- Text Editors -- show line numbers   2、代码提示字符 Window ->Perferences，并依次展开 Java -> Editor -> Content Assist，最下面一栏 auto-Activation
  • 在tomcat上面安装solr4.8.0全过程 eksliang Solrsolr4.0后的版本安装solr4.8.0安装
    转载请出自出处： http://eksliang.iteye.com/blog/2096478       首先solr是一个基于java的web的应用，所以安装solr之前必须先安装JDK和tomcat，我这里就先省略安装tomcat和jdk了         第一步：当然是下载去官网上下载最新的solr版本，下载地址
  • Android APP通用型拒绝服务、漏洞分析报告 gg163 漏洞androidAPP分析
    点评：记得曾经有段时间很多SRC平台被刷了大量APP本地拒绝服务漏洞，移动安全团队爱内测（ineice.com）发现了一个安卓客户端的通用型拒绝服务漏洞，来看看他们的详细分析吧。  0xr0ot和Xbalien交流所有可能导致应用拒绝服务的异常类型时，发现了一处通用的本地拒绝服务漏洞。该通用型本地拒绝服务可以造成大面积的app拒绝服务。  针对序列化对象而出现的拒绝服务主要
  • HoverTree项目已经实现分层 hvt 编程.netWebC#ASP.ENT
    HoverTree项目已经初步实现分层，源代码已经上传到 http://hovertree.codeplex.com请到SOURCE CODE查看。在本地用SQL Server 2008 数据库测试成功。数据库和表请参考：http://keleyi.com/a/bjae/ue6stb42.htmHoverTree是一个ASP.NET 开源项目，希望对你学习ASP.NET或者C#语言有帮助，如果你对
  • Google Maps API v3: Remove Markers 移除标记 天梯梦 google maps api
    Simply do the following:   I. Declare a global variable: var markersArray = [];   II. Define a function: function clearOverlays() { for (var i = 0; i < markersArray.length; i++ )
  • jQuery选择器总结 lq38366 jquery选择器
      1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40
  • 基础数据结构和算法六：Quick sort sunwinner AlgorithmQuicksort
    Quick sort is probably used more widely than any other. It is popular because it is not difficult to implement, works well for a variety of different kinds of input data, and is substantially faster t
  • 如何让Flash不遮挡HTML div元素的技巧_HTML/Xhtml_网页制作 刘星宇 htmlWeb
    今天在写一个flash广告代码的时候，因为flash自带的链接，容易被当成弹出广告，所以做了一个div层放到flash上面，这样链接都是a触发的不会被拦截，但发现flash一直处于div层上面，原来flash需要加个参数才可以。 让flash置于DIV层之下的方法，让flash不挡住飘浮层或下拉菜单，让Flash不档住浮动对象或层的关键参数：wmode=opaque。 方法如下：
  • Mybatis实用Mapper SQL汇总示例 wdmcygah sqlmysqlmybatis实用
    Mybatis作为一个非常好用的持久层框架，相关资料真的是少得可怜，所幸的是官方文档还算详细。本博文主要列举一些个人感觉比较常用的场景及相应的Mapper SQL写法，希望能够对大家有所帮助。 不少持久层框架对动态SQL的支持不足，在SQL需要动态拼接时非常苦恼，而Mybatis很好地解决了这个问题，算是框架的一大亮点。对于常见的场景，例如：批量插入/更新/删除，模糊查询，多条件查询，联表查询，
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他