ASP Lab Guide 3

ASP Lab Guide 3 – C0607L 90 phút tiếp – Step by step Hướng dẫn làm DataGrid trong ASP Buớc 1: Tạo CSDL Authors trong SQL Server Tạo bảng Authors Field 1: Au_ID (int, Primary Key, identity(1,1) - tự động tăng) Field 2: Author (varchar(20)) Field 3: YearBorn (int) Sau đó nhập dữ liệu vào trong CSDL Dùng Query Analyser để viết câu truy vấn Bước 2: Tạo thư mục DataGrid trong wwwroot Tạo site tên là DataGrid trong DreamWeaverMX (ASP Javascript, thư mục gốc là DataGrid) Bước 3: Tạo các file như hướng dẫn dưới đây và lưu vào thư mục DataGrid File Connection.asp: Chứa các thông tin kết nối tới CSDL của bạn, và được incude vào các trang còn lại File Display.asp: Hiển thị dữ liệu dưới dạng bảng File AddForm.asp: Hiển thị form để thêm dữ liệu File Add.asp: File này dùng để xử lý dữ liệu từ file AddForm.asp sau đó đưa dữ liệu vào trong CSDL File UpdateForm.asp: Hiển thị form để cập nhật dữ liệu, hiện thị thông tin chi tiết của một bản ghi từ trang Display.asp File Update.asp: File này dùng để xử lý dữ liệu từ file UpdateForm.asp sau đó cập nhật dữ liệu vào trong CSDL File DeleteSome.asp: File này dùng để xóa nhiều bản ghi dựa vào sô đánh dấu trong checkbox File DeleteOne.asp: File này dùng để xóa một bản ghi trên từng dòng DeleteOne.asp UpdateForm.asp DeleteSome.asp AddForm.asp 1. Kết nối tới CSDL (Connection.asp) -Đầu tiên tạo bạn phải tạo file Connection.asp -File này chứa tất cả các thông tin kết nối tới CSDL của bạn. -Các file khác trong ứng dụng của bạn phải include tới file Connection.asp để tạo ra sự kết nối tới CSDL -Chúng ta sẽ dùng connection tới SQL Server, các bạn có thể nghiên cứu thêm về việc dùng Access Nội dung của file Connection.asp như sau: <% var oConn; // Khởi tạo đối tượng kết nối và tạo kết nối ADO tới CSDL SQL Server Authors oConn = Server.CreateObject("ADODB.Connection"); oConn.Open("Provider=SQLOLEDB;Server=ten_server;Database=authors;UID=sa;PWD=sa"); // Khởi tạo đối tượng kết nối và tạo kết nối ADO tới CSDL Access Authors // Ánh xạ CSDL Access authors thành một đường dẫn vật lý //var filePath; //filePath = Server.MapPath("authors.mdb"); //oConn = Server.CreateObject("ADODB.Connection"); //oConn.Open("Provider=Microsoft.Jet.OLEDB.4.0;Data Source=" +filePath); %> 2.Hiển thị dữ liệu (Display.asp) -Đặt tên file là Display.asp -File này hiển thị tất cả dữ liệu trong bảng authors dưới dạng và cung cấp các đường link cho phép ta có thể thêm dữ liệu, cập nhật và xóa dữ liệu Nội dung của file Display.asp như sau: Display Record //Hàm này dùng để xử lý khi ta click vào nút Delete Some function DeleteLinks() { if (confirm("Are you sure to delete?")) { document.frmDelete.action = "DeleteSome.asp"; document.frmDelete.submit(); } } <% // Khai báo một đối tượng Recordset var oRs = Server.CreateObject("ADODB.Recordset"); //Khai báo biến chứa câu truy vấn và gán giá trị cho nó var strSQL; strSQL = "SELECT * FROM authors"; //Thi hành câu truy vấn thông qua phương thức Execute của đối tượng connection oConn //được include vào file Display.asp từ file Connection.asp oRs = oConn.Execute(strSQL); %> Add New Author ID Author Name Year Born   <% // Dùng vòng lặp while để hiền thị bản ghi, vòng lặp sẽ duyệt tât các bản ghi trong recordset và đưa // vào thành từng dòng của bảng, thân vòng lặp là các thẻ , dữ liệu của các trường được đưa vào // thẻ while (!oRs.eof) { %> "> "> "> "> ">Delete One ">Update <% oRs.MoveNext(); } %> disabled> (You must select the checkbox to delete more than one record) <% // Đóng kết nối CSDL va RecordSet oRs.Close(); oConn.Close(); %> 3.Thêm dữ liệu vào bảng (AddForm.asp và Add.asp) -Thêm dữ liệu vào CSDL được thực hiện qua hai file AddForm.asp và Add.asp -File AddForm.asp dùng để hiển thị giao diện form cho phép bạn có thể nhập giữ liệu và gửi tới file Add.asp để xử lý. -File Add.asp chứa các câu lệnh asp dùng để xử lý giữ liệu gửi từ file AddForm.asp tới, cụ thể nó sẽ đưa dữ liệu bạn vừa gửi vào database Nội dung của file AddForm.asp như sau: Add Record Insert Record Author Name: Year Born:   Nội dung của file Add.asp như sau: <% //Lấy giá trị từ trang AddForm.asp bằng đối tượng Request var vAuName = Request("txtAuName"); var vAuBirth = Request("txtAuBirth"); var strSQL; // Thêm bản ghi vào CSDL, chúng ta dùng phương thức Execute của đối tượng Connection // để thi hành câu truy vấn insert giá trị lấy từ trang AddForm vào bảng Authors strSQL = "INSERT INTO Authors (Author, YearBorn) VALUES (' "+vAuName+ " ' "+","+vAuBirth+")"; oConn.Execute(strSQL); // Nếu thêm dữ liệu thànnh công thì sẽ chuyển hướng sang trang Display.asp oConn.Close(); Response.Redirect("Display.asp"); %> 4.Cập nhật dữ liệu vào bảng (UpdateForm.asp và Update.asp) -File UpdateForm.asp: Hiển thị form để cập nhật dữ liệu, hiện thị thông tin chi tiết của một bản ghi từ trang Display.asp và gửi tới file UpdateForm.asp để xử lý. -File Update.asp chứa các câu lệnh asp dùng để xử lý giữ liệu gửi từ file UpdateForm.asp tới và sẽ cập nhật sự sửa đối của bản ghi chi tiêt được hiển thị trên trang UpdateForm.asp Nội dung của file UpdateForm.asp như sau: Update Record Form <% // Lấy giá trị vAuID trên form từ trang Display để lấy ra thông tin chi tiết của một author // thông qua ID của author đó var AuID = Request.QueryString("vAuID"); // Thi hành câu truy vấn và lấy kết quả chi tiết dựa vào giá AuID lấy ở trên và đưa vào một // Recordset var oRs = Server.CreateObject("ADODB.Recordset"); strSQL = "SELECT * FROM authors WHERE Au_ID = " + AuID ; oRs = oConn.Execute(strSQL); %> Update Record Author Name: "> " size="30"> Year Born: " size="15">   <% // Đóng kết nối CSDL và RecordSet oRs.Close(); oConn.Close(); %> Nội dung của file Update.asp như sau: <% // Lấy thông tin từ trang UpdateForm.asp gửi sang var vAuName = Request.Form("txtAuName"); var vAuBirth = Request.Form("txtAuBirth"); var vAuID = Request.Form("AuID"); var strSQL; //Cập nhật bản ghi vào CSDL chúng ta dùng phương thức Execute của đối tượng Connection //để thi hành câu truy vấn update vào bảng author, thông qua các giá trị ta lấy ở trên strSQL = "UPDATE authors SET Author = "+" ' "+vAuName+" ' "+", YearBorn = "+vAuBirth +" WHERE au_id = " + vAuID ; oConn.Execute(strSQL); // Nếu cập nhật thành công thì sẽ chuyển hướng sang trang Display.asp oConn.Close(); Response.Redirect("Display.asp"); %> 5.Xóa dữ liệu từ bảng (DeleteOne.asp và DeleteSome.asp) -File DeleteOne.asp: File này dùng để xóa một bản ghi trên từng dòng của dựa trên Au_ID của bản ghi đó -File DeleteSome.asp: File này dùng để xóa nhiều bản ghi dựa vào số đánh dấu trong checkbox, mối checkbox sẽ lưu trữ một Au_ID Nội dung của file DeleteOne.asp như sau: <% // Lấy giá tri vAuID truyền qua URL từ trang Display.asp tới trang DeleteOne.asp // để làm điều kiện xóa bản ghi của câu truy vấn var AuID = Request.QueryString("vAuID"); var strSQL; // Xóa bản ghi trong CSDL chúng ta dùng phương thức Execute của đối tượng Connection // để thi hành câu truy vấn Delete strSQL = "DELETE FROM Authors WHERE Au_ID = "+AuID; oConn.Execute(strSQL); // Nếu xóa thành công thì sẽ chuyển hướng sang trang Display.asp oConn.Close(); Response.Redirect("Display.asp"); %> Nội dung của file DeleteSome.asp như sau: <% // Lấy giá tri vAuID trong các hộp checkbox mình đánh vào từ trang Display.asp tới trang // để làm điều kiện xóa bản ghi của câu truy vấn var vAuID = Request.Form("chkAuID"); var strSQL; // Xóa bản ghi trong CSDL chúng ta dùng phương thức Execute của đối tượng Connection // để thi hành câu truy vấn Delete strSQL = "DELETE FROM Authors WHERE Au_ID IN (" + vAuID + ")"; oConn.Execute(strSQL); // Nếu xóa thành công thì sẽ chuyển hướng sang trang Display.asp oConn.Close(); Response.Redirect("Display.asp"); %> 30 phút tiếp – Step by step Vẫn dùng CSDL trên và tạo bảng Books Bảng Books có cấu trúc như sau: Book_ID int, Primary key, identity(1,1) Au_ID khóa ngoại tham chiếu tới bảng Authors BookName nvarchar(50) Tạo một trang tìm kiếm Sách theo tác giả