Thiết kế trang Web quản lý Công chức – Tiền lương
Trang - 1 -
LỜI MỞ ĐẦU
Ngày nay, công nghệ thông tin đã phát triển mạnh mẽ trên thế giới cũng như ở
nước ta. Có thể nói mọi hoạt động hằng ngày của chúng ta không thể tách rời khỏi
công nghệ thông tin. Bên cạnh đó, công nghệ thông tin phát triển đã đem lại cho
chúng ta sự thuận lợi, sự tiết kiệm thời gian nhờ vào Internet, đó là sức mạnh trong
thời đại công nghiệp hố, hiện đại hố của nước ta.
Theo xu hướng chung của thời đại, ngày nay mọi hoạt động kinh doanh đều
dựa trên Internet để phát triển, kể cả những đơn vị hành chính sự nghiệp cũng muốn
có những trang Web riêng để có thể truyền tải những thông tin cần thiết của mình đến
nhiều người hơn nhờ mạng Internet.
Dựa vào những nhu cầu đó, em muốn thực hiện đề tài “ Thiết kế trang Web
quản lý công chức – tiền lương” cho Ủy ban nhân dân Tỉnh Bình Thuận.
Đề tài được xây dựng với mục đích giúp tiết kiệm thời gian và nâng cao năng
suất làm việc của các cán bộ trong cơ quan.
PHẦN I: CƠ SỞ LÝ THUYẾT
CHƯƠNG I: NGÔN NGỮ HTML
I.1. Khái niệm:
HTML ( HyperText Markup Language) là ngôn ngữ định dạng văn bản siêu
liên kết. Sự định dạng dựa trên các thẻ (TAG) hoặc các đoạn mã đặc biệt để đánh dấu
một văn bản, một file ảnh, hoặc một đoạn phim,... giúp cho trình duyệt Web thông
dịch và hiển thị chúng lên màn hình. HTML có những phần mở rộng rất quan trọng
cho phép những liên kết hypertext từ một tài liệu này tới một tài liệu khác (có thể là
một đoạn văn bản, cũng có thể là một file ảnh, ...).
I.2. Cấu trúc cơ bản của một file HTML :
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY>
<H1>Đây là một đầu đề</H1>
</BODY>
</HTML>
Thiết kế trang Web quản lý Công chức – Tiền lương
Trang - 2 -
Theo cấu trúc đã trình bày như trên ta thấy một file HTML chia thành hai phần
cơ bản:
- Phần đầu: được bao bởi hai tag <HEAD> và </HEAD>. Tại đây định nghĩa tên
(hay được gọi là tiêu đề) của trang Web. Phần này được hiển thị trên thanh tiêu đề của
trang Web được khai báo giữa hai tag <TITLE> và </TITLE>.
- Phần thân: được bao bởi hai tag <BODY> và </BODY>, trình bày nội dung
thể hiện trên trang Web. Các nội dung cần hiển thị hoặc xử lý trên trang Web sẽ được
định nghĩa trong phần BODY của file HTML. Để cho các trang Web được sinh động
hơn, ngôn ngữ HTML còn bao gồm rất nhiều tag dùng cho việc định trang, liên kết
các trang với nhau, thêm hình ảnh vào trang, ….
I.3. Các thẻ (tag) của HTML:
- Có hai loại tag cơ bản là: tag mang thông tin (container tag) và tag rỗng
(empty tag).
+ Một số tag mang thông tin:
<HEAD> … </HEAD>: hiển thị thông tin trên thanh tiêu đề của cửa sổ trình duyệt.
<BODY> … </BODY>: hiển thị nội dung, đề mục, hình ảnh …
<TITLE> … </TITLE>: hiển thị tựa đề trang Web.
<TABLE> … </TABLE>: thiết kế để chứa tất cả các thành phần cần thiết để tạo một
bảng.
<CAPTION> … </CAPTION>: tạo tựa đề cho bảng.
<TR> … </TR>: tạo hàng.
<TD> … </TD>: tạo cột.
<FONT> … </FONT>: cho phép điều khiển kích thước font và màu của chữ.
+ Tag rỗng (empty tag):
<BR>: buộc trình duyệt ngắt dòng tại một vị trí nào đó.
<HR>: đặt một đuờng mờ ngang qua bề rộng của cửa sổ trình duyệt Web.
<IMG>: chèn một tập tin hình ảnh lên trang Web.
Thiết kế trang Web quản lý Công chức – Tiền lương
Trang - 3 -
CHƯƠNG II: TỔNG QUAN VỀ ASP
II.1. Tìm hiểu công nghệ ASP:
a. Giới thiệu:
- ASP (Microsoft Active Server Pages) là một môi trường kịch bản trên máy
chủ dùng để tạo ra và chạy các ứng dụng Web động, tương tác và có hiệu quả cao.
ASP hoạt động dựa vào các script do người lập trình tạo ra.
- ASP xây dựng sẵn một thư viện cho phép giao tiếp với cơ sở dữ liệu thông
qua ODBC (Open Database Conectivity) gọi là ADO (ActiveX Data Object). Hiện
nay thư viện ADO là một trong những công cụ mạnh nhất trong việc phát triển các
ứng dụng Web.
b. Hoạt động của trang ASP:
- Trang ASP là trang Web trong đó có kết hợp các thành phần HTML, ActiveX
Component và Script ASP. Có thể xem trang ASP như một trang HTML có bổ sung
các lệnh kịch bản ASP.
- Khi một trang ASP được trình duyệt Web yêu cầu, đầu tiên Web server sẽ
duyệt tuần tự trang ASP này và chỉ thực hiện dịch những câu lệnh kịch bản ASP, kết
quả trả về cho trình duyệt dưới dạng một trang HTML.
II.2. Mô hình ứng dụng cơ sở dữ liệu trên Web qua công nghệ ASP:
- Thao tác giữa client và server trong một ứng dụng Web có thể được thể hiện
khái quát như sau:
Web server
DB server
Client
Trình duyệt
Web ASP A
D
O
O
L
E
D
P
O
D
B
C
DBMS
SQL
server
Thiết kế trang Web quản lý Công chức – Tiền lương
Trang - 4 -
a. Web server:
Là nơi tiếp nhận và trả lời các yêu cầu của người dùng Web (client), đồng thời
cũng thực hiện việc kết nối đến hệ quản trị cơ sở dữ liệu (DBMS) trên Database
server theo yêu cầu truy cập dữ liệu của trang ASP. ADO cung cấp giao diện lập trình
cho người phát triển xây dựng các lệnh truy cập cơ sở dữ liệu. Các lệnh này được
chuyển đến cho hệ DBMS để thi hành thông qua các thành phần OLEDB (và ODBC).
Kết quả truy vấn dữ liệu sẽ được Web server đưa ra hiển thị trên trình duyệt.
b. Database server:
Là nơi diễn ra việc thực thi các thao tác trên cơ sở dữ liệu như truy vấn, cập
nhật, cũng như đảm bảo tính tồn vẹn dữ liệu của hệ DBMS.
c. Browser:
Giao diện với người dùng là nơi tiếp nhận yêu cầu của người dùng, cũng như
hiển thị kết quả yêu cầu. Ngồi, ra trình duyệt còn là nơi kiểm tra sơ bộ tính hợp lệ của
dữ liệu trước khi chuyển đến cho Web server.
II.3. Cấu trúc và cách tạo trang ASP:
- Trang ASP đơn giản là trang văn bản với phần mở rộng .asp, gồm có ba phần:
+ Văn bản (Text)
+ Thẻ HTML
+ Các đoạn kịch bản ASP
- Sử dụng trang HTML có sẵn để tạo trang ASP bằng cách thêm vào các lệnh
kịch bản ASP cần thiết và đổi phần mở rộng của tên tập tin thành .asp.
- Khi thêm một đoạn kịch bản vào trang HTML để đánh dấu nơi kịch bản ASP
bắt đầu và kết thúc, dùng cặp lệnh <% … %>.
- Những lệnh nằm giữa <% … %> phải sử dụng ngôn ngữ viết kịch bản chính
thức quy định cho trang đó. VBScript là ngôn ngữ mặc định của ASP. Nếu muốn sử
dụng một ngôn ngữ khác (như JavaScript chẳng hạn) thì cần phải định nghĩa ngôn
ngữ tại đầu mỗi trang ASP như sau:
%@LANGUAGE = tên ngôn ngữ %.
- Các biến không cần khai báo mà tự xác định khi gán giá trị cho nó.
- Muốn in ra các biến trong Web, sử dụng mã sau: <%=s %>
- Để làm việc với hệ thống tập tin, thao tác với cơ sở dữ liệu, cần phải sử dụng
các đối tượng ActiveX của ASP.
II.4. Các đối tượng và thành phần xây dựng sẵn của ASP:
Thiết kế trang Web quản lý Công chức – Tiền lương
Trang - 5 -
1. Các đối tượng (object) của ASP:
Đối tượng là những đoạn chương trình có khả năng thực hiện một số công việc
cơ bản nào dó. Mỗi đối tượng là một kết hợp giữa lập trình và dữ liệu. Các đối tượng
ASP cho phép giao tiếp, tương tác với cả máy chủ (Web server) lẫn trình duyệt
(Browser).
Có 6 đối tượng cơ bản trong ASP:
♦ Request: cho phép lấy thông tin thông qua một yêu cầu HTTP. Những thông
tin này gồm có các tham số của Form khi được Submit bằng phương thức POST hay
GET, hoặc các tham số được chia cùng với trang ASP trong lời gọi đến trang đó.
Dùng đối tượng Request để chia sẻ thông tin qua lại giữa các trang ASP trong một
ứng dụng với nhau.
♦ Response: gửi thông tin tới người dùng, là đại diện cho phần thông tin do
server trả về cho trình duyệt Web.
♦ Application: giúp điều khiển các đặc tính liên quan đến việc khởi động và
khai thác ứng dụng cũng như việc lưu trữ thông tin có thể được truy nhập bởi các ứng
dụng nói chung. Nói cách khác đối tượng Application dùng để chia sẻ thông tin giữa
các người dùng trong cùng một ứng dụng, chẳng hạn đếm số lần truy cập đến ứng
dụng của các người dùng.
♦ Server: cung cấp phương tiện truy cập đến những phương thức và thuộc tính
trên server. Thường sử dụng phương thức Server.CreateObject để khởi tạo phiên bản
của một đối tượng ActiveX trên trang ASP.
♦ Session: dùng lưu trữ thông tin cần thiết trong phiên làm việc của người
dùng đã truy nhập vào trang Web. Những thông tin lưu trữ trong phiên làm việc
không bị mất đi khi người dùng di chuyển qua các trang của ứng dụng.
♦ ObjectContext: dùng để chấp thuận hay huỷ bỏ một giao dịch do một kịch
bản ASP khởi tạo.
SƠ ĐỒ MỐI QUAN HỆ GIỮA CÁC ĐỐI TƯỢNG ASP TRONG ỨNG DỤNG ASP
Ứng dụng ASP
Đối tượng Application
Đối tượng Session (1 user ) Đối tượng Session (1 user )
Đọc thông tin từ Application Cập nhật thông tin cho Application
Liên lạc qua IIS, chia sẻ thông tin giữa các người sử dụng
Qu
ả
nl
ý
qu
á
trình v
à
t
à
ê
nc
ủ
a
ứ
ng d
ụ
ng