导航:首页 > 万维百科 > 网站分页设计

网站分页设计

发布时间:2020-10-27 04:35:56

1、这个是我网页设计最简单的一个分页,能不能帮我添加一个自动缩放的分页形式,只显示当前选定页的前后三页

UIWebView继承与UIView,因此,其初始化方法和一般的view一样,通过alloc和init进行初始化,其加载数据的方式有三种:
第一种:
- (void)loadRequest:(NSURLRequest *)request;
这是加载网页最常用的一种方式,通过一个网页URL来进行加载,这个URL可以是远程的也可以是本地的,例如我加载百度的主页:
UIWebView * view = [[UIWebView alloc]initWithFrame:self.view.frame];
[view loadRequest:[NSURLRequest requestWithURL:[NSURL URLWithString:@"http://www.baidu.com"]]];
[self.view addSubview:view];

会得到如下的效果:

第二种:

- (void)loadHTMLString:(NSString *)string baseURL:(NSURL *)baseURL;
这个方法需要将httml文件读取为字符串,其中baseURL是我们自己设置的一个路径,用于寻找html文件中引用的图片等素材。
第三种:

- (void)loadData:(NSData *)data MIMEType:(NSString *)MIMEType textEncodingName:(NSString*)textEncodingName baseURL:(NSURL *)baseURL;
这个方式使用的比较少,但也更加自由,其中data是文件数据,MIMEType是文件类型,textEncodingName是编码类型,baseURL是素材资源路径。

二、一些常用的属性和变量

@property (nonatomic,assign)id <UIWebViewDelegate> delegate;设置webView的代理

@property (nonatomic,readonly,retain)UIScrollView *scrollView;内置的scrollView

@property (nonatomic,readonly,retain)NSURLRequest *request;URL请求

- (void)reload;重新加载数据

- (void)stopLoading;停止加载数据

- (void)goBack;返回上一级

- (void)goForward;跳转下一级

@property (nonatomic,readonly,getter=canGoBack)BOOL canGoBack;获取能否返回上一级

@property (nonatomic,readonly,getter=canGoForward)BOOL canGoForward;获取能否跳转下一级

@property (nonatomic,readonly,getter=isLoading)BOOL loading;获取是否正在加载数据

- (NSString *):(NSString *)script;通过JavaScript操作web数据

@property (nonatomic)BOOL scalesPageToFit;设置是否缩放到适合屏幕大小

@property (nonatomic)UIDataDetectorTypes dataDetectorTypesNS_AVAILABLE_IOS(3_0);设置某些数据变为链接形式,这个枚举可以设置如电话号,地址,邮箱等转化为链接

@property (nonatomic)BOOL allowsInlineMediaPlaybackNS_AVAILABLE_IOS(4_0);设置是否使用内联播放器播放视频

@property (nonatomic)BOOL _AVAILABLE_IOS(4_0);设置视频是否自动播放

@property (nonatomic)BOOL mediaPlaybackAllowsAirPlayNS_AVAILABLE_IOS(5_0);设置音频播放是否支持ari play功能

@property (nonatomic)BOOL _AVAILABLE_IOS(6_0);设置是否将数据加载如内存后渲染界面

@property (nonatomic)BOOL _AVAILABLE_IOS(6_0);设置用户交互模式

三、iOS7中的一些新特性

下面这些属性是iOS7之后才有的,通过他们可以设置更加有趣的web体验

@property (nonatomic)UIWebPaginationMode paginationModeNS_AVAILABLE_IOS(7_0);
typedef NS_ENUM(NSInteger, UIWebPaginationMode) {
,//不使用翻页效果
,//将网页超出部分分页,从左向右进行翻页
,//将网页超出部分分页,从上向下进行翻页
,//将网页超出部分分页,从下向上进行翻页
//将网页超出部分分页,从右向左进行翻页
};

这个属性用来设置一种模式,当网页的大小超出view时,将网页以翻页的效果展示,枚举如下:

@property (nonatomic)CGFloat pageLengthNS_AVAILABLE_IOS(7_0);设置每一页的长度

@property (nonatomic)CGFloat gapBetweenPagesNS_AVAILABLE_IOS(7_0);设置每一页的间距

@property (nonatomic,readonly)NSUInteger pageCountNS_AVAILABLE_IOS(7_0);获取分页数

四、webView协议中的方法

- (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType;
准备加载内容时调用的方法,通过返回值来进行是否加载的设置
- (void)webViewDidStartLoad:(UIWebView *)webView;开始加载时调用的方法
- (void)webViewDidFinishLoad:(UIWebView *)webView;结束加载时调用的方法

- (void)webView:(UIWebView *)webView didFailLoadWithError:(NSErro

2、求解HTML分页JS的设计和实现

这个用HTML也可以做用JS也可以做,不过这个功能是用后台完成的。

3、c#网页设计!如何实现分页的功能?

可以自己写分页,给你一个思路吧,你可以再视图下面放按钮,上一页下一页这些,然后放lable用于显示当前页和总页数
在你绑定数据的时候,获取你数据源的总行数,然后用你的总行数除以一行显示的数量, 得出的就是你的总页数
第一次进入当前页肯定是1在绑定数据数据时根据当前页和行数从你的数据源中取值,然后将取出的数据绑定你的视图之类的容器中
在点击下一页或者上一页这些时++或--你的当前页,当然最后一页和第一页的时要进行判断的,否则就要出错了
关于从数据源取值,如果可以就为你的数据加上一列标识列,然后根据标识列取值,如果不可以就用笨一点的方法,把你的数据源进行排序,然后循环取值

4、asp 网页设计中分页显示代码

设置页大小为2
=================================================================
我帮你改一下

加入了翻页 等!

<%@LANGUAGE="VBSCRIPT" CODEPAGE="936"%>
<!--#include file="../include/conn.asp" -->
<%

Dim strSql,rs
strSql ="Select * From rbook Order By rbook_register_date Desc"
if Request.QueryString("pageNo")="" then
PageNo=1
elseif IsNumeric(Request.QueryString("pageNo"))=false then
PageNo=1
else
PageNo=clng(Request.QueryString("pageNo"))
end if

Set rs=conn.execute(strSql)
if rs.recordcount=0 then
response.write "<script>alert('数据为空!');history.back();</script>"
response.end
end if
rs.pagesize=2
if PageNo<1 then
PageNo=1
end if
if PageNo>rs.pagecount then
PageNo=rs.pagecount
end if

rs.absolutepage=PageNo
i=0
do while i<rs.pagesize and not rs.eof
%>

<table width="513" border="0" align="center" cellpadding="0" cellspacing="0" bordercolor="#CAD9EA">
<tr>
<td height="62" colspan="4" align="center" valign="middle" bgcolor="#FFFFFF"> </td>
</tr>
<tr>
<td height="238" colspan="2" rowspan="12"><img src="<%=rs("rbook_image")%>" border="1" align="absmiddle" /></td>
</tr>
<tr>
<td width="116" height="40"><strong>书名 </strong></td>
<td width="189" height="40"><%=rs("rbook_name")%></td>
</tr>
<tr>
<td height="40"><strong>作者 </strong></td>
<td height="40"><%=rs("rbook_author")%></td>
</tr>
<tr>
<td height="40"><strong>出版社</strong></td>
<td height="40"><%=rs("rbook_publisher")%></td>
</tr>
<tr>
<td height="40"><strong>类型</strong></td>
<td height="40"><%=rs("rbook_type")%></td>
</tr>
<tr>
<td height="40"><strong>上传用户</strong></td>
<td height="40"><%=rs("rbook_user")%></td>
</tr>
</table>

<%
rs.movenext
i=i+1
loop
%>
<table width="513" border="0" align="center" cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->
<tr>
<td height="30" colspan="10"><div align="right">记录总数:<%=rs.recordcount%> 条 当前页:<%=PageNo%>/<%=rs.pagecount%> 页大小:<%=rs.pagesize%> <a href="?PageNo=1">首页</a> <a href="?PageNo=<%=PageNo-1%>">上页</a> <a href="?PageNo=<%=PageNo+1%>">下页</a> <a href="?PageNo=<%=rs.pagecount%>">末页</a> <input type=text id="goPage" value="<%=PageNo%>" size=2> <input type=button onclick="location='?PageNo='+document.all.goPage.value;" value="GO"></div></td>
</tr>
</table>

5、网页设计中如何实现分页的效果

用GridView空间,里面有自带的分页功能,将属性设置为true,然后在相应的事件里面写数据库的查询代码就可以了!
一、动态网页:这里有一段PHP代码,供参考,我这边运行成功:

1.显示内容部分
<?php
$page=$_GET["page"];
if($page=="")
{$page=1;}
if(is_numeric($page))
{
$page_size=30;
$query="select count(*) as total from solution order by id desc";
$result = mysql_db_query($dbn, $query);
$message_count=mysql_result($result,0,"total");
$page_count=ceil($message_count/$page_size);
$offset=($page-1)*$page_size;
$sql=mysql_db_query($dbn,"select * from solution order by id desc limit $offset,$page_size");
$row=mysql_fetch_object($sql);
if(!$row)
{
echo("No data!");
}
?>
<?php
do
{
?>
</p>
<p>+ <a href="<?php echo $row->pageurl; ?>.html" title="<?php echo $row->pagetitle; ?>"><?php echo $row->pagetitle; ?></a></p>
<?php
}while($row=mysql_fetch_object($sql));
?>
<?php
}
?>

2.分页部分
<?php
if($page!=1)
{
echo "<a href=index.php?page=1>First</a> ";
echo "<a href=index.php?page=".($page-1).">Previous</a> ";
}
if($page<$page_count)
{
echo "<a href=index.php?page=".($page+1).">Next</a> ";
echo "<a href=index.php?page=".$page_count.">End</a>";
}
?>
</span> <span> Current Page:<?php echo $page;?> / <?php echo $page_count;?></span>
<?php
mysql_free_result($sql);
?>

二、静态网页用js:
用JavaScript伪分页,实际上内容还是在同一个页面上。

<div id="page_1">第1页内容</div>
<div id="page_2">第2页内容</div>
<div id="page_3">第3页内容</div>
<div id="page_4">第4页内容</div>
<script type="text/javascript">//<![CDATA[
var curpage=document.hash.substr(1);
for (var i=1;i<=4;++i) {
document.getElementById('page_'+i).style.display=(i==curpage)?'':'none';
}
//]]></script>

然后用 page.htm#1 page.htm#2 page.htm#3 page.htm#4 来链接4页。

6、c#网页设计!如何实现分页的功能?

你可以手写DataView控件里的分页事件的- -

7、Dw网站设计 有主页分页 二级页面 三级页面都要有 包含有很简单的flash动画就行了 急求啊!!!!!

至于分页标签在后台的插入位置要看你自己具体要怎么分页了,在要分页的地方把该标签插入就可以了,这个标签可以自定义,不过尽量要唯一,不要与其他的标签有

8、如何设计api分页

常规的分页方式
API处理分页看似简单,实际上暗藏危机。最常见的分页方式,大概是下面这样的
/users/?page=1&limit=5
//服务端返回
{
"code": 0,
"pagination": {
"page": 1,
"limit": 5,
"total": 10
}
"data": {}
}
最理想的情况下,客户端请求第一页的5条数据,服务端如常返回,比如下图:
拿Twitter的图用一下,假设我们的数据库有10条数据,按照5条一页,正好有2页。
在理想情况下,客户端拉取数据时不会出现任何异常。但,这仅仅是正常情况,如果此时刚好有2条新数据插入。
数据库记录变为13。原来第二页的数据是[5, 4, 3, 2, 1],现在变为[7, 6, 5, 4, 3],我们再一次拿到了第一页的数据。同理,如果用户在拉取数据时正好有数据被删除,一样会出现类似的问题。
根据item_id分页
要解决此类问题,就不能使用常规的分页方式。现在,我们换一个思路,客户端拉取数据时不再传page,改为item_id,我们就把它称为max_id
/users/?max_id=5&limit=5
此时服务端就知道我们上次拉取到了item_id为5的数据,继续在它后面拉取5条, 如下图:
数据可以正常取回,不会再出现上一页中的[6,7]。好了,让我们再一次假设,此时又有8条数据插入了数据库。再一次获取数据
可以看出,再一次出现问题,我们又拿到了上一页的[10,9]。所以,我们得告诉服务端,上一次拿到哪一条数据了。所以继续增加一个since_id字段。
恩,再一次取出了正确的数据。可能你觉得一切都正常了,但还是隐藏了一个致命的缺陷。
上面的数据能正常获取,是因为数据都是一个有序的集合,如果数据无序,且从数据库取出时需要按照某个字段排序,那么一切再次打回原点:所有的分页都乱了。
如何设计分页API
可以看出,两种分页方式都存在问题。所以这两种需求都是必要的,我们需要根据不同的业务场景使用不同的分页方式。
为了不造成客户端的麻烦,我们对api的分页做了一些更改。
{
"code": 0,
"pagination": {
"page": 1,
"next": {
"sinceId": 11,
"maxId": 11
//page: 1
},
"limit": 5,
"total": 10
},
"data": {}
}
我们由服务端来决定如何分页,前端需要做的,只是把next字段直接拼接到url中,这样就可以应付各种分页情况。

与网站分页设计相关的知识