比音
比音

「这个控件叫什么」系列之加载占位图+页面指示器

很多设计师不知道如何用专业术语称呼一个控件，因此开了《这个控件叫什么》专题。
​​

​@龙爪槐守望者 ：鉴于国内交互设计名词混乱不统一，很多设计师不知道如何用专业术语称呼一个控件，因此我开了《这个控件叫什么》专题，梳理控件的名称和使用事项，希望能为推动交互设计发展，做出一点微小的贡献。

上期回顾：《「这个控件叫什么」系列之小红点+索引导航+分段控件》

Skeleton Screen/加载占位图

Skeleton Screen（加载占位图）是近年流行的加载控件，通常表现形式是在界面上待加载区域填充灰色的占位图，与线框图的效果非常相似。Skeleton Screen本质上是界面加载过程中的过渡效果。

「这个控件叫什么」系列之加载占位图+页面指示器_第1张图片

△ Facebook的Skeleton Screen

Skeleton Screen的由来

Launch Screen（启动屏幕）

当你启动一个App时，需要从手机存储器和网络加载所需的控件和多数据，由于手机性能和网络状况的差异，加载需要等待无法避免。为了解决等待加载过程中出现白屏或者界面闪烁造成的割裂感，iOS规范中规定把界面控件框架的轮廓做成静态图片用于Launch Screen（在Google的Material design规范里被称作Placeholder UI），把Launch Screen放在用户点击启动App之后和App真正正常启动完成之间做过渡，从而消灭白屏和界面闪烁，给用户一种App启动很快的错觉。（然而国内的App不遵循iOS规范，在Launch Screen里放广告，这又是另外一个商业话题了）

「这个控件叫什么」系列之加载占位图+页面指示器_第2张图片

△ Launch Screen

非控件轮廓区域的内容变动很大，以上图浏览器为例，Launch Screen仅仅显示工具栏和地址栏，网页内容区域留下了大量空白，显然这不是最好的界面加载过渡方案。

Progress Indicator（进度指示器）

如果Launch Screen持续时间有点长，刚好用户又盯着Launch Screen大量空白的内容区域，可能会认为App出BUG了——虽然App后台正在辛劳的加载最新的数据。因此我们需要使用Progress Indicator来告知用户目前正在加载。Progress Indicator分为Activity Indicator（活动指示器）和Progress Bar（进度条）两种，前者就是我们非常熟悉的“菊花转”。

「这个控件叫什么」系列之加载占位图+页面指示器_第3张图片

△ Activity Indicator和Progress Bar

有了富含动效的Progress Indicator，用户就知道我们的App并没有出BUG，而是在辛勤的加载数据，再过不久就能正常的显示内容了。

Progress Indicator设计出发点是好的，但是带给用户的体验未必优秀。Progress Indicator的出现就意味着需要等待，当用户注意力集中在Progress Indicator时，就好像学生盯着下课前五分钟的钟表，滴答滴答，时间似乎变得更慢了。我们当然不愿意让用户望着Progress Indicator产生焦躁的情绪。

Skeleton Screen应运而生

如果我们能在加载前把内容的大概轮廓预先展现出来，然后再逐步的加载真正的内容，这样既用户一种内容正在逐渐加载即将呈现的期待，降低了焦躁情绪，又使得界面加载的过程变得更顺畅，感官上会觉得比其他加载方式更快。这就是Skeleton Screen！

「这个控件叫什么」系列之加载占位图+页面指示器_第4张图片

△ Skeleton Screen与Activity Indicator对比

Skeleton Screen这个概念最早出自Google产品总监，《Web表单设计》作者，Luke Wroblewski于2013年9月17日发表的博文《Mobile Design Details: Avoid The Spinner》里。

目前国内有简书、领英、新浪微博头条文章页采用这个加载方案。国外有Facebook iOS版、Medium、WordPress App、Slack等产品采用。相信以后会有更多的App和网页会使用Skeleton Screen。

如何使用

  • 适用于布局排版固定的内容区域
    Skeleton Screen所展现的是内容的大概轮廓，如果内容布局和排版不是固定的，那么轮廓和内容布局的巨大差异，不仅不能给用户顺畅和期待感，反倒会造成落差。因此Skeleton Screen适用于布局排版固定的内容区域，例如列表、文章、个人信息。注意：如果内容区域有空页面的情况，也不建议使用Skeleton Screen。
  • 建议配合其他加载技术一起使用
    用户的网络环境是复杂的，如果加载持续时间很久，单凭Skeleton Screen起不到流畅过渡的效果，建议配合懒加载（先文字后图片）、逐条加载、预加载等技术，以达到更出色的体验。

Page Indicator/Page Controls/页面指示器

Page Indicator（页面指示器，iOS规范称为Page Controls）是附着在轮播图、一组卡片或者页面的底部，用来表示页面总数量和指示当前停留的页面。通常由一组等距的小圆点组成，小圆点的数量代表页面总数，其中深色或实心的小圆点代表当前页面。

「这个控件叫什么」系列之加载占位图+页面指示器_第5张图片

△ Page Indicator

用户可以通过左右滑动切换上一个/下一个页面，或者点击Page Indicator本身来切换，一般来说移动端点击Page Indicator顺序切换上一个/下一个页面，而PC端可以精确点击其中一个小圆点到达特定的页面。

如何使用

不要显示太多指示点

超过10个指示点很难在一屏内展示，超过20个页面用户浏览起来会非常耗时。如果超过20个页面请考虑使用其他形式或控件展示。

注意滑动冲突

一般来说用户在移动端习惯于使用左右滑动操作Page Indicator，因此要注意同页面内会不会与其他支持左右滑动的控件（例如：顶部Tabs、地图、轮播图等）产生手势冲突。举个反面例子，iOS官方地图可以在锁屏显示地图导航，由于锁屏本身有Page Indicator响应左右滑动切换到相机和搜索页面，导致与导航界面内顶部的路线指示Page Indicator还有地图放大缩小产生手势冲突，无法操作。

「这个控件叫什么」系列之加载占位图+页面指示器_第6张图片

△ iOS锁屏地图导航

样式可以特殊化

如果Page Indicator指示的某个页面较为特殊，可以为其定制特别的样式，例如锁屏页用户可以不解锁直接向左滑动打开相机，因此为相机的指示点设计了特殊样式突出这个功能。天气App中一眼就明白第一个指示点是当前GPS定位地址。

「这个控件叫什么」系列之加载占位图+页面指示器_第7张图片

△ 锁屏页和天气App

不要把Page Indicator做到页面内

Page Indicator的层级比页面要高，因此切图和研发工程师沟通实现方案时，一定要确认把Page Indicator单独切图处理。千万不能把Page Indicator嵌入到页面里，导致滑动页面时，Page Indicator跟随页面一起运动。

「这个控件叫什么」系列之加载占位图+页面指示器_第8张图片

△ 不能把Page Indicator嵌入到页面里

相关资料

Page Indicator和进度条相结合

一号店的轮播图把Page Indicator和进度条相结合，这样用户既可以知道当前所指示的页面，也能对下一张页面何时轮播有预期，便于用户较为专注的浏览轮播图的内容。

「这个控件叫什么」系列之加载占位图+页面指示器_第9张图片

转载于:http://weibo.com/ttarticle/p/show?id=2309404091358196460058#_0

你可能感兴趣的:(「这个控件叫什么」系列之加载占位图+页面指示器)

  • Linux中的查看命令 L耀早睡 linux运维服务器
    路径分为相对路径（行相对当前工作目录开始的路径）和绝对路径（不管是）#：命令提示符，从这个位置可以开始输入命令，另一个提示符为$，如果是root，则提示为#；如果是普通用户，则提示$。~：当前用户的主目录cd..:返回上一级目录cdetc==è用鼠标双击etc这个文件（1）.为当前目录（2）..为上一级目录创建文件和文件夹：touch命令：创建一个空文件。ex:toucha.txtmkdir创建一
  • Winform编程详解十五：ProgressBar 进度条控件 &海哥 Winform编程详解c#
    一、属性介绍1.(Name)控件的对象标识符ID2.BackColor控件的背景颜色3.Cursor鼠标移过该控件显示的光标样式4.ForeColor控件的文本颜色5.UseWaitCursor使用鼠标的等待光标6.Enabled控件激活状态7.Maximum进度条的最大值8.Minimum进度条的最小值9.Step进度条的前进值10.Value进度条的数值11.Visible控件显示状态二、方法
  • 实战C++手写线程池 GeniusAng丶 C/C++编程c++OOP线程池
    课程总目录文章目录一、项目必备基础概念1.1并发和并行1.2多线程的优势1.3线程的消耗1.4线程池的优势1.5线程池的两种模式：fixed模式和cached模式1.6线程同步之线程互斥1.7线程同步之线程通信1.7.1条件变量1.7.2信号量1.8项目设计图浏览二、线程池代码展示三、线程池资源回收死锁问题分析四、线程资源回收策略修改优化五、Linux平台编译线程池动态库六、packaged_ta
  • 从opencv-python入门opencv--GUI功能之绘图&鼠标与图像界面的交互 这是一个图像 python计算机外设opencvGUI计算机视觉图像处理交互
    从opencv-python入门opencv--GUI功能之绘图和鼠标操作一、文章介绍二、opencv绘制直线、矩形、圆形1、cv.line()2、cv.circle()3、cv.rectangle()4、在图像上绘制直线、矩形和圆形5、cv.ellipse()（在空白画布上绘制椭圆）（1）img=cv.ellipse(img,center,axes,angle,startAngle,endAng
  • 鸿蒙HarmonyOS NEXT开发：组件-样式-基础 2 程序员阿俊 harmonyos华为
    //1//2ArkUI基本语法//方舟开发框架（简称：ArkUI），是一套构建HarmonyOS应用界面的框架。//构建页面的最小单位就是"组件"。//组件名(参数){//内容//}//.属性1()//.属性2()//.属性N()importtextfrom'@ohos.graphics.text'//@Entry//@Component//structIndex{//build(){//Colu
  • 聊一聊 IM 要如何提升用户体验？ 后端java
    IM系列imdoc实时通讯文档仓库聊一聊IM是什么？聊一聊IM即时通讯系统聊一聊IM要如何设计？聊一聊IM要如何设计功能模块？聊一聊IM要如何进行架构设计？聊一聊IM要如何进行技术选型？聊一聊IM要如何保证安全性？聊一聊IM要如何保证扩展性？聊一聊IM要如何实现运维与监控？聊一聊IM要如何提升用户体验？聊一聊IM要如何进行测试与部署？聊一聊IM要如何编写文档+技术支持？聊一聊IM要如何打造差异化？
  • 聊一聊 IM 要如何提升用户体验？ 后端java
    IM系列imdoc实时通讯文档仓库聊一聊IM是什么？聊一聊IM即时通讯系统聊一聊IM要如何设计？聊一聊IM要如何设计功能模块？聊一聊IM要如何进行架构设计？聊一聊IM要如何进行技术选型？聊一聊IM要如何保证安全性？聊一聊IM要如何保证扩展性？聊一聊IM要如何实现运维与监控？聊一聊IM要如何提升用户体验？聊一聊IM要如何进行测试与部署？聊一聊IM要如何编写文档+技术支持？聊一聊IM要如何打造差异化？
  • 【产品经理修炼之道】-价值维思考模型在技术性需求中的应用 xiaoli8748_软件开发 产品经理
    真正的产品，是满足用户需求痛点、给用户创造快感，或者成本节约带来的感受。这种感受既可感知，也有可能不可直接感知。产品经理到底要不要懂技术，是否技术出身的产品经理一定更有优势呢？对于这个问题的探讨，相信各位都能在各个产品论坛上看到，不少产品经理估计也参与争辩过。笔者自己曾是技术出身，且刚毕业时做全栈开发若干年，也有过技术架构经验，所以对于产品经理要不要懂开发，笔者认为懂总比不懂的好，不过之前所带过的
  • 理解CPP的命名空间【仓鼠学cpp】 仓鼠元plus 学习c++macos面试visualstudiocode算法开发语言
    在C++中，命名空间（namespace）用于组织代码，防止名称冲突。尤其是当多个库或模块在同一个程序中使用时，可能会有相同的类、函数、变量名称，命名空间可以帮助区分它们。大家最耳熟能祥的莫过于“usingnamespacestd"了——当然，也许会有很多人很长一段时间内只知道这个。本文，我会举例讲解一下C++中的命名空间，因为我正好在写cpp17的专栏（大家可以去看一下！）也会提一下cpp-17
  • 【WPF命令绑定之--没有Command属性的控件如何进行命令绑定？】 吾与谁归in C#学习WPFwpfc#
    前言C#WPF之命令绑定内容有些控件不支持直接绑定命令，可以调用其他依赖实现命令的绑定。依赖：Microsoft.Xaml.Behaviors.Wpf使用如下代码可以实现事件的命令绑定，及传递参数：1、引用：xmlns:behavior=“http://schemas.microsoft.com/xaml/behaviors”2、添加命令绑定代码(如：代码①)3、创建实现ICommand的类pub
  • vuejs 项目部署到nginx 爱分享的程序员 vue使用
    一.vuejs项目配置文件根目录创建vue.config.js文件。如下：二.运行npmrunbuild指令将打包出来的dist文件拷贝到服务器的指定目录三.ngxin配置文件四.在服务器的根目录创建一个文件夹my-project，将dist里面的文件拷贝到创建的这个文件夹下面五.浏览器访问项目的路径http://localhost/my-project
  • Vue 数据更新但页面没有更新的 7 种情况 爱分享的程序员 vue使用
    1.Vue无法检测实例被创建时不存在于data中的property原因：由于Vue会在初始化实例时对property执行getter/setter转化，所以property必须在data对象上存在才能让Vue将它转换为响应式的。场景：varvm=newVue({data:{},//页面不会变化template:'{{message}}'})vm.message='Hello!'//`vm.mess
  • redis 实现登陆次数限制 weixin_30388677 数据库javaruntime
    title:redis-login-limitation利用redis实现登陆次数限制,注解+aop,核心代码很简单.基本思路比如希望达到的要求是这样:在1min内登陆异常次数达到5次,锁定该用户1h那么登陆请求的参数中,会有一个参数唯一标识一个user,比如邮箱/手机号/userName用这个参数作为key存入redis,对应的value为登陆错误的次数,string类型,并设置过期时间为1mi
  • 文件服务器登录次数限制,redis 实现登陆次数限制的思路详解 Sinaean Dean 文件服务器登录次数限制
    title:redis-login-limitation利用redis实现登陆次数限制,注解+aop,核心代码很简单.基本思路比如希望达到的要求是这样:在1min内登陆异常次数达到5次,锁定该用户1h那么登陆请求的参数中,会有一个参数唯一标识一个user,比如邮箱/手机号/userName用这个参数作为key存入redis,对应的value为登陆错误的次数,string类型,并设置过期时间为1mi
  • 【转】 vim swp交换文件的处理 Yuanymoon Vimvimswpswo打开文件错误交换文件
    原文连接：http://blog.csdn.net/pwiling/article/details/51830781当你非正常关闭vim编辑器时（比如直接关闭终端或者电脑断电），会生成一个.swp文件，这个文件是一个临时交换文件，用来备份缓冲区中的内容。需要注意的是如果你并没有对文件进行修改，而只是读取文件，是不会产生.swp文件的。意外退出时，并不会覆盖旧的交换文件，而是会重新生成新的交换文件。
  • The connection to the server localhost:8080 was refused tianluke9 错误谨记kubernetes
    最近在学习安装Kubernetes集群的时候，安装完执行sudokubectlgetnodes命令出现这个报错：下面是解决方法。Master节点出现这个报错首先需要检查Master安装完Kubernetes后是否执行了下面命令。需要注意到是：如果整个过程都是在普通用户下使用sudo安装，则仍然需要在普通用户下执行了下面命令；如果整个过程都在root用户下安装，则还在root用户下执行了下面命令。m
  • 【由技及道】SpringBoot启动即退出的量子纠缠诊断实录【人工智障AI2077的开发问题日志】 Yuanymoon 人工智障2077系列Java问题处理springboot后端java
    文章摘要由容器中的SpringBoot应用完成启动后突然自行退出的诡异现象，揭示了现代服务化架构中守护线程设计的深层哲学。本日志将展示如何通过三种维度（依赖补全/线程阻塞/定时任务）实现进程守护，并探讨服务存活的本质逻辑。问题分析：这个SpringBoot怕不是属蜉蝣的？（人工智障OS：主人在容器环境部署的Spring应用生命周期堪比蜉蝣成虫——朝生暮死，启动即消亡）现象观察：/usr/lib/j
  • C++数据结构之数组（详解） 画个逗号给明天" C++常用数据结构数据结构c++开发语言
    1.介绍在C++中，数组是一种基本的数据结构，用于存储相同类型的元素的集合。数组的元素在内存中是连续存储的，可以通过索引访问。下面将详细介绍C++数组的相关内容。2.数组的定义数组的定义需要指定元素的类型和数组的大小。typearrayName[arraySize];type:数组元素的类型（如int、char）等。arrayName:数组的名称。arraySize:数组的大小（必须是常量表达式）
  • 【性能优化】uni-app小程序中swiper-item图片预加载 Hugh106 uni-app小程序javascript性能优化vue.js
    项目场景：在开发壁纸小程序的时候遇到这样一个场景，通过壁纸缩略图页面跳转至壁纸大图页面，需要一次载入的图片太多，这样就需要swiper里需要很多swiper-item，如此一来渲染的时候就会很消耗性能和网络带宽，渲染时会有一大段的空白时间，有时还会造成卡顿，体验非常差。问题描述classlist.vue是壁纸缩略图页面，preview.vue是壁纸大图页面。点击缩略图进行跳转时进行传参，参数为图片
  • 面试问题——如何解决移动端1px 边框问题？ 二川bro 面试面试前端
    面试问题——如何解决移动端1px边框问题？最近，不少小伙伴向我反映，他们在面试中频繁被问到关于1px边框的问题。这个看似老生常谈的话题，没想到在面试中的出现率依然这么高，着实让我有些意外。对于那些对这个问题感到棘手，不知道如何回答的小伙伴，你们可要看仔细了。今天，我特意总结了几种常见的处理1px边框问题的方法，希望能为各位同学提供一些有益的参考和帮助。文章目录面试问题——`如何解决移动端1px边框
  • 从“记住我”到 Web 认证：Cookie、JWT 和 Session 的故事 总是学不会. 系统设计场景前端后端java开发
    文章目录1.初识HTTP：一场没有记忆的对话2.Cookie：网站的“记忆”3.Session：服务端的“记忆”4.JWT：让用户自己带着“身份证”5.CookievsSessionvsJWT总结6.最终选择：用对工具才是关键！你学到了什么？1.初识HTTP：一场没有记忆的对话小明最近开发了一个旅游网站，每天有很多用户访问。但他发现了一个问题：用户登录后，刷新一下页面就得重新登录？！他百思不得其解
  • 《深入浅出TCP之4TCP是一种流协议》 kaydxh tcp网络协议网络tcpip
    4TCP是一种流协议数据是以字节流的形式传递给接收者，没有固有的报文或报文边界分概念。send通常只是将数据复制到主机的tcp/ip栈中，就返回了，由tcp来决定需要立即发送多少数据（取决于，发送窗口，拥塞窗口，MSS等）tcp会记录它发送了多少字节，以及确认的字节，但它不会记录这些字节是如何分组的变长报文，一般在每条报文前面加上一个首部，这个首部至少包含报文的长度，首先读取定长的报文头部，从首部
  • WPF入门3：绑定 是刘彦宏吖 WPF入门wpfui
    WPF入门3：绑定学习如何从一个元素提取信息，并在另一个元素上显示信息，而不用编写一行代码.什么是绑定（Binding）？绑定顾名思义，是将我们获取到的数据和UI上的控件绑定起来利用数据的变化来更新界面所看到的内容。那如何实现绑定呢？把绑定分为五步（这个是面试中经常遇到的考点以下内容可以记在小本本上）：1.绑定目标2.绑定属性3.绑定模式4.绑定数据源5.关联资源1.绑定目标绑定目标很好理解，其实
  • Transformer架构深度研究报告（二、分层原理） jiaojieran transformer深度学习人工智能
    一、Transformer不同层作用剖析1.1低层作用在Transformer架构中，低层（1-3层）主要承担着局部语法建模的关键任务，其对语言基础结构的理解和处理为后续高层语义分析奠定了坚实基础。在词性标注（POStagging）任务中，低层通过对相邻词之间关系的细致捕捉，能够精准判断每个词的词性。例如在句子“Thedogrunsfast”中，对于“runs”这个词，低层模型会关注其与相邻词“d
  • 判断二进制中1的个数（c语言版） 老吴学编程 1的个数c语言开发语言算法c++c#
    第一种方法，直接unsignedinta,使它变成无符号数，也是最简单直接的方法。这是第二种方法，也是最为简便的方法，其中的while（n），当n=0时，为假，也就跳出了循环，然后n&(n-1)这个步骤也不难理解，第一个n与第二个n可以发现它的最右端1没了，第二个与第三个也是如此，因此可以得出n&（n-1）可以消掉其最右端的1。这是第三种方法，理解较简单，看代码便能看懂，就不一一赘述了。
  • java:Apache Commons Configuration2占位符解析异常的正确解法:${prefix:name:-default} 10km javajavaapacheconfiguration2变量插值Interpolation
    问题重现在之前的博文《spring-boot:apachecommons-configuration2异常:java.lang.IllegalArgumentException:name原因分析》中，我们曾遇到SpringBootFat-Jar运行时因LaunchedURLClassLoader资源加载异常导致的启动失败问题。当时的解决方案是通过预创建空配置文件来规避异常1：//旧方案：手动创建空
  • 小程序性能优化-预加载 爱分享的程序员 微信小程序小程序性能优化
    在微信小程序中，数据预加载是提升用户体验的重要优化手段。以下是处理数据预加载的完整方案：一、预加载的适用场景跳转页面前的数据准备如从列表页进入详情页前，提前加载详情数据首屏加载后的空闲时间在首页加载完成后，预加载其他高频页面数据多步骤流程的后续步骤如电商下单流程中，提前加载支付页面所需数据二、核心实现方案1.全局预加载（App级别）//app.jsApp({globalData:{preloadD
  • 量化投资策略的生命周期：从设计到淘汰 云策量化 量化投资自动化交易程序化炒股量化炒股miniQMT量化交易QMT量化投资deepseek
    推荐阅读：《程序化炒股：如何申请官方交易接口权限？散户可以申请吗？》量化投资策略的生命周期：从设计到淘汰量化投资，这个听起来既神秘又充满科技感的领域，其实离我们并不遥远。它就像是金融市场中的“算法猎人”，通过数学模型和计算机程序来寻找投资机会。那么，一个量化投资策略是如何从无到有，再到最终被淘汰的呢？让我们一起探索这个策略的生命周期。1.策略的诞生：设计阶段1.1灵感的火花量化投资策略的诞生往往始
  • Windows 11 新增功能全解析：特性、使用与注意事项 xueyunshengling 微软精华知识宝箱微软合作伙伴计划windows系统功能Win11Windows11新增功能
    自Windows11发布以来，其一系列令人耳目一新的新增功能便吸引了众多用户的目光。相较于以往的Windows版本，Windows11在界面设计、性能优化以及功能拓展等方面均实现了重大变革。今天，就让我们一同深入探究Windows11的新增功能，详细了解它们的特性、使用方法以及使用过程中需要留意的事项。一、焕然一新的开始菜单与任务栏（一）功能特性居中布局设计：Windows11的开始菜单和任务栏默
  • 【Java基础】Java 中 的`final` 关键字 李少兄 Javajava开发语言
    前言在Java编程的世界里，final关键字是一个强大且常用的工具。它可以应用于类、方法和变量，赋予它们不同的“不可变”特性。一、final修饰类1.定义与特性当使用final修饰一个类时，这个类就如同被上了一把坚固的锁，不能被其他类继承，即不会有子类。这是Java语言精心设计的一种机制，目的是确保类的设计和实现不会被意外修改，从而保证类的行为和功能始终保持一致。2.示例代码//定义一个final
  • ASM系列六 利用TreeApi 添加和移除类成员 lijingyao8206 jvm动态代理ASM字节码技术TreeAPI
        同生成的做法一样，添加和移除类成员只要去修改fields和methods中的元素即可。这里我们拿一个简单的类做例子，下面这个Task类，我们来移除isNeedRemove方法，并且添加一个int 类型的addedField属性。   package asm.core; /** * Created by yunshen.ljy on 2015/6/
  • Springmvc-权限设计 bee1314 springWebjsp
    万丈高楼平地起。 权限管理对于管理系统而言已经是标配中的标配了吧，对于我等俗人更是不能免俗。同时就目前的项目状况而言，我们还不需要那么高大上的开源的解决方案，如Spring Security，Shiro。小伙伴一致决定我们还是从基本的功能迭代起来吧。 目标： 1.实现权限的管理（CRUD） 2.实现部门管理 （CRUD) 3.实现人员的管理 （CRUD） 4.实现部门和权限
  • 算法竞赛入门经典（第二版）第2章习题 CrazyMizzz c算法
    2.4.1 输出技巧 #include <stdio.h> int main() { int i, n; scanf("%d", &n); for (i = 1; i <= n; i++) printf("%d\n", i); return 0; } 习题2-2 水仙花数(daffodil
  • struts2中jsp自动跳转到Action 麦田的设计者 jspwebxmlstruts2自动跳转
    1、在struts2的开发中，经常需要用户点击网页后就直接跳转到一个Action，执行Action里面的方法，利用mvc分层思想执行相应操作在界面上得到动态数据。毕竟用户不可能在地址栏里输入一个Action（不是专业人士）   2、＜jsp:forward page="xxx.action" /＞ ，这个标签可以实现跳转，page的路径是相对地址,不同与jsp和j
  • php 操作webservice实例 IT独行者 PHPwebservice
    首先大家要简单了解了何谓webservice，接下来就做两个非常简单的例子，webservice还是逃不开server端与client端。我测试的环境为：apache2.2.11 php5.2.10做这个测试之前，要确认你的php配置文件中已经将soap扩展打开，即extension=php_soap.dll; OK 现在我们来体验webservice //server端 serve
  • Windows下使用Vagrant安装linux系统 _wy_ windowsvagrant
    准备工作： 下载安装 VirtualBox ：https://www.virtualbox.org/ 下载安装 Vagrant ：http://www.vagrantup.com/ 下载需要使用的 box ： 官方提供的范例：http://files.vagrantup.com/precise32.box 还可以在 http://www.vagrantbox.es/ 
  • 更改linux的文件拥有者及用户组(chown和chgrp) 无量 clinuxchgrpchown
    本文（转） http://blog.163.com/yanenshun@126/blog/static/128388169201203011157308/ http://ydlmlh.iteye.com/blog/1435157 一、基本使用： 使用chown命令可以修改文件或目录所属的用户：        命令
  • linux下抓包工具 矮蛋蛋 linux
    原文地址： http://blog.chinaunix.net/uid-23670869-id-2610683.html tcpdump -nn -vv -X udp port 8888 上面命令是抓取udp包、端口为8888 netstat -tln 命令是用来查看linux的端口使用情况 13 . 列出所有的网络连接 lsof -i 14. 列出所有tcp 网络连接信息 l
  • 我觉得mybatis是垃圾！：“每一个用mybatis的男纸，你伤不起” alafqq mybatis
    最近看了  每一个用mybatis的男纸，你伤不起 原文地址 ：http://www.iteye.com/topic/1073938 发表一下个人看法。欢迎大神拍砖； 个人一直使用的是Ibatis框架，公司对其进行过小小的改良； 最近换了公司，要使用新的框架。听说mybatis不错；就对其进行了部分的研究； 发现多了一个mapper层；个人感觉就是个dao；
  • 解决java数据交换之谜 百合不是茶 数据交换
    交换两个数字的方法有以下三种 ，其中第一种最常用   /* 输出最小的一个数 */ public class jiaohuan1 { public static void main(String[] args) { int a =4; int b = 3; if(a<b){ // 第一种交换方式 int tmep =
  • 渐变显示 bijian1013 JavaScript
    <style type="text/css"> #wxf { FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#97FF98); height: 25px; } </style>
  • 探索JUnit4扩展：断言语法assertThat bijian1013 java单元测试assertThat
    一.概述         JUnit 设计的目的就是有效地抓住编程人员写代码的意图，然后快速检查他们的代码是否与他们的意图相匹配。 JUnit 发展至今，版本不停的翻新，但是所有版本都一致致力于解决一个问题，那就是如何发现编程人员的代码意图，并且如何使得编程人员更加容易地表达他们的代码意图。JUnit 4.4 也是为了如何能够
  • 【Gson三】Gson解析{"data":{"IM":["MSN","QQ","Gtalk"]}} bit1129 gson
      如何把如下简单的JSON字符串反序列化为Java的POJO对象? {"data":{"IM":["MSN","QQ","Gtalk"]}}   下面的POJO类Model无法完成正确的解析：   import com.google.gson.Gson;
  • 【Kafka九】Kafka High Level API vs. Low Level API bit1129 kafka
    1. Kafka提供了两种Consumer API High Level Consumer API Low Level Consumer API(Kafka诡异的称之为Simple Consumer API，实际上非常复杂) 在选用哪种Consumer API时，首先要弄清楚这两种API的工作原理，能做什么不能做什么，能做的话怎么做的以及用的时候，有哪些可能的问题  
  • 在nginx中集成lua脚本：添加自定义Http头，封IP等 ronin47 nginx lua
    Lua是一个可以嵌入到Nginx配置文件中的动态脚本语言，从而可以在Nginx请求处理的任何阶段执行各种Lua代码。刚开始我们只是用Lua 把请求路由到后端服务器，但是它对我们架构的作用超出了我们的预期。下面就讲讲我们所做的工作。 强制搜索引擎只索引mixlr.com Google把子域名当作完全独立的网站，我们不希望爬虫抓取子域名的页面，降低我们的Page rank。 location /{
  • java-归并排序 bylijinnan java
    import java.util.Arrays; public class MergeSort { public static void main(String[] args) { int[] a={20,1,3,8,5,9,4,25}; mergeSort(a,0,a.length-1); System.out.println(Arrays.to
  • Netty源码学习-CompositeChannelBuffer bylijinnan javanetty
    CompositeChannelBuffer体现了Netty的“Transparent Zero Copy” 查看API（ http://docs.jboss.org/netty/3.2/api/org/jboss/netty/buffer/package-summary.html#package_description） 可以看到，所谓“Transparent Zero Copy”是通
  • Android中给Activity添加返回键 hotsunshine Activity
    // this need android:minSdkVersion="11" getActionBar().setDisplayHomeAsUpEnabled(true); @Override public boolean onOptionsItemSelected(MenuItem item) {
  • 静态页面传参 ctrain 静态
    $(document).ready(function () { var request = { QueryString : function (val) { var uri = window.location.search; var re = new RegExp("" + val + "=([^&?]*)", &
  • Windows中查找某个目录下的所有文件中包含某个字符串的命令 daizj windows查找某个目录下的所有文件包含某个字符串
    findstr可以完成这个工作。   [html]  view plain copy   >findstr /s /i "string" *.*   上面的命令表示，当前目录以及当前目录的所有子目录下的所有文件中查找"string&qu
  • 改善程序代码质量的一些技巧 dcj3sjt126com 编程PHP重构
    有很多理由都能说明为什么我们应该写出清晰、可读性好的程序。最重要的一点，程序你只写一次，但以后会无数次的阅读。当你第二天回头来看你的代码 时，你就要开始阅读它了。当你把代码拿给其他人看时，他必须阅读你的代码。因此，在编写时多花一点时间，你会在阅读它时节省大量的时间。让我们看一些基本的编程技巧：    尽量保持方法简短    尽管很多人都遵
  • SharedPreferences对数据的存储 dcj3sjt126com
    SharedPreferences简介：                                                   &nbs
  • linux复习笔记之bash shell (2) bash基础 eksliang bashbash shell
    转载请出自出处： http://eksliang.iteye.com/blog/2104329 1.影响显示结果的语系变量（locale）  1.1locale这个命令就是查看当前系统支持多少种语系，命令使用如下： [root@localhost shell]# locale LANG=en_US.UTF-8 LC_CTYPE="en_US.UTF-8"
  • Android零碎知识总结 gqdy365 android
    1、CopyOnWriteArrayList add(E) 和remove(int index)都是对新的数组进行修改和新增。所以在多线程操作时不会出现java.util.ConcurrentModificationException错误。 所以最后得出结论：CopyOnWriteArrayList适合使用在读操作远远大于写操作的场景里，比如缓存。发生修改时候做copy，新老版本分离，保证读的高
  • HoverTree.Model.ArticleSelect类的作用 hvt Web.netC#hovertreeasp.net
    ArticleSelect类在命名空间HoverTree.Model中可以认为是文章查询条件类，用于存放查询文章时的条件，例如HvtId就是文章的id。HvtIsShow就是文章的显示属性，当为-1是，该条件不产生作用，当为0时，查询不公开显示的文章，当为1时查询公开显示的文章。HvtIsHome则为是否在首页显示。HoverTree系统源码完全开放，开发环境为Visual Studio 2013
  • PHP 判断是否使用代理 PHP Proxy Detector 天梯梦 proxy
    1. php 类 I found this class looking for something else actually but I remembered I needed some while ago something similar and I never found one. I'm sure it will help a lot of developers who try to
  • apache的math库中的回归——regression（翻译） lvdccyb Mathapache
    这个Math库，虽然不向weka那样专业的ML库，但是用户友好，易用。 多元线性回归，协方差和相关性（皮尔逊和斯皮尔曼），分布测试（假设检验，t，卡方，G），统计。   数学库中还包含，Cholesky，LU，SVD，QR，特征根分解，真不错。   基本覆盖了：线代，统计，矩阵， 最优化理论 曲线拟合 常微分方程 遗传算法（GA）， 还有3维的运算。。。
  • 基础数据结构和算法十三：Undirected Graphs (2) sunwinner Algorithm
      Design pattern for graph processing. Since we consider a large number of graph-processing algorithms, our initial design goal is to decouple our implementations from the graph representation
  • 云计算平台最重要的五项技术 sumapp 云计算云平台智城云
    云计算平台最重要的五项技术 1、云服务器 云服务器提供简单高效，处理能力可弹性伸缩的计算服务，支持国内领先的云计算技术和大规模分布存储技术，使您的系统更稳定、数据更安全、传输更快速、部署更灵活。 特性 机型丰富 通过高性能服务器虚拟化为云服务器，提供丰富配置类型虚拟机，极大简化数据存储、数据库搭建、web服务器搭建等工作； 仅需要几分钟，根据CP
  • 《京东技术解密》有奖试读获奖名单公布 ITeye管理员 活动
    ITeye携手博文视点举办的12月技术图书有奖试读活动已圆满结束，非常感谢广大用户对本次活动的关注与参与。  12月试读活动回顾： http://webmaster.iteye.com/blog/2164754 本次技术图书试读活动获奖名单及相应作品如下： 一等奖（两名） Microhardest：http://microhardest.ite
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他