hxa165 2009-03-16 02:42:03

有点像小说网站哪个上一页和下一页的翻页
上一页：文章名称下一页：文章名称
最好有实例

...全文

260 18 打赏收藏转发到动态举报

写回复

用AI写文章

18 条回复

切换为时间正序

请发表友善的回复…

发表回复

hxa165 2009-03-17

打赏
举报

算了结账了

hxa165 2009-03-16

打赏
举报

楼上的大哥。。。。。。。。。。。

huang_net 2009-03-16

打赏
举报

<%@ Page Language="C#" MasterPageFile="~/Admin/admin.master" AutoEventWireup="true" CodeFile="ListBooksByCategory.aspx.cs" Inherits="Admin_ListBooksByCategory" Title="无标题页" %>

<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
<script src="../JS/JScript.js" type="text/javascript"></script>
<p>
<asp:GridView ID="GridView1" runat="server" Width="100%" AllowPaging="True"
AutoGenerateColumns="False" DataSourceID="objBooks" BackColor="White"
BorderColor="#DEDFDE" BorderStyle="None" BorderWidth="1px" CellPadding="4"
ForeColor="Black" GridLines="Vertical"
onrowdatabound="GridView1_RowDataBound">
<PagerSettings PageButtonCount="5" />
<FooterStyle BackColor="#CCCC99" />
<RowStyle BackColor="#F7F7DE" />
<Columns>
<asp:TemplateField HeaderText="编号" SortExpression="Id" Visible="False">
<EditItemTemplate>
<asp:TextBox ID="TextBox2" runat="server" Text='<%# Bind("Id") %>'></asp:TextBox>
</EditItemTemplate>
<ItemTemplate>
<asp:Label ID="Label2" runat="server" Text='<%# Bind("Id") %>'></asp:Label>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField>
<EditItemTemplate>
<asp:CheckBox ID="CheckBox1" runat="server" />
</EditItemTemplate>
<HeaderTemplate>
<input ID="Checkbox2" type="checkbox" onclick="Check(this)" />全选
</HeaderTemplate>
<ItemTemplate>
<asp:CheckBox ID="CheckBox1" runat="server" />
</ItemTemplate>
</asp:TemplateField>
<asp:BoundField DataField="Title" HeaderText="图书名称" SortExpression="Title" />
<asp:TemplateField HeaderText="图书类别" SortExpression="Cate">
<EditItemTemplate>
<asp:TextBox ID="TextBox1" runat="server" Text='<%# Bind("Cate") %>'></asp:TextBox>
</EditItemTemplate>
<ItemTemplate>
<asp:Label ID="Label1" runat="server" Text='<%# Eval("Cate.Name") %>'></asp:Label>
</ItemTemplate>
</asp:TemplateField>
<asp:HyperLinkField DataNavigateUrlFields="Id"
DataNavigateUrlFormatString="BookDetails.aspx?bookId={0}" HeaderText="详细"
Text="查看" />
</Columns>
<PagerTemplate>
<asp:LinkButton ID="LinkButton1" runat="server" CommandArgument="first"
CommandName="page">首页</asp:LinkButton>
<asp:LinkButton ID="LinkButton2" runat="server" CommandArgument="prev"
CommandName="page">上一页</asp:LinkButton>
<asp:LinkButton ID="LinkButton3" runat="server" CommandArgument="next"
CommandName="page">下一页</asp:LinkButton>
<asp:LinkButton ID="LinkButton4" runat="server" CommandArgument="last"
CommandName="page">尾页</asp:LinkButton>
</PagerTemplate>
<PagerStyle BackColor="#F7F7DE" ForeColor="Black" HorizontalAlign="Center" />
<SelectedRowStyle BackColor="#CE5D5A" Font-Bold="True" ForeColor="White" />
<HeaderStyle BackColor="#6B696B" Font-Bold="True" ForeColor="White" />
<AlternatingRowStyle BackColor="White" />
</asp:GridView>
<asp:ObjectDataSource ID="objBooks" runat="server"
OldValuesParameterFormatString="original_{0}" SelectMethod="GetBooks"
TypeName="MyBookShopBLL.BooksManager"></asp:ObjectDataSource>
将选中图书归入:<asp:DropDownList ID="DropDownList1" runat="server"
DataSourceID="objCate" DataTextField="Name" DataValueField="Id">
</asp:DropDownList>
<asp:Button ID="btnUpdate" runat="server" onclick="btnUpdate_Click"
onclientclick="return accp();" Text="修改" />
<asp:ObjectDataSource ID="objCate" runat="server"
OldValuesParameterFormatString="original_{0}" SelectMethod="GetCate"
TypeName="MyBookShopBLL.CategoriesManager"></asp:ObjectDataSource>
<br />
</p>
<p>
</p>
</asp:Content>

hxa165 2009-03-16

打赏
举报

[Quote=引用 13 楼 zhxhdean 的回复:]
通过id来实现，

SQL code上一页select top 1 id from tbname where id < 当前id order by id desc
下一页select top 1 id from tbname where id> 当前id order by id asc
[/Quote]
这个可以，那有没有可以重新恢复表的自动标识列的断口啊？

jiangnan_010203 2009-03-16

打赏
举报

吴旗娃分页控件可以

zhxhdean 2009-03-16

打赏
举报

通过id来实现，

上一页select top 1 id from tbname where id < 当前id order by id desc

下一页select top 1 id from tbname where id> 当前id  order by id asc

hxa165 2009-03-16

打赏
举报

我说的还是不够清楚嘛
你们给的是一篇文章分几页，我要的就是一遍文章一页前面一页和后面一页是另外两篇文章了
我是按ID（自动增长的）来查询的但是有一条记录被删了原来ID列1，2，3，4，5 变成了1，2，3，5；
在第三篇文章点下一页 ID+1 但是没有4了这个要怎么办啊最好是能修复ID列的方法

liuyeede 2009-03-16

打赏
举报

public string NoHTML(string Htmlstring) //去除HTML标记

    {

        //删除脚本

        Htmlstring = Regex.Replace(Htmlstring, @" <script[^>]*?>.*? </script>", "", RegexOptions.IgnoreCase);

        //删除HTML

        Htmlstring = Regex.Replace(Htmlstring, @" <(.[^>]*)>", "", RegexOptions.IgnoreCase);

        Htmlstring = Regex.Replace(Htmlstring, @"([\r\n])[\s]+", "", RegexOptions.IgnoreCase);

        Htmlstring = Regex.Replace(Htmlstring, @"-->", "", RegexOptions.IgnoreCase);

        Htmlstring = Regex.Replace(Htmlstring, @" <!--.*", "", RegexOptions.IgnoreCase);



        Htmlstring = Regex.Replace(Htmlstring, @"&(quot|#34);", "\"", RegexOptions.IgnoreCase);

        Htmlstring = Regex.Replace(Htmlstring, @"&(amp|#38);", "&", RegexOptions.IgnoreCase);

        Htmlstring = Regex.Replace(Htmlstring, @"&(lt|#60);", " <", RegexOptions.IgnoreCase);

        Htmlstring = Regex.Replace(Htmlstring, @"&(gt|#62);", ">", RegexOptions.IgnoreCase);

        Htmlstring = Regex.Replace(Htmlstring, @"&(nbsp|#160);", " ", RegexOptions.IgnoreCase);

        Htmlstring = Regex.Replace(Htmlstring, @"&(iexcl|#161);", "\xa1", RegexOptions.IgnoreCase);

        Htmlstring = Regex.Replace(Htmlstring, @"&(cent|#162);", "\xa2", RegexOptions.IgnoreCase);

        Htmlstring = Regex.Replace(Htmlstring, @"&(pound|#163);", "\xa3", RegexOptions.IgnoreCase);

        Htmlstring = Regex.Replace(Htmlstring, @"&(copy|#169);", "\xa9", RegexOptions.IgnoreCase);

        Htmlstring = Regex.Replace(Htmlstring, @"&#(\d+);", "", RegexOptions.IgnoreCase);



        Htmlstring.Replace(" <", "");

        Htmlstring.Replace(">", "");

        Htmlstring.Replace("\r\n", "");

        Htmlstring = HttpContext.Current.Server.HtmlEncode(Htmlstring).Trim();



        return Htmlstring;

    }

  public string OutputBySize(string p_strContent)//分页函数

    {

        string m_strRet = "";

        int m_intPageSize = 2500;//文章每页大小

        int m_intCurrentPage = 1;//设置第一页为初始页

        int m_intTotalPage = 0;

        int m_intArticlelength = NoHTML(p_strContent).Length;//文章长度

        if (m_intPageSize < m_intArticlelength)

        {//如果每页大小大于文章长度时就不用分页了

            if (m_intArticlelength % m_intPageSize == 0)

            {//set total pages count

                m_intTotalPage = m_intArticlelength / m_intPageSize;

            }

            else

            {//if the totalsize

                m_intTotalPage = m_intArticlelength / m_intPageSize + 1;

            }

            if (Request.QueryString["pages"] != null)

            {//set Current page number

                try

                {//处理不正常的地址栏的值

                    m_intCurrentPage = Convert.ToInt32(Request.QueryString["pages"]);

                    if (m_intCurrentPage > m_intTotalPage)

                 

                        m_intCurrentPage = m_intTotalPage;

                 

                }



                catch

                {

                    m_intCurrentPage = m_intCurrentPage;

                }

            }

            //set the page content 设置获取当前页的大小

            if (m_intCurrentPage < m_intTotalPage)

            {

                m_intPageSize = m_intCurrentPage < m_intTotalPage ? m_intPageSize : (m_intArticlelength - m_intPageSize * (m_intCurrentPage - 1));

                m_strRet += p_strContent.Substring(m_intPageSize * (m_intCurrentPage - 1), m_intPageSize);

            }

            else if(m_intCurrentPage == m_intTotalPage )

            {

                int mm_intPageSize=m_intArticlelength - m_intPageSize * (m_intCurrentPage - 1);

                m_strRet += p_strContent.Substring(m_intArticlelength - mm_intPageSize);

            }

       

            string m_strPageInfo = " <p> </p>";

            for (int i = 1; i <= m_intTotalPage; i++)

            {

                if (i == m_intCurrentPage)

                    m_strPageInfo += "第" + i + "页 | ";

                else

                    m_strPageInfo += " <a href=news_id" + Request.QueryString["wzid"] + "_pages" + i + ".html>" + i + " </a>｜";

            }

            //输出显示各个页码

            this.labPageNumber.Text = m_strPageInfo;



        }

        else

        {

            m_strRet += p_strContent;

        }

        return m_strRet;

    }



    protected void Page_Load(object sender, EventArgs e)

    {

  SqlDataReader dr = shuju.duquzt(Int32.Parse(Request.QueryString["wzid"]));

        if (dr == null) return;

        if (dr.Read())

        {

            this.labContent.Text = OutputBySize(dr["wzcontent"].ToString());//调用该函数

...

zzxap 2009-03-16

打赏
举报

zzxap 2009-03-16

打赏
举报

js 如下：

var currentSet,CutFlag,TotalByte,PageCount,key,tempText,tempPage;
key="";
currentSet=0;
var Text=xmlArticle.selectSingleNode("//Content").text;
TotalByte=Text.length;

if (flag==1)
{
PageCount=Math.round(TotalByte/PageSize);
if(parseFloat("0."+TotalByte%PageSize)>0){
if(parseFloat("0."+TotalByte%PageSize)<0.5){
PageCount=PageCount+1;
}
}
var PageNum=new Array(PageCount+1);
var PageTitle=new Array(PageCount+1);
PageNum[0]=0;
PageTitle[0]="";

var sDrv1,sDrv2,sDrv3,sDrv4,sFlag;
var sDrvL,sTemL;
var sTem1,sTem2,k;
sFlag=0;

for(j=1;j<PageCount+1;j++){
PageNum[j]=PageNum[j-1]+PageSize;
PageTitle[j]="";
//alert(j);
sDrv1="<br>";
sDrv2="<BR>";
sDrv3="<Br>";
sDrv4="<bR>";
sDrvL=sDrv1.length;
for(k=PageNum[j];k<=TotalByte;k++){
sTem1=Text.substring(PageNum[j]-sDrvL,k);
sTemL=sTem1.length;
sTem2=sTem1.substring(sTemL-sDrvL,sTemL)
if (sTem2==sDrv1 || sTem2==sDrv2 || sTem2==sDrv3 || sTem2==sDrv4)
{
sFlag=sFlag+1;
PageNum[j]=k;
break;
}
}
if (PageNum[j]>TotalByte)
{
break;
}
}
if (j<PageCount)
{
PageNum.length=j;
PageCount=j
}
if (PageCount>1&&sFlag>1&&PageCount<sFlag)
{
PageCount=sFlag+1;
}
}
else{
//手动分页
var j,sFlag,PageCount,sText;
var sTitleFlag;
var PageNum=new Array();
var PageTitle=new Array();

PageSize=0;
j=1;
PageNum[0]=-10;
PageTitle[0]="";
sFlag=0;
sText=Text;

do
{
sText=Text.substring(PageNum[j-1]+10,TotalByte);

sFlag=sText.indexOf("[NextPage");

if (sText.substring(sFlag+9,sFlag+10)=="=")
{
sTitleFlag=sText.indexOf("]",sFlag);
PageTitle[j]=sText.substring(sFlag+10,sTitleFlag);
}
else{
PageTitle[j]="";
}

if (sFlag>0)
{
PageNum[j]=sFlag+PageNum[j-1]+10;
}
else{
PageNum[j]=TotalByte;
}

j+=1;
}
while (PageNum[j-1]<TotalByte);

PageCount=j-1;
}

function text_pagination(Page){
var Output,Byte;

if(Page==null){Page=1;}

Output="";
Output=Output+"<table width=100% height=30 border=0 align=center cellpadding=0 cellspacing=0>";
Output=Output+"<tr>";
Output=Output+"<td height=1 background=Images/DotLine.gif></td>";
Output=Output+"</tr>";

//头部功能导航条
Output=Output+"<tr>";

//正文查找
//Output=Output+"<td align=left width='40%'> ";
//Output=Output+"<input type=text name=keys onchange='key=this.value' size=12> <input type=button name=search value='查找正文' onclick='searchkey();' style='width:60'><br>";
//Output=Output+"</td>";

//Output=Output+"<td align=right>";

//页码显示方式一
//第x页：分页标题
// if (Page==0 || PageCount==0){
// Output=Output+"当前是：<font color=red>全文显示</font>" ;
// }
// else{
// if(TotalByte>PageSize){Byte=PageNum[Page]-PageNum[Page-1]}else{Byte=TotalByte};
// Output=Output+"第 <font color=red>"+Page+"</font> 页";
// if (PageTitle[Page]!="")
// {
// Output=Output+"：<font color=800000>"+PageTitle[Page]+"</font>";
// }
// Output+=' ';
// }

//显示方式二
//下拉菜单选择
//if (PageCount>0)
//{
// Output=Output+Article_PageNav(2,Page);
// Output=Output+" </td>";
//}

//显示方式三
//页码选择列表
// Output=Output+"<td align=right bgcolor=#f0faff>";
// Output=Output+Article_PageNav(0,Page);
// Output=Output+"</td>";
//
// Output=Output+"</tr>";
// Output=Output+"<tr>";
// Output=Output+"<td height=10 background=Images/DotLine.gif></td>";
// Output=Output+"</tr>";
// Output=Output+"</table>";

//显示正文
if(Page==0) {
//不分页
tempText=Text;
}
else{
//分页
if (flag==1)
//自动分页
{
tempText=Text.substring(PageNum[Page-1],PageNum[Page]);
}
else{
//手动分页
if (PageTitle[Page-1].length==0)
{
tempText=Text.substring(PageNum[Page-1]+10,PageNum[Page]);
}
else{
tempText=Text.substring(PageNum[Page-1]+11+PageTitle[Page-1].length,PageNum[Page]);
}
}
}
Output=Output+"<div id=world>";
Output=Output+tempText;
Output=Output+"</div>";
Output=Output+"<br>";

Output=Output+"<div align=center>";
Output=Output+Article_PageNav(0,Page);
Output=Output+"</div>";

article.innerHTML = Output;
if (Page>1)
{
document.location.href='#top';
}
eval(document.all.keys).value=key;
if (key!=""){searchkey();}
}

function searchkey(){
//正文查找函数

h="<font class=keyworld>";
f="</font>";
keyset=new Array();
key=document.all.keys.value;
if (key==""){
alert("请输入关键字！");
return;
}
else{
keyset[0]=tempText.indexOf(key,0);
if (keyset[0]<0){
return;
}else
temp=tempText.substring(0,keyset[0]);
temp=temp+h+key+f;
temp2=tempText.substring(keyset[0]+key.length,tempText.length);
for (i=1;i<tempText.length;i++) {
keyset[i]=tempText.indexOf(key,keyset[i-1]+key.length);
if(keyset[i]<0){
temp=temp+tempText.substring(keyset[i-1]+key.length,tempText.length);
break;
}else{
temp=temp+tempText.substring(keyset[i-1]+key.length,keyset[i])+h+key+f;
}
}
world.innerHTML = temp;
}
}

zzxap 2009-03-16

打赏
举报

加入代码中

<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td style="line-height:150%;" class="zi1">

<DIV id=article></DIV>
<xml id=xmlArticle>
<Article>
<Info>
<Content>
<![CDATA[<%=trim(rs("Comment"))%>]]>
</Content>
</Info>
</Article>
</xml></P>

</td>
</tr>
</table></td>
</tr>
</table>


<SCRIPT language=Javascript>
PageSize=1500;
flag=1;
</SCRIPT>
<SCRIPT language=Javascript
src="daoxiao.js"></SCRIPT>
<SCRIPT language=JavaScript>
text_pagination(1);
</SCRIPT>


</td>
</tr>
</table>

liuyeede 2009-03-16

打赏
举报

用Css实现的长文章分页方案：

<html>

<head>

<title>呷友网-网页特效-文本特效-CSS实现文章自动分页</title>

<meta http-equiv="content-Type" content="text/html;charset=gb2312">

<!--把下面代码加到<head>与</head>之间-->

<style type="text/css">

#frameContent{

    width:500px;/*调整显示区的宽*/

    height:200px;/*调整显示区的高*/

    font-size:14px;

    line-height:20px;

    border:1px solid #000000;

    overflow-pageINdex:hidden;

    overflow-y:hidden;

    word-break:break-all;

}

a{

    font-size:12px;

    color:#000000;

    text-decoration:underline;

}

a:hover{

    font-size:12px;

    color:#CC0000;

    text-decoration:underline;

}

</style>

</head>

<body>

<!--把下面代码加到<body>与</body>之间-->

<div id="frameContent">

  <p>　　北京奥运会颁奖礼仪服装共十六款。其中男装一款作为升旗手制服。女装十五款分为五个系列，每一系列分别按照嘉宾引导员、运动员引导员和托盘员的不同职能设计了三个不同款式。在奥运会的302场和残奥会的472场颁奖仪式上，这五个系列的礼服将分别出现在不同的场馆及比赛中。</p>

  <p>　　“青花瓷”系列使用在国家游泳中心水立方、顺义水上公园和青岛等所有水上项目的颁奖仪式中。设计灵感取自世界闻名的中国青花瓷器。中国传统乱针绣的运用形象逼真地再现了青花瓷的晕染效果。鱼尾裙的廓形设计凸显了中国女性的柔美曲线。</p>

  <p>　　宝蓝系列使用在体操、室内球类比赛和击剑等项目的颁奖现场。服装采用温润典雅的宝蓝色作为礼服主色，腰间饰有采用传统盘金绣制作的腰封，图案选用最具中国传统文化审美意趣和美好愿望的吉祥纹样——江山海牙纹、牡丹花纹，凸显了鲜明的中国特色和民族风格。同时也向全世界人民展示了中国最高超的刺绣工艺。中式的立领配以西式的肩部设计尽现中国女性落落大方的高贵气质。</p>

  <p>　　国槐绿系列丝缎礼服使用在自行车、射击、现代五项等项目的颁奖仪式上。礼服寓意蓬勃朝气的生命和郁郁葱葱的环境，体现了与自然和谐发展的美好愿望及坚守“绿色奥运”的决心。立体银线绣制的吉祥牡丹和契合女性柔美曲线的卷曲花纹，更显身段的婀娜多姿和东方女性的恬静气质。</p>

  <p>　　“玉脂白”系列将出现在国家体育场、所有的室外球类比赛以及香港马术比赛中。它巧妙地呼应了奥运奖牌金镶玉的理念，彩绣腰封和玉佩的设计，既是中国玉文化的完美再现又是对传统旗袍设计的一次创新。层次丰富的绿色与牙白色丝绸面料的质感完美搭配，更突出了中国女性内敛、含蓄的特质。</p>

  <p>　　粉红色系列主要出现在拳击、举重、摔跤等力量型比赛中，以传统盘金绣工艺制作的宝相花图案腰饰，分割出完美的人体比例。领部的设计突出了颈部的优美线条，同时以粉色的柔美来中和比赛的阳刚之气。</p>

  <p>　　升旗手服装与青花瓷礼服遥相呼应，在体现中国传统文化的同时又不失阳刚之气，将出现在所有的奥运会和残奥会比赛场馆中。</p>

  <p>　　所有的奥运礼服和升旗手制服都绣有“Beijing 2008”的字样。</p>

  <p>　　“十分具有中国文化特色”是国际奥委会对这些服装的第一评价。2007年5月23日，由北京奥组委主办、中国服装设计师协会和北京市工业促进局协办的北京奥运会颁奖礼仪服装设计征集活动启动后，共收到有效作品305份，包括服装成衣137套、效果图168份。投稿作品中包括全国“十佳”设计师投稿127份，服装设计专业院校投稿80份。</p>

  <p>　　2007年8月2日—3日，经过初评和复评。由北京奥组委领导、中国艺术及服装设计界专家、国际奥委会形象景观专家及冠军运动员代表组成的评审小组共选出成衣作品30件，包括托盘员礼服8件、嘉宾引导员礼服7件、运动员引导员礼服10件、升旗手制服5件。2007年8月至2008年2月，北京奥组委组织专家召开了十余次方案修改研讨会。入围设计师在专家组的指导下多次修改方案、制作样衣。并先后于2007年11月8日和08年2月3日两次上报北京奥组委执委会审议。最终方案于2008年2月底通过国际奥委会审批。（张宇）</p>

</div>

<br>

<div id="pages" style="font-size:12px;"></div>

<script language="javascript">

var obj = document.getElementById("frameContent");//获取内容层

var pages = document.getElementById("pages");//获取翻页层

window.onload = function()//重写窗体加载的事件

{

    var allpages = Math.ceil(parseInt(obj.scrollHeight)/parseInt(obj. offsetHeight));//获取页面数量

    pages.innerHTML = "<b>共"+allpages+"页</b> ";//输出页面数量

    for (var i=1;i<=allpages;i++){

        pages.innerHTML += "<a href=\"javascript:showPage('"+i+"');\">第"+i+"页</a> ";

//循环输出第几页

    }

}

function showPage(pageINdex)

{

    obj.scrollTop=(pageINdex-1)*parseInt(obj.offsetHeight);//根据高度，输出指定的页

}

</script>

</body>

</html>