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:

Trang 1

Trang 2

Trang 3

Trang 4

Trang 5

Trang 6

Trang 7

Trang 8

Trang 9

Trang 10
Tải về để xem bản đầy đủ
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
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:
giao_trinh_xay_dung_ung_dung_web_he_thong_thong_tin.pdf

