Giáo trình Xây dựng ứng dụng Web - Hệ thống thông tin

Cơ bản về ngôn ngữ HTML

* Cấu trúc

HTML bao gồm 3 thẻ để xác định cấu trúc của trang web bao gồm:

* Thẻ dạng văn bản

Mặc dù có rất nhiều thẻ để định dạng văn bản, những thẻ sau đây là những thẻ cơ

bản nhất mà gần như bất cứ một trang web nào cũng phải sử dụng:

: bắt đầu một đoạn văn bản mới


: xuống dòng

,

, : đặt dòng văn bản nằm trong cặp thẻ là tiêu đề

(heading).

* Thẻ ghi chú

Cũng như các ngôn ngữ lập trình, để cho phép người viết trang web đặt những ghi

chú dành riêng cho mình vào trong trang web, HTML cung cấp thẻ ghi chú. Đây là thẻ

đặc biệt so với những thẻ khác:

Giáo trình Xây dựng ứng dụng Web - Hệ thống thông tin trang 1

Trang 1

Giáo trình Xây dựng ứng dụng Web - Hệ thống thông tin trang 2

Trang 2

Giáo trình Xây dựng ứng dụng Web - Hệ thống thông tin trang 3

Trang 3

Giáo trình Xây dựng ứng dụng Web - Hệ thống thông tin trang 4

Trang 4

Giáo trình Xây dựng ứng dụng Web - Hệ thống thông tin trang 5

Trang 5

Giáo trình Xây dựng ứng dụng Web - Hệ thống thông tin trang 6

Trang 6

Giáo trình Xây dựng ứng dụng Web - Hệ thống thông tin trang 7

Trang 7

Giáo trình Xây dựng ứng dụng Web - Hệ thống thông tin trang 8

Trang 8

Giáo trình Xây dựng ứng dụng Web - Hệ thống thông tin trang 9

Trang 9

Giáo trình Xây dựng ứng dụng Web - Hệ thống thông tin trang 10

Trang 10

Tải về để xem bản đầy đủ

pdf 178 trang duykhanh 8400
Bạn đang xem 10 trang mẫu của tài liệu "Giáo trình Xây dựng ứng dụng Web - Hệ thống thông tin", để tải tài liệu gốc về máy hãy click vào nút Download ở trên

Tóm tắt nội dung tài liệu: Giáo trình Xây dựng ứng dụng Web - Hệ thống thông tin

Giáo trình Xây dựng ứng dụng Web - Hệ thống thông tin
 
Công ty du lịch sẽ sử dụng Web Services được cung cấp đó để tiến hành đặt vé tàu 
lửa, máy bay và đặt phòng cho chuyến du lịch theo yêu cầu của khách hàng. 
Hình 7-2 Mô hình phối hợp hoạt động giữa các ứng dụng 
Web Services là một chuẩn mới để xây dựng và phát triển ứng dụng phân tán, có 
khả năng làm việc trên mọi hệ điều hành, mở rộng khả năng phối hợp giữa các ứng 
dụng, có thể tái sử dụng, tăng cường sự giao tiếp giữa Client và Server thông qua môi 
trường Web. 
Chương 7: Web Services 
KHOA CÔNG NGHỆ THÔNG TIN 163 
Hình 7-3 XML là định dạng chuẩn giữa các Web Services 
7.2. Xây dựng Web services 
7.2.1. Tạo Web Services trong Visual studio .Net 
Trong phần này, chúng ta sẽ xây dựng một Web Service đơn giản có tên 
webService1, với phương thức Add, Subtract, Multiply, Divide. 
Từ project chuột phải chọn Add -> New Items từ thực đơn ngữ cảnh của Project. 
Chọn mục Web Service (ASMX) trong khung Template. Đổi tên Web Service cần tạo 
thành WebService1.asmx. 
Hình 7-4 Tạo mới Web Service 
Chương 7: Web Services 
KHOA CÔNG NGHỆ THÔNG TIN 164 
Trong cửa sổ viết lệnh, có một phương thức mẫu được tạo sẵn là phương thức 
HelloWorld. 
Hình 7-2: Giao diện sau khi tạo Web service thành công 
Nhận thấy rằng trước phương thức HelloWorld có sẵn từ khóa . 
Chúng ta sẽ bổ sung vào phương thức: 
public class WebService1 : System.Web.Services.WebService 
 { 
 [WebMethod] 
 public int Add(int a, int b) 
 { 
 return (a + b); 
 } 
 [WebMethod] 
 public System.Single Subtract(System.Single A, System.Single B) 
Chương 7: Web Services 
KHOA CÔNG NGHỆ THÔNG TIN 165 
 { 
 return (A - B); 
 } 
 [WebMethod] 
 public System.Single Multiply(System.Single A, System.Single B) 
 { 
 return A * B; 
 } 
 [WebMethod] 
 public System.Single Divide(System.Single A, System.Single B) 
 { 
 if (B == 0) return -1; 
 return Convert.ToSingle(A / B); 
 } 
 } 
7.2.2. Kiểm tra Web Service 
Sau khi xây dựng thành công Web Service, trước khi đưa vào sử dụng, chúng ta 
cũng nên tiến hành kiểm tra Web Service. Các Web Service được xây dựng trong 
Visual Studio.Net tự động phát sinh ra các trang kiểm tra tương ứng. Để thực hiện điều 
này, ta chọn WebService1.asmx làm trang khởi động, nhấn F5 để thi hành ứng dụng. 
Chương 7: Web Services 
KHOA CÔNG NGHỆ THÔNG TIN 166 
Hình 7-5 Giao diện kiểm tra Web Service 
Trang kiểm tra Web Service sẽ liệt kê các phương thức hiện có trong Web Service 
được chọn thi hành. Chọn từng phương thức cần kiểm tra. Ở đây, chúng ta chọn 
phương thức Add. Xuất hiện màn hình nhập các tham số cho phương thức: 
Hình 7-6 Giao diện nhập tham số kiểm tra Web Service 
Nhập các tham số cần thiết và nhấn nút Invoke để thi hành, chúng ta sẽ thấy xuất hiện 
trang kết quả như hình bên dưới. 
Chương 7: Web Services 
KHOA CÔNG NGHỆ THÔNG TIN 167 
Hình 7-7 Kết quả sau khi chọn Invoke để thực hiện phương thức 
7.3. Sử dụng Web services 
Sau khi hoàn tất việc xây dựng, kiểm tra độ tin cậy và tính chính xác của Web Service, 
chúng ta sẽ tiến hành đưa Web Service đi vào sử dụng. 
Để sử dụng một Web Service, Client cần phải biết Web Service đó hỗ trợ những 
phương thức nào, phương thức cần có những tham số nào, kết quả trả về ra sao 
Những thông tin này của một Web Service được mô tả bởi tài liệu WSDL (Web 
Service Description Language). WSDL là định dạng chuẩn để mô tả các Web Service, 
sử dụng ngôn ngữ XML. 
Chúng ta có thể xem WSDL của một Web Service bằng cách thêm vào chuỗi tham 
số wsdl vào sau chuỗi URL. 
7.3.1. Sử dụng Web Services do người dùng xây dựng 
Sử dụng Web Service do chúng ta xây dựng tương tự như việc sử dụng các lớp đối 
tượng. 
Ví dụ: 
protected void Page_Load(object sender, EventArgs e) 
 { 
 webService1.WebService1SoapClient w = new 
webService1.WebService1SoapClient(); 
 Label1.Text = w.Add(5, 8).ToString(); 
 } 
Chương 7: Web Services 
KHOA CÔNG NGHỆ THÔNG TIN 168 
7.3.2. Sử dụng Web Services được cung cấp miễn phí trên mạng 
Để biết được những Web Services được cung cấp miễn phí trên mạng, các bạn có thể 
dùng google để thực hiện tìm kiếm. Ở đây, chúng tôi giới thiệu đến các bạn trang: 
 cung cấp khá nhiều các Web Services hữu ích. 
Trong phần này, chúng tôi sẽ hướng dẫn bạn sử dụng các Web Services để lấy thông 
tin tỷ giá ngoại tệ, thông tin thời tiết, các thành phố chính của một quốc gia và các đơn 
vị tiền tệ của các quốc gia trên thế giới. 
Các bước thực hiện: 
Bước 1. Chọn Add Web Reference từ thực đơn ngữ cảnh của ứng dụng 
 Bước 2. Nhập thông tin đường dẫn của WebService, nhấn để thực hiện việc xác 
thực Web Service. (ví dụ:  
Bước 3. Nếu Web Service được xác thực thành công, thông tin mô tả về Web 
Service sẽ được hiển thị ngay phía bên dưới. 
Bước 4. Đặt tên tham chiếu cho WebService: Web reference name. 
Bước 5. Nhấn Add Reference để hoàn tất tham chiếu WebService. 
Bước 6. Thiết kế màn hình 
Hình 7-8 Giao diện Add Web Service vào project 
Chương 7: Web Services 
KHOA CÔNG NGHỆ THÔNG TIN 169 
Mở trang Default.aspx kéo thả 1 control Label vào có id=”Label1” và code xử lý như 
sau: 
protected void Page_Load(object sender, EventArgs e) 
 { 
 webService1.WebService1SoapClient w = new 
webService1.WebService1SoapClient(); 
 Label1.Text = w.Add(5, 8).ToString(); 
 } 
7.4. Xây dựng Web services truy xuất dữ liệu 
Web Service: wbsListsinhvien.asmx 
Trong phần này, chúng ta phối hợp các lớp xử lý đã có để xây dựng Web service hiển 
thị danh sách sinh viên. Trong ví dụ minh họa dưới đây, chúng ta xây dựng ba thủ tục: 
Bước 1: Tạo Web Service với tên wbsListsinhvien.asmx 
Bước 2: Viết code hiển thị danh sách sinh viên vào đối tượng DataTable 
public class wbsListsinhvien : System.Web.Services.WebService 
 { 
 [WebMethod] 
 public DataTable Danh_Sach_SV() 
 { 
 ClsData cls = new ClsData(); 
 DataTable dt = new DataTable(); 
 string str = "SELECT top 20 MSSV,HO+' '+TEN as 'Họ 
tên',MAL,PHAI,NGAYSINH,NOISINH,DCLL,PHONE FROM SINHVIEN"; 
 dt = cls.getTable(str); 
 if (dt.Rows.Count > 0) 
 return dt; 
 else 
Chương 7: Web Services 
KHOA CÔNG NGHỆ THÔNG TIN 170 
 return null; 
 } 
 } 
Bước 3: Chạy kiểm tra web Service hoạt động với tên vừa tạo 
(wbsListsinhvien.asmx) 
Bước 4: Add Web Service vào References của project và đặt tên là list_sinhvien 
Bước 5: Tạo 1 trang web với tên sinhvien.aspx với 1 control Gridview và code xử lý 
như sau: 
public partial class sinhvien : Page 
 { 
 protected void Page_Load(object sender, EventArgs e) 
 { 
 wbsListsinhvien sv = new wbsListsinhvien(); 
 if(!IsPostBack) 
 { 
 this.GridView1.DataSource = sv.Danh_Sach_SV(); 
 this.GridView1.DataBind(); 
 } 
 } 
 } 
Bước 6: Chạy trang sinhvien.aspx và xem kết quả 
Chương 7: Web Services 
KHOA CÔNG NGHỆ THÔNG TIN 171 
Hình 7-9 Kết quả xem danh sách sinh viên qua Web Service 
7.5. Bài tập 
1. Áp dụng Web Service cho phép người dùng thao tác thêm sinh viên mới. 
2. Áp dụng Web Service cho phép người dùng thao tác xóa sinh viên. 
3. Áp dụng Web Service cho phép người dùng thao tác sửa thông tin của một sinh viên. 
4. Áp dụng Web Service cho phép người dùng thao tác tìm kiếm thông tin của 1 sinh 
viên. 
5. Vận dụng web Service lấy thông tin thời tiết online? 
6. Vận dụng web Service lấy thông tin tỷ giá USD online? 
KHOA CÔNG NGHỆ THÔNG TIN 172 
TÀI LIỆU THAM KHẢO 
[1] Nguyễn Minh Đạo, “Giáo trình Lập trình Web với ASP.NET”, ĐHQG TP.HCM, 
2014. 
[2] Phạm Thi Vương, “Tài liệu hướng dẫn thực hành công nghệ Web ASP.Net”, 
ĐHQG TP.HCM, 2019. 
[3] William Penberthy, “Beginning asp.net for visual studio 2015”, Wrox, 2016. 
[4] https://docs.microsoft.com/en-us/visualstudio/?view=vs-2019, 12/8/2020. 
KHOA CÔNG NGHỆ THÔNG TIN 173 
DANH MỤC HÌNH ẢNH 
Hình 1-1 Sử dụng chung phần tài nguyên server ........................................................ 14 
Hình 1-2 Tách biệt hệ thống quản lý database ........................................................... 14 
Hình 1-3 Mô hình máy chủ load balancer .................................................................. 15 
Hình 1-4 Mô hình Accelertor ..................................................................................... 16 
Hình 1-5 cấu hình master-slave database replicate .................................................... 17 
Hình 3-1 Kết quả hộp thoại hỏi tên người dùng ......................................................... 34 
Hình 3-2 Kết quả tính tổng ........................................................................................ 36 
Hình 3-3 Kết quả vòng lặp for ................................................................................... 41 
Hình 3-4 Kết quả xuất mảng ...................................................................................... 45 
Hình 3-5 Kết quả sử dụng hàm tính toán ................................................................... 47 
Hình 3-6 Kết quả hàm chuyển đổi chuỗi .................................................................... 48 
Hình 3-7 Kết quả chuyển số nguyên ........................................................................... 49 
Hình 3-8 Kết quả chuyển số thực ............................................................................... 50 
Hình 3-9 Dưới đây là mô hình cây DOM ................................................................... 51 
Hình 3-10 Kết quả sử dụng sự kiện ............................................................................ 57 
Hình 4-1 Internet Information Services ...................................................................... 61 
Hình 4-2 Bảng cấu hình mặt định website .................................................................. 61 
Hình 4-3 Bảng kiểm tra website ................................................................................. 62 
Hình 4-4 Địa chỉ để nhập vào trang web mới............................................................. 62 
Hình 4-5 Thư mục gốc website ................................................................................... 63 
Hình 4-6 Net Phatform .............................................................................................. 63 
Hình 4-7 Kiến trúc .Net Framework........................................................................... 64 
Hình 4-8 Mô hình truy cập trang ASP.NET ................................................................ 69 
Hình 4-9 Quá trình xử lý tập tin ASPX ....................................................................... 70 
Hình 4-10 Tạo mới poject web ................................................................................... 71 
Hình 4-11 Chọn thông tin cho project ........................................................................ 71 
Hình 4-12 Các phiên bản làm việc cho web asp.net ................................................... 72 
Hình 4-13 Màn hình Microsoft Visual Studio .Net ..................................................... 72 
Hình 4-14 Kết quả chạy lần đầu ................................................................................ 73 
Hình 4-15 cửa sổ Solution Explorer ........................................................................... 74 
Hình 4-16 Property/Toolbox ...................................................................................... 76 
Hình 4-17 Các điều khiển HTML trên thanh công cụ ................................................. 77 
Hình 4-18 Trang Columns ......................................................................................... 93 
Hình 4-19 Trang Paging ............................................................................................ 95 
Hình 4-20 Trang Format ........................................................................................... 96 
Hình 4-21 Hình canh chỉnh Borders .......................................................................... 97 
Hình 4-22 Danh sách nhân viên sắp xếp .................................................................. 100 
Hình 4-23 Kết quả phân trang ................................................................................. 101 
Hình 4-24 Bổ sung cột phái ..................................................................................... 102 
Hình 4-25 Giao diện tạo các lệnh thêm/ xóa/ sửa .................................................... 105 
Hình 4-26 Hiển thị danh sách sản phẩm .................................................................. 114 
Hình 4-27 Giao diện thiết kế DataList ..................................................................... 121 
Hình 5-1 Mối quan hệ giữa Session và Application .................................................. 130 
KHOA CÔNG NGHỆ THÔNG TIN 174 
Hình 5-2 Mô hình làm việc của Cookies .................................................................. 133 
Hình 5-3 Thông báo lỗi trang .................................................................................. 140 
Hình 5-4 Trang lỗi, không hiển thị mã lỗi ................................................................ 140 
Hình 5-5 Thông báo lỗi trang ASP.NET ................................................................... 140 
Hình 6-1 Kiến trúc ADO.NET .................................................................................. 143 
Hình 6-2 Mô hình kết nối cơ sở dữ liệu .................................................................... 144 
Hình 7-1 Kiến trúc web Services .............................................................................. 161 
Hình 7-2 Mô hình phối hợp hoạt động giữa các ứng dụng ....................................... 162 
Hình 7-3 XML là định dạng chuẩn giữa các Web Services ....................................... 163 
Hình 7-4 Tạo mới Web Service ................................................................................ 163 
Hình 7-5 Giao diện kiểm tra Web Service ................................................................ 166 
Hình 7-6 Giao diện nhập tham số kiểm tra Web Service .......................................... 166 
Hình 7-7 Kết quả sau khi chọn Invoke để thực hiện phương thức ............................. 167 
Hình 7-8 Giao diện Add Web Service vào project .................................................... 168 
Hình 7-9 Kết quả xem danh sách sinh viên qua Web Service ................................... 171 
KHOA CÔNG NGHỆ THÔNG TIN 175 
DANH MỤC BẢNG BIỂU 
Bảng 3-1 Bảng các toán tử ........................................................................................ 38 
Bảng 3-2 Bảng một số sự kiện trong javascript .......................................................... 57 
Bảng 3-3 Bảng một số sự kiện có sẵn của đối tượng .................................................. 57 
Bảng 4-1 Phân loại tập tin ......................................................................................... 73 
Bảng 4-2 Thuộc tính chung của web Control ............................................................. 80 
Bảng 4-3 Bảng thuộc tính chung Button, ImageButton, LinkButton ........................... 82 

File đính kèm:

  • pdfgiao_trinh_xay_dung_ung_dung_web_he_thong_thong_tin.pdf