⑴ 如何在java web程序中加入分页显示内容,系统是用MVC做的,希望能给我个简单的程序代码,急~~~
用top去基辩读山锋咐数据库
例如select top 10 * from users只读10指令
分页就用select count(*) from users
用count/10 去确定分页的逗纯页数
继续自己弄了...
⑵ 如何解决UIWebview+UIPageViewController 翻页不流畅的问题
最近在做一个基于IOS的epub reader, 基本的实现思路就是用UIWebview 显示epub内的xhtml文件。为了实现类似iBooks模拟翻页效果,所以用到了IOS5提供的UIPageViewController
具体的实现思路是(以下为伪代码):
闹败1.
创建epubViewController类,作为控制器, new 一个UIPageViewController 实现它的两个delegate
-
(UIView Controller
*)pageViewController: (UIPageViewController *)pageViewController
: (UIViewController *)viewController {
PageView
*p = [[PageView alloc] init];
p.pageIndex
= currentPageIndex - 1;
p.htmlUrl
= htmlUrl;
return
p;
}
-
(UIViewController *)pageViewController: (UIPageViewController
*)pageViewController :( UIViewController
*)viewController {
PageView
*p = [[PageView alloc] init];
p.pageIndex
= currentPageIndex + 1;
p.htmlUrl
= htmlUrl;
return
p;
}
2. 创建PageView
类,用于显示每一页的内容,内置一个UIWebView
@interface PageView :
UIViewController<UIWebViewDelegate>
@property
(nonatomic,
strong) UIWebView *webview;
@property
(nonatomic) int pageIndex;
庆吵@property
(nonatomic, strong) NSString *htmlUrl;
@end
@implementation
PageView
-
(void) viewdidload
{
webview
= [[UIWebView alloc ] init];
webview.delegate
= self;
[webview
loarl:htmlUrl];
}
-
(void)webViewDidFinishLoad:( UIWebView
*)theWebView{
NSString
*insertRule = [NSStringstringWithFormat :@ "addCSSRule('html',
'-webkit-column-width: 320px;')"];
[theWebView
:insertRule];
int
pageOffset = pageIndex * 320;
[webView:[NSStringstringWithFormat
:@ "window.scroll(%f,0);",
pageOffset]];
}
@end
现在遇到一个问题,当某个物理文件比如A.xhtmlsize 非常大的时候(比如说2MB), 每次用uiwebview load这个文件需要耗费不可忽视的时间,
导致翻页时下一页会出现短时间的空白(尽管是从本地加载文件)。后来考虑翻页的时候,能不能下一页的uiwebview不重新加载,直接一份当前页的给下一页直接使用。 查阅了一下资料说 uiwebview不支持,此路不通。
没办法,只能转换思路誉弯侍,既然不能拷贝,那就多个页面之间使用同一个uiwebview,具体的做法是:当从A切换到B页面的时候,先将A当前的屏幕截图,然后A页面显示这个图片 ,然后将A的uiwebview add到B的UIView里去。 这时候翻页动画开始,翻页动画的过程中,A是显示一张图片,B因为[B.view addsubview:A.uiwebview]所以显示的是uiwebview(当然,uiwebview要调用一下 js 的window.scroll(xoffset, yoffset)来显示正确的content)。 问题又出现了。 这种情况虽然避免了uiwebview 重新load一份相同的文件。 但是,addsubview 会导致B的view 调用DrawRect 方法, 因为uiwebview 加载的是一个2MB的文件,所以要重新绘制B的view 也是非常耗费时间的, 这也会导致 翻页动画卡顿。
搞到这里,深深的感觉到不会再爱了,iBooks之类的到底是如何处理的才能这么流畅啊!!!转载
⑶ IReport 报表在web中应用怎样实现上一页、下一页的翻页功能 在报表编辑器里预览的时间可以翻页,到web页面
给个邮箱, 我发你的项目
⑷ html5上下滑动“翻页”实现,是真正的翻页
HTML5手机上下滑动翻页特效是一款手机移动端触屏滑动效果实现完整代码如下:
1、html5页面代码
<!DOCTYPE html>
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>HTML5手机页面触屏滑动上下翻页特效</title>
<meta charset="utf-8">
<meta name="apple-touch-fullscreen" content="YES">
<meta name="format-detection" content="telephone=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta http-equiv="Expires" content="-1">
<meta http-equiv="pragram" content="no-cache">
<link rel="stylesheet" type="text/css" href="./hamer_files/main.css">
<link rel="stylesheet" type="text/css" href="./hamer_files/endpic.css">
<script type="text/javascript" src="./hamer_files/offline.js"></script>
<meta name="viewport" content="width=640, user-scalable=no, target-densitydpi=device-dpi">
</head>
<body class="s-bg-ddd pc no-3d perspective yes-3d" style="-webkit-user-select: none;">
<section class="u-alert">
<img style="display:none;" src="./hamer_files/loading_large.gif">
<div class="alert-loading z-move">
<div class="cycleWrap"> <span class="cycle cycle-1"></span>
<span class="cycle cycle-2"></span><span class="cycle cycle-3"></span><span class="cycle cycle-4"></span>
</div>
<div class="lineWrap"> <span class="line line-1"></span><span class="line line-2"></span><span class="line line-3"></span>
</div>
</div>
</section>
<section class="u-arrow">
<p class="css_sprite01"></p>
</section>
<section class="p-ct transformNode-2d transformNode-3d" style="height: 918px;">
<div class="translate-back" style="height: 918px;">
<div class="m-page m-fengye" data-page-type="info_pic3" data-statics="info_pic3" style="height: 918px;">
<div class="page-con lazy-finish" data-position="50% 50%" data-size="cover" style="height: 920px; background-image: url(hamer_files/1.jpg); background-size: cover; background-position: 50% 50%;"></div>
</div>
<div class="m-page m-bigTxt f-hide" data-page-type="bigTxt" data-statics="info_list" style="height: 918px;">
<div class="page-con j-txtWrap lazy-finish" data-position="50% 50%" data-size="cover" style="background-image: url(hamer_files/2.jpg); background-size: cover; background-position: 50% 50%;"></div>
</div>
<div class="m-page m-bigTxt f-hide" data-page-type="bigTxt" data-statics="info_list" style="height: 918px;">
<div class="page-con j-txtWrap lazy-finish" data-position="50% 50%" data-size="cover" style="background-image: url(hamer_files/3.jpg); background-size: cover; background-position: 50% 50%;"></div>
</div>
<div class="m-page m-bigTxt f-hide" data-page-type="bigTxt" data-statics="info_list" style="height: 918px;">
<div class="page-con j-txtWrap lazy-finish" data-position="50% 50%" data-size="cover" style="background-image: url(hamer_files/4.jpg); background-size: cover; background-position: 50% 50%;"></div>
</div>
<div class="m-page m-bigTxt f-hide" data-page-type="bigTxt" data-statics="info_list" style="height: 918px;">
<div class="page-con j-txtWrap lazy-finish" data-position="50% 50%" data-size="cover" style="background-image: url(hamer_files/5.jpg); background-size: cover; background-position: 50% 50%;"></div>
</div>
<div class="m-page m-bigTxt f-hide" data-page-type="bigTxt" data-statics="info_list" style="height: 918px;">
<div class="page-con j-txtWrap lazy-finish" data-position="50% 50%" data-size="cover" style="background-image: url(hamer_files/6.jpg); background-size: cover; background-position: 50% 50%;"></div>
</div>
<div class="m-page m-bigTxt f-hide" data-page-type="bigTxt" data-statics="info_list" style="height: 918px;">
<div class="page-con j-txtWrap lazy-finish" data-position="50% 50%" data-size="cover" style="background-image: url(hamer_files/7.jpg); background-size: cover; background-position: 50% 50%;"></div>
</div>
<div class="m-page m-bigTxt f-hide" data-page-type="bigTxt" data-statics="info_list" style="height: 918px;">
<div class="page-con j-txtWrap lazy-finish" data-position="50% 50%" data-size="cover" style="background-image: url(hamer_files/8.jpg); background-size: cover; background-position: 50% 50%;"></div>
</div>
</div>
</section>
<section class="u-pageLoading">
<img src="./hamer_files/load.gif" alt="loading">
</section>
<script src="./hamer_files/init.mix.js" type="text/javascript" charset="utf-8"></script>
<script src="./hamer_files/coffee.js" type="text/javascript" charset="utf-8"></script>
<script src="./hamer_files/99_main.js" type="text/javascript" charset="utf-8"></script>
</body></html>
2、css代码:
@charset "utf-8";
.ad_foot li { margin:0 auto 1em; font-size:1.8em; padding:15px; background:#FFF;}
.ad_foot li a {display:block;}
.ad_foot li .l {width:75px; height:75px; float:left; overflow:hidden;}
.ad_foot li .l img {width:75px; width:75px;}
.ad_foot li .r {width:78%; float:left; margin-left:30px; color:#666; overflow:hidden;}
.ad_foot li .r p {color:#999; font-size:1.2em; }
.ad_foot li .r span {font-size:0.8em;}
.ad_foot li .r i {font-style:normal;}
.lazy-img, .lazy-finish{background-color:#f0eded;}
.page-list{font-size:20px;font-family: "Microsoft yahei";padding-left:17px;padding-top:30px;height:35px;border-bottom:1px solid #b5b5b5;display:none;}
.ad_foot{padding:15px 15px 0 15px;}
/*声音播放按钮*/
#song_img {width:293px; height:41px; display:block; position:absolute; right:4.1em; top:1.6em; font-size:1.7em; text-align:center; line-height:41px; color:#FFF; background:url(../img/music_c3.png) no-repeat 0 0;}
/*底部推荐*/
.ad_list{margin-top:2em;}.ad_list li {width:46%; background:none; padding:0; float:left;margin-bottom: 1em;}
.ad_list li.r {float:right;}.ad_list li a img {width:100%; height:auto;}
.ad_foot h3 {width:100%; height:48px; line-height:48px; background:#F9F5EC;}
.ad_foot h3 a {display:inline-block; color:#444; width:50%; text-align:center; font-size:1.5em; height:48px; border-bottom:2px solid #FF9240;}
.ad_foot h3 a.active {color:#FFF; background:#FF9240;}
.magazine_1 li {
width:100%;
margin-bottom: 1em;
font-size: 1.8em;
padding: 15px;
background: #FFF;}
.magazine_1 li a {display:block;}
.magazine_1 li .l {width: 75px;
height: 75px;
float: left;
overflow: hidden;}
.magazine_1 li .l img {width:75px; height:75px;}
.magazine_1 li .r {width: 78%;
float: left;
margin-left: 30px;
color: #666;
overflow: hidden;}
.magazine_1 li .r p {
color: #999;
font-size: 1.2em;
.magazine_1 li .r span {font-size:0.8em;}
.ad_foot li .r i {font-style:normal;}
3、运行效果如下:
⑸ 网页常见的几种翻页方式
笔者是PM新人租型,在刚开始接触原型设计时,就不可避免地遇到了翻页设计的问题。网页翻页功能的雏形是从书籍借鉴过来的,之所以需要翻页,原因是内容超出了承载框。对于书本来说,承载框是一页纸张,通常是A8大小,捧在手心阅读刚好合适,而内容则是全部文本。对于网页、APP来说,承载框是模块,通常是根据浏览器尺寸和手机屏幕自适应的。在这里,我总结了一下网页常见的翻页方式。
跟书籍一样的页码翻页是最经典的一种翻页方式。在瀑布流等交互形式还没有流行起来的时候,网站运用的基本上都是页码翻页。
1.页码数字陈列。 页码数字陈列的作用是方便快速定位,通常会列出首页和目前页码附近的页码。
2.逐页翻页。 逐页翻页就是上一页、下一页了,必备的功能。用户鼠标可以定在同一个位置不停点击,无须每次翻页都看一眼页码到哪了。
3.跳进翻页。 跳进可以是跳到最后一页、首页、后十页、任意一页等,现在很少有网站会设计跳到任意一页了,毕竟很少有人记得想要查找的内容具体在哪一页。
以下是豆瓣的翻页设计,我觉得做得很出色。尤其是页码陈列部分,展现的是前2页、后2页和当前页码附近的9页。
1.检索需求较强的功能,比如“我的收藏”“音乐库”等,方便快速定位查找。
2.内容固定的功能,比如资讯网站中,编辑写的长达多页的多图长文,或者网络文学网站里的电子书。
页码翻页最大的缺陷在于每次翻页都需要点击,而且要求点击的精准度高,比如必须点击“下一页”或者某个数字才能翻到想去的页面。对于检索需求弱,且内容不断更新的功能,比如微博,不建议使用页码翻页。
自动瀑布流,指的分段式加载,当用户浏览到已加载的内容底部时,网页会自动加载后续内容。
瀑布流是移动互联网爆发后兴起的交互方式。那个时候,社交网络、碎片化时间的概念如火如荼,很多网站将首页以时间线+订阅的方式呈现,facebook、twitter均使用这种方式。用户上网的目的不再是搜索有用资料,而是随便看看、消磨无聊时间。上网习惯的改变自然带来了瀑布式加载的流行。
用户的主要需求是浏览最新内容,比如资讯订阅类、社交类网站。
由于瀑布流缺乏检索功能,如果用户需要频繁查找老内容,那么瀑布式加载会带来严重阻碍。
手动瀑布流是需要用户手动点击加载按钮,才能获得更多内容的方式。手动瀑布流分为两种情况:向前翻页和向后翻页。向前翻页通常是有时间线有新消息时的pop提醒,向后翻页的结果和自动瀑布流一样,只是会出现一个按钮,需要点击才加载后续内容。
1.向前翻页的瀑布流,适用于被动更新的页面。被动更新指的是当我停留在页面时,接收到了别人更新内容,比如知乎、微博都会提醒你有xx条新内容。
2.向后翻页的瀑布流,适用于功能适合瀑布流,然而底部有内容的网站。比如下图。
不过,我个人不看好向后翻页的瀑布流,虽然不需要像页码那样精准定位,但仍然多出了一次点击的步骤。如果不是有必须放在底部的内容,可以考虑把原来底部的内容以低调的方式放在侧栏。比如像知乎这样——
箭头翻页是页码翻页的简化形式,去掉页码数字,同时把“上一页”“下一页”简化成箭头,如下图。
模块大小固定并且内容较少,通常是展示型模块,比如编辑推荐、今日特价。之所以运用箭头翻页,有三点原因,一是因为模块大小固定不适合会扩大模块长度的瀑布流;二是内容较少没有几页,显示数字页码显得累赘。三是因为展示模块需要稍微华丽的交互效果,而箭头翻页容易做出比较炫的动画效果。
圆点页码是数字页码的简化,即把页码数字变成圆点,当前页码用特殊颜色凸显出来。
演示型模块,比如轮播banner。自动轮换的banner之所以大部分使用圆点页码而非箭头翻页,是为了让用户知晓一共有几张图片,目前是第几张。实际上,圆点页码的提启型悉示功能要多于操作功能。也有网页同时使用圆点和箭头,比如下图——
用户主动翻页需求较强的模块。圆点页码就是为了简洁美观而诞生的,通常比数字页码点击范围小,不适合频繁操作。
锚点滚轮翻页悄乎指的是滚动鼠标滑轮后,页面定位到下一个锚点。例子请见 tumblr的产品介绍页 。这种翻页方式的优点有两个,第一是可以交互动画效果酷炫;第二点是无须点击,轻轻滚动滑轮就直接定位到下一页,非常方便。缺点是开发程序繁琐,不适合网站里大量使用。
具有展示功能的单页,很多个人主页、公司主页都使用锚点滚动翻页。
⑹ 翻页怎么写
1、鼠标在文档中任意地清知方点一槐仔下,再滚动滚轮就可翻页。
2、按键盘上的翻页键可快速翻页。翻页,查看分页文件的上一个页面、下一个页面或任意存在的非当前页面,可答明消以将实体书或者移动Web窗体中的内容进行改变。
⑺ Excel 求助:网页数据抓取的翻页问题如何解决
如果网址中有翻页标识,可以通过生产地址了翻页禅告
如果向ASPX这些没有翻页标识的,可以通过控制网页中的页面跳转来模拟鼠标点击翻页
如通过webbrowers控件把网页导入,控件名webdata
网页上有个文本框名字是pagelist_input,用来填写跳和早转到第几页
通过向文贺棚明本框写入数据
ActiveSheet.WebData.Document.form1.pagelist_input.Value = K 'K是第几页
然后点击网页中的跳转按钮,名字是pagelist
ActiveSheet.WebData.Document.form1.pagelist.Click
这样就实现了翻页
⑻ 如何利用C#的WebBrowser进行网页的翻页
直接根据InnerText属性找到“下一页”元素,然后再模拟点击;
//引用mshtml;
IHTMLDocument2 doc = WB1.Document.DomDocument as IHTMLDocument2;
foreach (IHTMLElement ele in doc2.all)
{
if (ele.innerText == "下一页>")
{
bl_exist = true;
ele.click();
break;
}
}
⑼ Web Scraper 使用教程(九)- 进阶用法(动态加载进行翻页)
此为Web Scraper 使用教程 第九篇: 进阶用法(动态加载进行翻页) 。
之前的教程可以看这里:
1、Web Scraper 使用教程(一)- 安装
2、Web Scraper 使用教程(二)- 基本用法之安装、配置、运行
3、Web Scraper 使用教程(三)- 基本用法(常用选择器类型)
4、Web Scraper 使用教程(四)- 进阶用法(同一个页面爬取多个类型内容)
5、Web Scraper 使用教程(五)- 进阶用法(爬取向下滚动加载页面)
6、Web Scraper 使用教程(六)- 进阶用法(网址有规律变化进行翻页)
7、Web Scraper 使用教程(七)- 进阶用法(点击“翻页器”进行翻页)
8、Web Scraper 使用教程(八)- 进阶用法(点击“更多”进行翻页)
欢迎交流!
⑽ word2003中web版式视图与页面视图转换的问题
被硬生生的隐藏起来了,是被隐藏在了页眉下,你可以在隐藏的前一部分的句末处,一直空格或者回车换行,被隐藏的地方就会显示出来了。
补充回答:你说的这种情况我想象不出来,没有遇到过,从你的描述中我感觉是设置的问题,你这样试一下,行与不行我不知道:打开主菜单——WORD选项——显示——在页面显示选项里的三个选项全部打钩,打印选项的第一项打钩。打开高级选项,在显示选项里,去掉“针对版式……”前面的勾,往下拉,找到“常规”选项,选择“打开时更新自动链接”。
再不行,你把文件拷贝到别的电脑里打开看是否显示正常,如果不正常,是文件的问题,如果正常就是OFFICE的问题了。