Thiết kế giao diện

Một phần của tài liệu CÔNG NGHỆ WEB NÂNG CAO XÂY DỰNG WEBSITES VỚI ASP.NET 2.0 (Trang 41)

Sub Menu chứa liên kết đến với các trang liên quan khác trong mục Sản phẩm: Chủ đề, tác giả, nhà xuất bản, sách.

<asp:Content ID="Content1" ContentPlaceHolderID="menuPlaceHolder"

Runat="Server"> <h5>Menu</h5>

<ul class="Actions">

<li><a href="ChuDeList.aspx">Danh sách chủ đề</a></li> <li><a href="ChuDeAdd.aspx">Thêm mới chủ đề</a></li> </ul>

<li>

<a href="TacGiaList.aspx">Danh sách tác giả</a> </li>

<li><a href="TacGiaAdd.aspx">Thêm mới tác giả</a></li> </ul> <ul class="Actions"> <li><a href="NhaXuatBanList.aspx"> Danh sách nhà xuất bản</a> </li> <li><a href="NhaXuatBanAdd.aspx"> Thêm mới nhà xuất bản</a> </li>

</ul>

<ul class="Actions">

<li class="Selected"><a href="SachList.aspx"> Danh sách Sách</a>

</li>

<li><a href="SachAdd.aspx">Thêm mới Sách</a></li> </ul>

</asp:Content>

Chức năng search sách theo tên sách, chủ đề, nhà xuất bản, tác giả. Trong đó tên sách là TextBox, còn lại là DropDownList.

<div style="display:table-cell; width:70%;float:left;"> Tên sách:

<asp:TextBox ID="txt_TenSach" runat="server"></asp:TextBox>

Chủ đề: <asp:DropDownList ID="ddl_ChuDe"

CssClass="DropDownList" runat="server"></asp:DropDownList>

NXB: <asp:DropDownList ID="ddl_NXB"

CssClass="DropDownList" runat="server"></asp:DropDownList>

Tác giả: <asp:DropDownList ID="ddl_TacGia"

CssClass="DropDownList" runat="server"></asp:DropDownList>

<asp:Button ID="btn_Search" runat="server"

Text="Tìm kiếm" /> </div>

Danh sách Sách sẽ đƣợc biểu diễn bằng một Repeater gồm có các cột: Mã, tên sách, chủ đề, hình ảnh, đơn giá, nhà xuất bản, tác giả, sửa và xóa. Trong đó, cột sửa là liên kết đến trang chỉnh sửa Sách, cột xóa là các CheckBox để ngƣời dùng chọn để xóa.

<asp:Repeater ID="Repeater1" runat="server"

OnItemDataBound="Repeater1_ItemDataBound"> <HeaderTemplate>

<table cellspacing="1" cellpadding="3" width="100%"

bgcolor="#cccccc" border="0"> <thead> <tr class="listtableheader"> <th>Mã</th> <th>Tên Sách</th> <th>Chủ đề</th> <th>Hình Ảnh</th> <th>Đơn giá</th> <th>Nhà xuất bản</th> <th>Tác giả</th> <th>Sửa</th>

<th><input id="cb_All" type="checkbox" onclick="CheckAll(1);" /> <a href="javascript:CheckAll(2)"> Chọn hết</a> </th> </tr> </thead> <tbody> </HeaderTemplate> <ItemTemplate> <tr>

<td><asp:Literal ID="lit_Ma" runat="server" /></td> <td><asp:HyperLink ID="hyp_TenSach"

runat="server"></asp:HyperLink></td>

<td><asp:Literal ID="lit_MaCD" runat="server" /></td> <td>

<asp:Image ID="img_HinhAnh" runat="server" /> </td>

<td><%#Eval("DonGia") %></td>

<td><asp:Literal ID="lit_MaNXB" runat="server" /></td> <td><asp:Literal ID="lit_MaTG" runat="server" /></td> <td><asp:HyperLink ID="hpl_Edit" Text="Edit"

runat="server" /></td> <td>

<asp:CheckBox ID="cb_Xoa" runat="server" /> <asp:HiddenField ID="hf_id" runat="server" /> </td> </tr> </ItemTemplate> <FooterTemplate> </tbody> </table> </FooterTemplate> </asp:Repeater>

Sử dụng control ASPNetPager để phân trang cho danh sách sản phẩm.

<pagerv2:pagerv2_8 ID="hyperlinkPager" runat="server" ]

GenerateFirstLastSection="true" OnCommand="pager_Command"

GeneratePagerInfoSection="false" GenerateSmartShortCuts="false" GenerateHiddenHyperlinks="false" NormalModePageCount="5" />

Một phần của tài liệu CÔNG NGHỆ WEB NÂNG CAO XÂY DỰNG WEBSITES VỚI ASP.NET 2.0 (Trang 41)