guestbook.aspx

ajax 三层软件开发实例,三层软件开发实例

<%@ Page Language="C#" MasterPageFile="~/UI/MasterPage.master" AutoEventWireup="true" CodeFile="guestbook.aspx.cs" Inherits="UI_guestbook" Title="Untitled Page"  Theme ="default" %>
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
    <asp:ScriptManager id="ScriptManager1" runat="server">
    </asp:ScriptManager>
    <asp:WebPartManager ID="WebPartManager1" runat="server">
    </asp:WebPartManager>
    <script language ="javascript" type ="text/javascript" >
        function val()
        {
           if( window.document .getElementById ('<%=txtCommend.ClientID %>').value=='')
           {
            alert('内容不能为空');
            return false;
           }
        }
    </script>
    <asp:UpdatePanel id="UpdatePanel1" runat="server">
        <contenttemplate>
<DIV style="FLOAT: left; VERTICAL-ALIGN: middle; WIDTH: 200px; HEIGHT: 300px" id="myPhoto"><asp:Panel id="Panel1" runat="server" Height="300px" BorderColor="Silver" BorderWidth="1px" Font-Strikeout="False">&nbsp;&nbsp; <asp:Label id="Label4" runat="server" Width="100%" Text="给我留言！"></asp:Label><BR />&nbsp;&nbsp; <asp:Label id="Label1" runat="server" Text="网名:"></asp:Label><asp:TextBox id="txtName" runat="server" Width="131px"></asp:TextBox><BR />&nbsp;&nbsp; <asp:Label id="Label2" runat="server" Text="信箱:"></asp:Label><asp:TextBox id="txtEmail" runat="server" Width="132px"></asp:TextBox><BR />&nbsp;&nbsp; <asp:Label id="Label3" runat="server" Text="留言内容:"></asp:Label>&nbsp;<BR />&nbsp;&nbsp; <asp:TextBox id="txtCommend" runat="server" Width="180px" Height="100px" BorderColor="Silver" BorderWidth="1px" TextMode="MultiLine"></asp:TextBox>&nbsp;<BR /><BR /><DIV style="BORDER-RIGHT: silver 1px solid; BORDER-TOP: silver 1px solid; MARGIN-LEFT: 5px; BORDER-LEFT: silver 1px solid; WIDTH: 189px; BORDER-BOTTOM: silver 1px solid; HEIGHT: 19px"><asp:Image id="Image1" runat="server" Width="45px" Height="45px" ImageUrl="~/UI/images/head/head1.JPG"></asp:Image> <asp:Image id="Image2" runat="server" Width="45px" Height="45px" ImageUrl="~/UI/images/head/head2.JPG"></asp:Image> <asp:Image id="Image3" runat="server" Width="45px" Height="45px" ImageUrl="~/UI/images/head/head3.JPG"></asp:Image> <asp:Image id="Image4" runat="server" Width="45px" Height="45px" ImageUrl="~/UI/images/head/head4.JPG"></asp:Image></DIV><BR /><asp:Button id="btnSend" onclick="btnSend_Click" runat="server" Width="60px" Text="Send" OnClientClick="val();" SkinID="btnSend"></asp:Button><ajaxToolkit:TextBoxWatermarkExtender id="TextBoxWatermarkExtender1" watermarkText="匿名" runat="server" TargetControlID="txtName">
        </ajaxToolkit:TextBoxWatermarkExtender> </asp:Panel> <BR /></DIV><DIV style="BORDER-RIGHT: silver 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: silver 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 0px; MARGIN-LEFT: 15px; BORDER-LEFT: silver 1px solid; WIDTH: 330px; PADDING-TOP: 2px; BORDER-BOTTOM: silver 1px solid; HEIGHT: 298px" id="info"><asp:panel id="Panel2" runat="server" Width="100%" Height="50px"><asp:label id="Label5" runat="server" Width="100%" Text="留言内容"></asp:label> <DIV style="WIDTH: 330px; HEIGHT: 260px" id="lyList"><asp:DataList id="dlLy" runat="server" UseAccessibleHeader="True"><ItemTemplate>
<DIV style="WIDTH: 100%; HEIGHT: 85px"><DIV style="BORDER-RIGHT: silver 1px solid; BORDER-TOP: silver 1px solid; FLOAT: left; BORDER-LEFT: silver 1px solid; WIDTH: 60px; BORDER-BOTTOM: silver 1px solid; HEIGHT: 60px"><DIV style="MARGIN: 5px"><asp:Image id="lyPic" runat="server" height="50px" width="50px" imageUrl='<%#Eval("pic") %>'></asp:Image></DIV></DIV><DIV style="FLOAT: right; MARGIN-LEFT: 5px; WIDTH: 260px; HEIGHT: 67px"><asp:Label id="lblContent" runat="server" Text='<%# Eval("content") %>'></asp:Label></DIV><DIV style="FLOAT: left; WIDTH: 60px; HEIGHT: 12px">2007/01/31</DIV>
<HR />
</DIV>
</ItemTemplate>
</asp:DataList> </DIV><asp:Label id="lblCurrent" runat="server" ForeColor="Red">1</asp:Label>/<asp:Label id="lblTotalNum" runat="server"></asp:Label>&nbsp;page&nbsp; <asp:ImageButton id="ibtnPrev" onclick="ibtnPrev_Click" runat="server" SkinID="prev"></asp:ImageButton> <asp:ImageButton id="ibtnNext" onclick="ibtnNext_Click" runat="server" SkinID="next"></asp:ImageButton></asp:panel> </DIV>
</contenttemplate>
    </asp:UpdatePanel>

    &nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
</asp:Content>