Bài Thực hành Asp.Net - Buổi 4+5 - Trang: 1 Mở Bai3.2 thực hiện các công việc sau:

1. Tạo CSDL có tên CSDL_CHINH và các bảng

2. Dùng Flash Slideshow Builder v4.5.1:

• Tạo file slideshowanh1.html để có slideshow hình ảnh • Chèn slideshow hình ảnh vào masterpage.master

3. Sửa lại file masterpage.master như sau:

Nhớ tạo Link từ Menu đến các trang : <asp:Menu ID="Menu1" runat="server">

<Items> <asp:MenuItem Text="Trang Chính" Value="Trang Chính" NavigateUrl="~/chinh.aspx"></asp:MenuItem> <asp:MenuItem Text="Tin Thể Thao" Value="Tin Thể Thao"></asp:MenuItem> <asp:MenuItem Text="Vi Tính" Value="Vi Tính"></asp:MenuItem> <asp:MenuItem Text="Lịch Thi" Value="Lịch Thi" NavigateUrl="~/lichthi.aspx"></asp:MenuItem>

</Items> </asp:Menu>

4. Tạo MasterPage2.master như sau:

Chèn vào đây 1 AdRotator

Slideshow ảnh

Menu

Menu

Bài Thực hành Asp.Net - Buổi 4+5 - Trang: 2

5. Tạo trang quantri.aspx • Gọi trang masterpage2.master • Phần Content như sau:

6. Sửa trang Login: Để khi Login với Username=”abc”; Pass=”123” thì vào trang quantri.aspx

7. Trang chinh.aspx:

• Gọi MasterPage.master • Nội dung trong Content là:

o <h2>Trang Giới thiệu</h2><br /> o <h1>Phần này chỉ mới giới thiệu có bấy nhiêu thôi. Bạn thông cảm.</h1><br /> o <a href="http:\\hui.edu.vn" title="ĐHCN TP.HCM">Bạn ghé thăm HUI</a>

8. Tạo các trang lichthi.aspx, thethao.aspx, vitinh.aspx để người dùng xem dữ liệu Ví dụ trang lichthi.aspx: Khi người dùng đang ở trang chinh.aspx và chọn Lịch thi thì trang

lichthi.aspx sẽ hiển thị như sau

Bài Thực hành Asp.Net - Buổi 4+5 - Trang: 3 Gợi ý: <div>

<asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:ketnoicsdl %>" SelectCommand="SELECT * FROM [LICHTHI]"> </asp:SqlDataSource> <asp:GridView ID="GridView1" runat="server" DataSourceID="SqlDataSource1" AutoGenerateColumns="False" DataKeyNames="tinthu" > <Columns> <asp:BoundField DataField="tinthu" HeaderText="Tin thứ" ReadOnly="True" SortExpression="tinthu" /> <asp:BoundField DataField="tieude" HeaderText="Tiêu đề" SortExpression="Tiêu đề" /> <asp:BoundField DataField="noidung" HeaderText="Nội dung" /> <asp:BoundField DataField="ngay" HeaderText="Ngày" /> </Columns> </asp:GridView>

</div>

Bạn có thể sử dụng chế độ Design để tạo các cột mới trong GridView

9. Tạo các trang lichthi2.aspx, thethao2.aspx, vitinh2.aspx để người quản tr ị nhập dữ liệu

Ví dụ trang lichthi2.aspx

Gợi ý: Lichthi2.aspx: <div style="height: 400px"> Cập nhật dữ liệu cho CSDL của table LICHTHI <br /> <hr /> <asp:SqlDataSource ID="SqlData1" runat="server" ConnectionString="<%$ ConnectionStrings:ketnoicsdl %>" SelectCommand="SELECT * FROM [LICHTHI]" > </asp:SqlDataSource> <asp:GridView ID="GridView1" runat="server" DataSourceID="SqlData1" AutoGenerateColumns="False"> <Columns>

<asp:BoundField DataField="tinthu" HeaderText="Thứ tự bài" SortExpression="tinthu" /> <asp:BoundField DataField="tieude" HeaderText="Tiêu đề" SortExpression="tieude" />

<asp:BoundField DataField="noidung" HeaderText="Nội dung" SortExpression="noidung" /> <asp:BoundField DataField="duongdan" HeaderText="File"

Bài Thực hành Asp.Net - Buổi 4+5 - Trang: 4

SortExpression="duongdan" /> <asp:BoundField DataField="ngay" HeaderText="Ngày" SortExpression="ngay" /> <asp:CommandField HeaderText="Xóa" ShowDeleteButton="True" ShowHeader="True" /> <asp:CommandField HeaderText="Sửa" ShowEditButton="True" ShowHeader="True" /> </Columns> </asp:GridView> <hr /> <center> Tạo bài viết mới</center><br /> Bài thứ: <asp:TextBox ID="txttin" runat="server"></asp:TextBox> <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ErrorMessage="Bạn phải nhập số thứ tự bài" ControlToValidate="txttin"> </asp:RequiredFieldValidator> <br /> Tiêu đề : <asp:TextBox ID="txttd" runat="server" /> <br /> <br /> <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ErrorMessage="Bạn phải nhập tiêu đề" ControlToValidate="txttd"> </asp:RequiredFieldValidator> <br /> <asp:FileUpload ID="FileUpload1" runat="server" /> <br /> Nội dung: <asp:TextBox ID="txtnd" runat="server" Height="112px" TextMode="MultiLine" Width="583px"></asp:TextBox> <asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server" ErrorMessage="Bạn phải nhập nội dung" ControlToValidate="txtnd"> </asp:RequiredFieldValidator> <br /> <center> <asp:Button ID="btnnhap" runat="server" Text="Lưu" onclick="btnnhap_Click" /> <asp:Button ID="btnvechinh" runat="server" Text="Về Trang Chính" onclick="btnvechinh_Click" /> </center> </div>

Lichthi2.aspx.cs: public partial class lichthi2 : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { } protected void btnnhap_Click(object sender, EventArgs e) { if (FileUpload1.HasFile) { FileUpload1.SaveAs(Server.MapPath("Upload/") + FileUpload1.FileName.Trim()); } SqlConnection ketnoi2 = new SqlConnection(@"Data Source=.\SQLEXPRESS;AttachDbFilename=D:\BAI TAP\web\BaiTH\Bai3.2\App_Data\CSDL_CHINH.mdf;Integrated Security=True;User Instance=True"); ketnoi2.Open(); string sql = "INSERT INTO LICHTHI(tinthu, tieude, Duongdan, noidung, ngay ) VALUES(@tinthu, @tieude, @duongdan, @noidung, @ngay) "; SqlCommand cmd = new SqlCommand(sql, ketnoi2); cmd.Parameters.AddWithValue("@tinthu", txttin.Text.Trim() + ""); cmd.Parameters.AddWithValue("@tieude", txttd.Text.Trim() + ""); cmd.Parameters.AddWithValue("@duongdan", "upload/" + FileUpload1.FileName.Trim()); cmd.Parameters.AddWithValue("@noidung", txtnd.Text + "" ); cmd.Parameters.AddWithValue("@ngay", DateTime.Today.ToShortDateString()); cmd.ExecuteScalar(); ketnoi2.Close(); GridView1.DataSourceID = "SqlData1" ; GridView1.DataBind(); } protected void btnvechinh_Click(object sender, EventArgs e) { Response.Redirect("chinh.aspx"); } }