Thiết kế trang Web quản lý Công chức – Tiền lương LỜI MỞ ĐẦU Ngày nay, công nghệ thông tin phát triển mạnh mẽ giới nước ta Có thể nói hoạt động ngày 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 thuận lợi, tiết kiệm thời gian nhờ vào Internet, sức mạnh thời đại công nghiệp hố, đại hố nước ta Theo xu hướng chung thời đại, ngày hoạt động kinh doanh dựa Internet để phát triển, kể đơn vị hành nghiệp muốn có trang Web riêng để truyền tải thơng tin cần thiết đến nhiều người nhờ mạng Internet Dựa vào nhu cầu đó, em muốn thực đề 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 xây dựng với mục đích giúp tiết kiệm thời gian nâng cao suất làm việc cán 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) ngôn ngữ định dạng văn siêu liên kết Sự định dạng dựa thẻ (TAG) đoạn mã đặc biệt để đánh dấu văn bản, file ảnh, đoạn phim, giúp cho trình duyệt Web thông dịch hiển thị chúng lên hình HTML có phần mở rộng quan trọng cho phép liên kết hypertext từ tài liệu tới tài liệu khác (có thể đoạn văn bản, file ảnh, ) I.2 Cấu trúc file HTML : Đây đầu đề Trang - - Thiết kế trang Web quản lý Công chức – Tiền lương Theo cấu trúc trình bày ta thấy file HTML chia thành hai phần bản: - Phần đầu: bao hai tag Tại định nghĩa tên (hay gọi tiêu đề) trang Web Phần hiển thị tiêu đề trang Web khai báo hai tag - Phần thân: bao hai tag , trình bày nội dung thể trang Web Các nội dung cần hiển thị xử lý trang Web định nghĩa phần BODY file HTML Để cho trang Web sinh động hơn, ngơn ngữ HTML cịn bao gồm nhiều tag dùng cho việc định trang, liên kết trang với nhau, thêm hình ảnh vào trang, … I.3 Các thẻ (tag) HTML: - Có hai loại tag là: tag mang thông tin (container tag) tag rỗng (empty tag) + Một số tag mang thông tin: … : hiển thị thông tin tiêu đề cửa sổ trình duyệt … : hiển thị nội dung, đề mục, hình ảnh … … : hiển thị tựa đề trang Web … : thiết kế để chứa tất thành phần cần thiết để tạo bảng … : tạo tựa đề cho bảng … : tạo hàng … : tạo cột … : cho phép điều khiển kích thước font màu chữ + Tag rỗng (empty tag): : buộc trình duyệt ngắt dịng vị trí : đặt đuờng mờ ngang qua bề rộng cửa sổ trình duyệt Web : chèn tập tin hình ảnh lên trang Web Trang - - Thiết kế trang Web quản lý Công chức – Tiền lương 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) môi trường kịch máy chủ dùng để tạo chạy ứng dụng Web động, tương tác có hiệu cao ASP hoạt động dựa vào script người lập trình tạo - ASP xây dựng sẵn thư viện cho phép giao tiếp với sở liệu thông qua ODBC (Open Database Conectivity) gọi ADO (ActiveX Data Object) Hiện thư viện ADO công cụ mạnh việc phát triển ứng dụng Web b Hoạt động trang ASP: - Trang ASP trang Web có kết hợp thành phần HTML, ActiveX Component Script ASP Có thể xem trang ASP trang HTML có bổ sung lệnh kịch ASP - Khi trang ASP trình duyệt Web yêu cầu, Web server duyệt trang ASP thực dịch câu lệnh kịch ASP, kết trả cho trình duyệt dạng trang HTML II.2 Mơ hình ứng dụng sở liệu Web qua công nghệ ASP: - Thao tác client server ứng dụng Web thể khái quát sau: Trình duyệt Web Client ASP A D O O L E D P Web server Trang - - O D B C DBMS SQL server DB server Thiết kế trang Web quản lý Công chức – Tiền lương a Web server: Là nơi tiếp nhận trả lời yêu cầu người dùng Web (client), đồng thời thực việc kết nối đến hệ quản trị sở liệu (DBMS) Database server theo yêu cầu truy cập liệu trang ASP ADO cung cấp giao diện lập trình cho người phát triển xây dựng lệnh truy cập sở liệu Các lệnh chuyển đến cho hệ DBMS để thi hành thông qua thành phần OLEDB (và ODBC) Kết truy vấn liệu Web server đưa hiển thị trình duyệt b Database server: Là nơi diễn việc thực thi thao tác sở liệu truy vấn, cập nhật, đảm bảo tính tồn vẹn liệu hệ DBMS c Browser: Giao diện với người dùng nơi tiếp nhận yêu cầu người dùng, hiển thị kết u cầu Ngồi, trình duyệt cịn nơi kiểm tra sơ tính hợp lệ liệu trước chuyển đến cho Web server II.3 Cấu trúc cách tạo trang ASP: - Trang ASP đơn giản trang văn với phần mở rộng asp, gồm có ba phần: + Văn (Text) + Thẻ HTML + Các đoạn kịch ASP - Sử dụng trang HTML có sẵn để tạo trang ASP cách thêm vào lệnh kịch ASP cần thiết đổi phần mở rộng tên tập tin thành asp - Khi thêm đoạn kịch vào trang HTML để đánh dấu nơi kịch ASP bắt đầu kết thúc, dùng cặp lệnh - Những lệnh nằm phải sử dụng ngơn ngữ viết kịch thức quy định cho trang VBScript ngơn ngữ mặc định ASP Nếu muốn sử dụng ngôn ngữ khác (như JavaScript chẳng hạn) cần phải định nghĩa ngơn ngữ đầu trang ASP sau: %@LANGUAGE = tên ngôn ngữ % - Các biến không cần khai báo mà tự xác định gán giá trị cho - Muốn in biến Web, sử dụng mã sau: - Để làm việc với hệ thống tập tin, thao tác với sở liệu, cần phải sử dụng đối tượng ActiveX ASP II.4 Các đối tượng thành phần xây dựng sẵn ASP: Trang - - Thiết kế trang Web quản lý Công chức – Tiền lương Các đối tượng (object) ASP: Đối tượng đoạn chương trình có khả thực số cơng việc dó Mỗi đối tượng kết hợp lập trình liệu Các đối tượng ASP cho phép giao tiếp, tương tác với máy chủ (Web server) lẫn trình duyệt (Browser) Có đối tượng ASP: ♦ Request: cho phép lấy thông tin thông qua yêu cầu HTTP Những thông tin gồm có tham số Form Submit phương thức POST hay GET, tham số chia với trang ASP lời gọi đến trang Dùng đối tượng Request để chia sẻ thông tin qua lại trang ASP ứng dụng với ♦ Response: gửi thông tin tới người dùng, đại diện cho phần thông tin server trả cho trình duyệt Web ♦ Application: giúp điều khiển đặc tính liên quan đến việc khởi động khai thác ứng dụng việc lưu trữ thơng tin truy nhập ứng dụng nói chung Nói cách khác đối tượng Application dùng để chia sẻ thông tin người dùng ứng dụng, chẳng hạn đếm số lần truy cập đến ứng dụng người dùng ♦ Server: cung cấp phương tiện truy cập đến phương thức thuộc tính server Thường sử dụng phương thức Server.CreateObject để khởi tạo phiên đối tượng ActiveX trang ASP ♦ Session: dùng lưu trữ thông tin cần thiết phiên làm việc người dùng truy nhập vào trang Web Những thông tin lưu trữ phiên làm việc không bị người dùng di chuyển qua trang ứng dụng ♦ ObjectContext: dùng để chấp thuận hay huỷ bỏ giao dịch kịch 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 Đọc thông tin từ Application Đối tượng Session (1 user )Trang - - Cập nhật thông tin cho Application Đối tượng Session (1 user ) Liên lạc qua IIS, chia sẻ thông tin người sử dụng Thiết kế trang Web quản lý Công chức – Tiền lương Cú pháp đối tượng: Cú pháp đối tượng không phụ thuộc vào ngôn ngữ kịch mà người lập trình sử dụng Để truy xuất thơng tin đối tượng ta dùng phương thức (method) thuộc tính (property) Sử dụng phương thức: Một phương thức (method) procedure hoạt động đối tượng Cú pháp tổng quát method là: Object.Method [parameters] parameter : thông số method Sử dụng thuộc tính: Một thuộc tính tính chất đặt tên đối tượng Chúng định nghĩa tính chất đối tượng kích thước, màu, vị trí hình hay thể trạng thái đối tượng phép (enable) hay không phép (disable) Cú pháp tổng quát property là: Object.Property [parameters] Parameter: thông số Property Parameter thường biến, liệu, chuỗi ký tự, URL a Đối tượng Request: - Các tập hợp (Collection) đối tượng Request: Đối tượng Request cung cấp collection cho phép truy xuất tất loại thông tin yêu cầu Browser Server ٠QueryString: Tập hợp nhận tất giá trị chuỗi truy vấn, giá trị gởi lên theo sau dấu chấm hỏi (?) câu lệnh request Cú pháp: Request.QueryString (Tên biến)[(chỉ mục)].Count ٠Form: Nhận giá trị thành phần Form gởi phương thức POST thông qua HTTP request Cú pháp: Request.Form (element)[(index) | Count] Trong đó: Trang - - Thiết kế trang Web quản lý Công chức – Tiền lương Element: Tên thành phần Form Index: Tham số tuỳ chọn cho phép truy cập giá trị tham số (parameter) ٠Cookie: Là tập tin lưu máy client dạng tập tin nhỏ Cookie trình duyệt client gởi kèm HTTP request Cú pháp: Request.Cookies (cookie)[(key)|.attribute] Trong đó: Cookie: Chỉ định cookie để nhận giá trị Key: Tham số tuỳ chọn dùng để nhận khoản mục có cookie Attribute: Chỉ định thông tin thân cookie Tham số thuộc tính Name hay HasKeys ٠ ServerVariable: Nhận giá trị biến môi trường ٠ClientCertificate: Nhận certificate fields từ yêu cầu Trình duyệt Web Cú pháp: Request.ClientCertificate (Key [SubField]) - Thuộc tính (property) đối tượng Request: Đối tượng Request có thuộc tính cung cấp thơng tin số byte liệu mà người dùng chuyển lên trình chủ ٠TotalByte: Trả lại tổng số byte đối tượng Request gửi lên từ trình khách - Phương thức (method) đối tượng Request: Đối tượng Request có phương thức cho phép truy xuất tồn nội dung yêu cầu người dùng POST lên server qua phân đoạn trang Web ٠BinaryRead (count): nhận count byte liệu từ yêu cầu client liệu gởi đến server phần request POST Nó trả mảng Variant Cú pháp tổng quát sử dụng đối tượng Request: Request.CollectionName(variable) Variable: tên biến Collection muốn truy xuất thông tin Cũng sử dụng cú pháp: Request (variable) Khi thứ tự tìm kiếm tn theo danh sách Collection gặp biến trùng tên trả giá trị biến Vì có nhiều biến với tên Collection khác nên sử dụng dạng cú pháp tổng quát Sau số ứng dụng đối tượng Request: Lấy thông tin từ FORM HTML Form cách thức thông thường để trao đổi thông tin Webserver user HTML Form cung cấp nhiều cách nhập thông tin user như: text box, radio button, check box, submit, reset, password, … hai phương thức gửi thông tin POST GET Trang - - Thiết kế trang Web quản lý Công chức – Tiền lương Sử dụng QueryString QueryString Collection chứa tồn thông tin gửi tới từ Form phương thức GET Các giá trị gởi từ Form chứa chuỗi truy vấn (query string) add vào URL (bắt đầu từ dấu chấm hỏi (?) trở sau phần query string thêm vào) Ví dụ: Name: Age: Khi user nhập giá trị vào hộp Name Age sau nhấn Submit hộp Address trình duyệt có dạng sau: http://company/asptest/GetDetails.asp?txtName=Minh&txTAGe=30 Hạn chế phương thức GET: Chiều dài tối đa URL 1000 ký tự, gởi loạt thông tin từ Form, thông tin bị cắt bớt Sử dụng Form collection Thay add thơng tin gửi từ Form vào URL querystring, phương thức khác POST, đặt thông tin gửi vào bên HTTP HEADER Ví dụ: Name: Age: Khi user nhập giá trị vào hộp Name Age sau nhấn Submit hộp Address trình duyệt có dạng sau: http://company/asptest/GetDetails.asp Tại thời điểm này, giá trị gửi từ Form truy xuất QueryString Collection Thay vào đó, Active Server Pages thực Form Collection chứa tồn thông tin gửi từ Form sử dụng phương thức POST b Đối tượng Response: - Các tập hợp đối tượng Response: Đối tượng Response cung cấp loại đối tượng tập hợp dùng để xác lập giá trị cookie ta muốn đặt hệ thống trình khách client Nó tương đương với tập Request.Cookies ٠ Cookies: Một tập chứa giá trị tất cookie gửi ngược lại client đáp ứng hành Các thành phần tập giá trị ghi Cú pháp: Response.Cookies(cookie)[(key)|.attribute] = value Trang - - Thiết kế trang Web quản lý Công chức – Tiền lương Cookie: Tên cookie muốn tạo Key: Là tham số tuỳ chọn Nếu giá trị thiết lập cookie xem cookie từ điển Attribute: Bao gồm thơng tin liên quan đến cookie - Các thuộc tính đối tượng Response: Đối tượng Response cung cấp số thuộc tính mà đọc xác lập theo yêu cầu: ٠ Buffer: Là biến kiểu boolean Nếu thuộc tính True Web server trả kết cho client tất kịch xử lý phương thức Response.Flush hay Response.End gọi Giá trị mặc định False Cú pháp: Response.Buffer = [True, False] ٠ ContentType: Quy định dạng liệu cho Web server trả cho client Giá trị mặc định Text/ HTML Cú pháp: Response.ContentType [ = ContentType ] ٠ ExpiresAbsolute #date[time]# : Chỉ định ngày tuyệt đối trang hết hạn khơng cịn hợp lệ ٠ Expires minutes: Chỉ định chiều dài thời gian tính phút trang hợp lệ ٠ IsClientConnected: Trả lại định client có cịn kết nối tải trang từ server xuống hay khơng? Có thể sử dụng để kết thúc trình (với phương thức Response.End) client di chuyển đến trang khác trước trang hành xử lý xong ٠ Status = “code message”: Chỉ định giá trị trạng thái thông điệp gởi đến client header HTTP đáp ứng để lỗi hay xử lý trang thành công - Các phương thức đối tượng Response: ٠ AddHeader (tên, nội dung): Thêm HTML header với giá trị định Phương thức luôn thêm header vào Response Nó khơng thay header có sẵn tên với header ٠ AppendToLog (“string”): Thêm chuỗi vào cuối file Log Web server cho Request ٠ BinaryWrite (Array): Xuất thông tin output HTML dạng binary ٠Clear (): Huỷ nội dung trang đệm Response.Buffer True Không huỷ header HTTP Có thể sử dụng để bỏ trang chưa hồn thành ٠ End (): Dừng xử lý file asp trả kết Trang - - Thiết kế trang Web quản lý Công chức – Tiền lương ٠Flush (): Gởi thông tin đệm IIS đến client Response.Buffer = True Có thể sử dụng để gởi phần riêng trang dài đến client ٠Redirect (“URL”): Gởi thông báo cho browser định hướng lại đến URL khác ٠WriteString (“string”): Ghi biến HTML output chuỗi c Đối tượng Session: - Các thuộc tính đối tượng Session: SessionID: trả số định danh session cho user Mỗi session server cho số định danh tạo Timeout: thời gian sống đối tượng session, giá trị tính phút Nếu người dùng khơng cập nhật hay yêu cầu trang Web ứng dụng khoảng thời gian lớn thời gian timeout phiên làm việc kết thúc Giá trị mặc định 20 phút - Các phương thức đối tượng Session: Abandon: Dùng để huỷ đối tượng session giải phóng tài nguyên Web server tự thực phương thức phiên làm việc hết hiệu lực (timeout) Ví dụ: Ta tạo biến đối tượng Session để lưu thông tin cho kết nối đến Server + Session("Login"): Cho biết người yêu cầu truy xuất đến trang có login chưa + Session("Username"): Tên Account tạo sesion + Session("SelectedTopic"): Tên chủ đề chọn để thực thao tác Session_OnStart: Biến cố xảy server tạo phiên làm việc Server xử lý kịch lúc thực thi yêu cầu trang Những đối tượng xây dựng sẵn tồn biến cố là: Application, ObjectContext, Request, Response, Server Session Session_OnEnd: Biến cố xảy phiên làm việc bị huỷ lệnh Abadon timeout Trong biến cố có đối tượng xây dựng sẵn: Application, Server, Session ASP tồn Các thông tin lưu giữ Session giữ nguyên suốt thời gian session tồn có giá trị tầm vực session d Đối tượng Application: - Các phương thức đối tượng Application: ٠ Contents: Chứa tất item thiết lập đối tượng Application mà không dùng tag Cú pháp: Application.Contents (Key) Trang - 10 - ... ứng dụng Web thể khái quát sau: Trình duyệt Web Client ASP A D O O L E D P Web server Trang - - O D B C DBMS SQL server DB server Thiết kế trang Web quản lý Công chức – Tiền lương a Web server:... đuờng mờ ngang qua bề rộng cửa sổ trình duyệt Web : chèn tập tin hình ảnh lên trang Web Trang - - Thiết kế trang Web quản lý Công chức – Tiền lương CHƯƠNG II: TỔNG QUAN VỀ ASP II.1 Tìm hiểu... Dừng xử lý file asp trả kết Trang - - Thiết kế trang Web quản lý Công chức – Tiền lương ٠Flush (): Gởi thông tin đệm IIS đến client Response.Buffer = True Có thể sử dụng để gởi phần riêng trang