導航:首頁 > 萬維百科 > 網站分頁設計

網站分頁設計

發布時間: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中,這樣就可以應付各種分頁情況。

與網站分頁設計相關的知識