Xây dựng website quảng cáo thương mại bằng ASP NET

1 LỜI CẢM ƠN Lời em xin bày tỏ trân trọng lòng biết ơn chân thành thầy giáo, Thạc sỹ Vũ Mạnh Khánh giảng viên khoa Công nghệ thông tin Trường Đại học Dân Lập Hải Phòng Trong suốt thời gian học làm đồ án tốt nghiệp, thầy dành nhiều thời gian quý báu để tận tình bảo, hướng dẫn, định hướng cho em thực đồ án Em xin chân thành cảm ơn tất thầy cô giáo Bộ môn Công nghệ thông tin - Trường Đại học Dân Lập Hải Phòng, chân thành cảm ơn thầy giáo, cô giáo tham gia giảng dạy truyền đạt kiến thức quý báu suốt thời gian em học tập trường, đọc phản biện đồ án em giúp em hiểu rõ vấn đề nghiên cứu, để em hoàn thành đồ án tốt nghiệp Em xin cảm ơn GS.TS.NGƯT Trần Hữu Nghị Hiệu trưởng Trường Đại học Dân lập Hải Phòng, Ban giám hiệu nhà trường, Bộ mơn tin học, Phịng ban nhà trường tạo điều kiện tốt cho em bạn khác suốt thời gian học tập làm tốt nghiệp Tuy có nhiều cố gắng q trình học tập, thời gian thực tập trình làm đồ án khơng thể tránh khỏi thiếu sót, em mong góp ý quý báu tất thầy giáo, cô giáo tất bạn để kết em hoàn thiện Em xin chân thành cảm ơn! Hải Phòng, 04 tháng 07 năm 2019 Sinh viên MỤC LỤC DANH MỤC HÌNH VẼ VÀ BẢNG BIỂU MỞ ĐẦU CHƯƠNG I: TỔNG QUAN ASP.NET VÀ VISUAL STUDIO 2008 1.1 Giới thiệu ASP.NET 1.1.1 NET FRAMEWORK 1.1.2 ASP.NET 1.1.3 Khác biệt ASP.NET ASP 1.1.4 Quá trình xử lý tập tin Aspx 11 1.1.5 Các đối tượng ASP.NET 12 1.1.6 Phát triển website ASP.NET 15 1.2 Microsoft Visual Studio 2008 Professional Edition 16 CHƯƠNG II: MÔ TẢ VÀ PHÂN TÍCH BÀI TỐN 19 2.1 Khảo sát toán 19 2.1.1 Mơ tả tốn 19 2.1.2 Biểu đồ phân rã chức 20 2.1.3 Các mẫu biểu 22 2.2 Các mô hình 23 2.2.1 Ma trận thực thể chức 23 2.2.2 Biểu đồ ngữ cảnh 24 2.2.3 Xây dựng biểu đồ luồng liệu mức 25 2.2.4 Biều đồ luồng liệu mức 1: 26 Hình 2.8: Biểu đồ luồng liệu cho tiến trình 1.0 .26 2.2 Mơ hình ER mơ hình quan hệ 29 2.3.1 Đưa thực thể 29 2.3.2 Xác định mối quan hệ thực thể 32 2.3.3 Mơ hình ER 34 2.3.4 Thiết kế sở liệu, mơ hình quan hệ 35 CHƯƠNG III: CHƯƠNG TRÌNH 37 3.1 Giới thiệu chương trình 37 3.2 Hướng dẫn cài đặt 37 3.2.1 Cài đặt SQL 2005 Express Edition 37 3.2.2 Cài đặt IIS 39 3.2.3 Cài đặt thư mục ảo, tạo kết nối Attach Cơ sở liệu 40 3.3 Hướng dẫn sử dụng 41 3.3.1 Hướng dẫn chức đăng ký 41 3.3.2 Hướng dẫn chức đăng tin 43 3.3.3 Hướng dẫn chức gia hạn 45 3.3.4 Hướng dẫn số chức Administrator Control .47 KẾT LUẬN 49 TÀI LIỆU THAM KHẢO 50 DANH MỤC HÌNH VẼ VÀ BẢNG BIỂU Hình 1.1: Kiến trúc NET Framework .7 Hình 1.2: Quá trình xử lý tập tin aspx 11 Hình 2.1: Biểu đồ phân rã chức 20 Hình 2.2: Bảng hồ sơ khách hàng 22 Hình 2.3: Bảng tin 22 Hình 2.4: Bảng giá 22 Hình 2.5: Bảng ma trận thực thể chức 23 Hình 2.6: Biểu đồ ngữ cảnh 24 Hình 2.7: Biểu đồ luồng liệu mức 25 Hình 2.8: Biểu đồ luồng liệu cho tiến trình 1.0 26 Hình 2.9: Biểu đồ luồng liệu cho tiến trình 2.0 27 Hình 2.10: Biểu đồ luồng liệu cho tiến trình 3.0 28 Hình 2.11: Thực thể Khách hàng 29 Hình 2.12: Thực thể tin quảng cáo 30 Hình 2.13: Thực thể bảng giá 30 Hình 2.14: Thực thể Nơi đăng 31 Hình 2.15: thực thể Danh mục 31 Hình 2.16: Mối quan hệ thực thể “Khách hàng” “Tin quảng cáo” 32 Hình 2.17: Mối quan hệ “Bảng giá” “Tin quảng cáo” 32 Hình 2.18: Mối quan hệ “Tin quảng cáo” “Nơi đăng” 33 Hình 2.19: Mối quan hệ “Tin quảng cáo” “Danh mục” 33 Hình 2.20: Mơ hình ER 34 Hình 2.21: Mơ hình quan hệ 36 Hình 3.1: Chế độ Mixed mode SQL Server 39 Hình 3.2: Giao diện trang chủ 42 Hình 3.3: Form đăng ký 42 Hình 3.4: Thơng báo đăng ký thành công 43 Hình 3.5: Form đăng ký 44 Hình 3.6: Email thơng báo khách hàng đăng tin 45 Hình 3.7: Bảng điều khiển khách hàng 46 Hình 3.8: Email thơng báo gia hạn 47 Hình 3.9: Duyệt tin 47 Hình 3.10: Quản lý thành viên 48 MỞ ĐẦU Buổi sáng, mở cửa thấy tờ giới thiệu chuyên lắp đặt ăng ten, bước đường thấy tường trang điểm dịng chữ khoan cắt bê tơng nhận rút hầm cầu buổi trưa mở máy tính, nhận email sửa chửa thiết bị điện gia dụng nhà, buổi tối lên tivi, màng hình đầy dầu gội, kem đánh bơng băng… Nhìn từ đầu phố đến cuối phố, cửa tất nhà điều che kín hình ảnh quảng cáo đủ kiểu, màu sắc, hình dáng, kích cỡ… Một giới đầy quảng cáo Đó thể kinh tế tiêu dùng phát triển Một cửa hàng nho nhỏ muốn quảng cáo sản phẩm, người muốn bán hàng hay cần mua hàng họ khó làm thơng tin quảng cáo để đưa lên truyền hình hay lên báo hay việc làm tờ rơi vừa công sức, hiệu không cao Nhưng thời đại với phát triển mạnh mẽ mạng Internet, quảng cáo hiệu tiết kiệm chi phí quảng cáo website quảng cáo thương mại Vì nên em chọn đề tài “Xây dựng website quảng cáo thương mại ASP.NET” Website xây dựng với mục đích trợ giúp việc đăng quảng cáo cho doanh nghiệp, tổ chức, cá nhân mang lợi nhuận Đồ án gồm ba chương: - Chương I: Tổng quan ASP.NET Microsoft Visual Studio 2008 - Chương II: Mô tả phân tích tốn - Chương III: Chương trình CHƯƠNG I: TỔNG QUAN ASP.NET VÀ VISUAL STUDIO 2008 1.1 Giới thiệu ASP.NET 1.1.1 NET FRAMEWORK NET Framework tập giao diện lập trình tâm điểm tảng NET Nó cung cấp sở hạ tầng để xây dựng chạy dịch vụ Web Hình 1.1: Kiến trúc NET Framework 1.1.2 ASP.NET Trước hết, họ tên ASP.NET Active Server Pages NET (.NET NET framework) ASP.NET cơng nghệ có tính cách mạng dùng để phát triển ứng dụng mạng tương lai (ASP.NET is a revolutionary technology for developing web applications) Lưu ý chỗ ASP.NET phương pháp tổ chức hay khung tổ chức (framework) để thiết lập ứng dụng mạnh mẽ cho mạng dựa CLR (Common Language Runtime) ngơn ngữ lập trình Ngơn ngữ lập trình dùng để diễn đạt ASP.NET VB.NET (Visual Basic NET) VB.NET 25 ngôn ngữ NET dùng để phát triển trang ASP.NET mà Tuy mang họ tên gần giống ASP cổ điển ASP.NET ASP Sau phần sơ lược vài khác biệt ASP.NET ASP để có khái niệm tổng quát ASP.NET 1.1.3 Khác biệt ASP.NET ASP SỰ THAY ÐỔI CƠ BẢN ASP thi hành sứ mạng giao cho để phát triển mạng cách tốt đẹp phải cần phải đổi hoàn toàn? Lý đơn giản ASP khơng cịn đáp ứng đủ nhu cầu lĩnh vực phát triển mạng công nghệ Tin Học ASP thiết kế riêng biệt nằm tầng phía hệ điều hành Windows Internet Information Service, cơng dụng rời rạc giới hạn Trong đó, ASP.NET cấu cấu hệ điều hành Windows dạng hay khung NET (.NET framework), ASP.NET khơng dùng object ứng dụng cũ mà cịn xử dụng tất tài nguyên mà Windows có Ta tóm tắt thay đổi sau: - Tập tin ASP.NET (ASP.NET file) có extension ASPX, tập tin ASP ASP - Tập tin ASP.NET (ASP.NET file) phân tích ngữ pháp (parsed) XSPISAPI.DLL, cịn tập tin ASP phân tích ASP.DLL - ASP.NET kiểu mẫu lập trình phát động kiện (event driven), trang ASP thi hành theo thứ tự từ xuống - ASP.NET xử dụng trình biên dịch (compiled code) nên nhanh, cịn ASP dùng trình thơng dịch (interpreted code) hiệu suất tốc độ thua hẳn ASP.NET hỗ trợ gần 25 ngơn ngữ lập trình với NET chạy mơi trường biên dịch (compiled environment), cịn ASP chấp nhận VBScript JavaScript nên ASP scripted language(ngôn ngữ kịch bản) môi trường thông dịch(in the interpreter environment) Khơng vậy, ASP.NET cịn kết hợp nhuần nhuyễn với XML (Extensible Markup Language) để chuyển vận thông tin (information) qua mạng ASP.NET hỗ trợ tất trình duyệt quan trọng hỗ trợ thiết bị di động (mobile devices) Chính thiết bị di động, mà ngày phổ biến, khiến việc dùng ASP việc phát triển mạng nhằm vươn tới thị trường trở nên vơ khó khăn KIỂU MẪU RESQUEST/RESPONSE Kiểu mẫu toàn phương pháp làm việc theo kiểu Client /Server dùng với ASP Client/Server - Một trường hợp đơn giản trao đổi thông tin máy vi tính để hồn thành cơng việc đó, máy server cung cấp dịch vụ theo yêu cầu máy khách(Client PC) Thông thường, Server máy vi tính lưu trữ thơng tin mạng có hình ảnh, video, trang HTML hay ASP Client máy vi tính dùng dể viếng thăm mạng Một cách tổng quát phương pháp gồm có bước sau: Client (thơng qua trình duyệt, Internet Browser) xác định vị trí Web Server qua nối URL (Universal Resource Locator) Client yêu cầu tham khảo trang mạng thường trang chủ (home page) index.htm hay default.htm Server đáp ứng cách hoàn trả hồ sơ mà Client yêu cầu trước Client nhận hồ sơ gởi hiển thị (display) browser Lưu ý, Client nhận hồ sơ trình trao đổi qua lại kết thúc tức khắc KIỂU MẪU EVENT-DRIVEN 10 Kiểu mẫu event-driven dùng với ASP.NET tương tự kiểu mẫu event-driven ta thường dùng lập trình ứng dụng với Visual Basic Trong kiểu mẫu này, Server không chờ Client yêu cầu tham khảo trang mạng mà Server bố trí kế hoạch sẵn trước tất tình để hành động kịp thời Client định làm điều Đó “response to your action”, kiểu mẫu trước “response to your request”, ASP.NET phát hành động Client để phản ứng cho thích hợp ASP.NET làm điều dựa vào tiến trình xử lý linh động Client (gọi clever client-side processing) để thực kiểu mẫu event-driven Tiến trình xử lý Client xảy ta bố trí nguồn mã thích hợp mà Client hiểu trang ta gởi cho Client Lưu ý trang mạng (web page) ta chứa Server nguồn mã lại thực xử lý, Server Client (Server-Side processing, Client-Side processing) tuỳ theo cách ta bố trí 36 Hình 2.21: Mơ hình quan hệ 37 CHƯƠNG III: CHƯƠNG TRÌNH 3.1 Giới thiệu chương trình Chương trình website phát triển công cụ: - Visual Studio 2008 Professional Edition bao gồm NET Framework - SQL Server 2005 Express Edition - IIS (Internet Information Service) Các Module chương trình: - Module “đăng ký khách hàng”: Lưu thông tin cá nhân khách hàng để quản lý thông tin khách hàng thông tin quảng cáo khách hàng - Module “đăng tin”: Lưu thông tin quảng cáo mà khách hàng đăng - Module “bảng điều khiển khách hàng”: Lưu thông tin cá nhân mà khách hàng thay đổi, sửa chữa Gia hạn thông tin - Module “Administrator Control”: Module để người quản trị viên kiểm sốt thơng tin, duyệt tin, quản lý tin, quản lý khách hàng thành viên, quản lý danh mục… 3.2 Hướng dẫn cài đặt Để cài đặt Website ASP.NET ta cần phải cài đặt thành công chương trình sau: - SQL Server 2005 Express Edition - IIS (Internet Information Service) 3.2.1 Cài đặt SQL 2005 Express Edition Yêu cầu phần cứng hệ điều hành sử dụng Hệ điều hành tối thiểu: Windows 2000 Service Pack 4; Windows Server 2003 Service Pack 1; Windows XP Service Pack Phần cứng: Máy tính chip Pentium III 600 MHz trở lên (Cấu hình đề nghị: Chip GHz cao hơn.) - Tối thiểu 192 MB RAM (Cấu hình đề nghị: 512 MB RAM.) - Ổ cứng cịn trống tối thiểu 525 MB - 38 Bộ cài đặt: - Để cài đặt SQL Server 2005 Express, máy bạn phải có Windows Installer 3.1 trở lên, download địa chỉ: http://go.microsoft.com/fwlink/?LinkId=46459 - Microsoft Net Framework 2.0 trở lên o Hệ điều hành 32bit: http://go.microsoft.com/fwlink/?LinkId=55731 o Hệ điều hành 64bit: http://go.microsoft.com/fwlink/?LinkId=55734 - Phải có file cài đặt SQL Server 2005 Express, download miễn phí từ Website Microsoft địa chỉ: http://www.microsoft.com/downloads/details.aspx?familyid=220549b5-0b074448-8848-dcc397514b41&displaylang=en - SQL Server Management Studio Express: http://www.microsoft.com/downloads/details.aspx?familyid=C243A5AE- 4BD14E3D-94B8-5A0F62BF7796&displaylang=en Sau download về, lưu vào thư mục để bắt đầu tiến hành cài đặt lần lượt: - WindowsInstaller-KB893803-v2-x86.exe: Windows Installer 3.1 - dotnetfx.exe: Microsoft Net Framework 2.0 - SQLEXPR.EXE: SQL Server 2005 Express SQLServer2005_SSMSEE.msi: Công cụ quản lý SQL Server Management Studio Express - Chú ý, cài đặt SQL Server nên để chế độ Mixed mode đặt mật cho tài khoản sa 39 Hình 3.1: Chế độ Mixed mode SQL Server 3.2.2 Cài đặt IIS - Cài IIS 5.1 Windows XP: Bước 1: Vào menu Start -> Control Panel Bước 2: Vào mục Add, Remove Program Bước 3: Trong cửa sổ mở ra, tiếp tục chọn vào Add, Remove Windows Components Bước 4: Trong cửa sổ tiếp theo, đánh dấu vào mục Internet Information Services (IIS) - thành phần mà ta cần cài Trong q trình cài, Windows yêu cầu cho đĩa Windows vào ổ CD để chép file cần thiết Lúc ta có hai cách: Cho đĩa vào ổ CD OK Nếu máy có sẵn thư mục chứa cài đặt Windows, nhấn Browse tìm đến thư mục I386 có cài đặt -> OK Khi máy báo cài xong, nhấn Finish 40 - Cài IIS Windows 7: Bước 1: Vào Control Panel -> Programs and Features Bước 2: Chọn Turn windows features Bước 3: Một sổ ra: o Chọn dấu tick vào Internet Infomation Services o Chọn dấu tick vào World Wide Web Services o Chọn dấu tick vào ASP, ASP.Net Click OK 3.2.3 Cài đặt thư mục ảo, tạo kết nối Attach Cơ sở liệu 3.2.3.1 Attach sở liệu (thêm sở liệu tồn vào SQL Server) Ta dùng SQL Server Management Studio Express để Attach sở liệu Trước hết, bạn kết nối vào Server, điền tên Server, chọn SQL Server Authentication tên đăng nhập với mật Tiếp theo bạn vào mục Databases, Click chuột phải chọn Attach, cửa sổ lên, tiếp tục click vào nút Add Rồi chọn file db_quangcao.mdf thư mục “App_Data” thư mục chương trình Sau OK hoàn tất 3.2.3.2 Sửa chuỗi kết nối Chương trình phát triển nơi khác, máy chủ chứa sở liệu khác với lúc cài đặt nên bạn phải sửa chuỗi kết nối sở liệu Tại thư mục chương trình bạn tìm file Web.config Nếu bạn có Visual Studio mở nó, khơng bạn mở notepad hay wordpad Sau bạn tìm đến dịng: Tại phần “Data Source=REKKA” ta thay tên Server SQL 2005 mà ta attach sở liệu “User ID=sa;Password=123456” ta thay tên đăng nhập mật mà ta dùng để đăng nhập vào SQL Server attach sở liệu 41 3.2.3.3 Tạo thư mục ảo + Bạn mở IIS + Di chuyển chuột tới SERVER\Web site\ Default Web Site, nhấn chuột phải vào Default Web Site, chọn New\Virtual Directory + Màn hình hiển thị Virtual Directory Creation Wizard + Nhấn chuột vào nút Next + Gõ chữ “ Web” (hay đặt tên được) vào vùng Alias chọn Next + Nhấn chuột vào nút Browse, chọn thư mục chương trình, nhấn Next + Chọn Read Run script (such as ASP) tiếp tục chọn Next + Chọn Finish để kết thúc Bây giờ, ta chạy chương trình vào trình duyệt gõ Http://hostname/Alias để chạy chương trình “Hostname” tên Host (máy) mà ta tạo thư mục ảo IIS “Alias” tên tùy chọn mục Alias tạo thư mục ảo 3.3 Hướng dẫn sử dụng 3.3.1 Hướng dẫn chức đăng ký Khi khách hàng đến thăm website, khách hàng muốn đăng tin mà chưa có tài khoản Khách hàng phải đăng ký tài khoản để có quyền đăng thơng tin quảng cáo Ở trang chủ( hình 3.2), khách hàng kích chuột vào menu đăng ký để chuyển đến trang đăng ký 42 Hình 3.2: Giao diện trang chủ Hình 3.3: Form đăng ký Hình 3.3 Form đăng ký, khách hàng nhập đầy đủ thông tin vào trường Những trường bắt buộc Tên đăng nhập, mật khẩu, Email Email quan trọng, u cầu khách hàng nhập xác, Email nơi để hệ thống website khách hàng trao đổi thơng tin Khi khách hàng điền đẩy đủ xác thơng tin kích chuột vào nút đăng ký Khi nhận thơng báo hình 3.4 đăng ký thành công Một Email gửi đến cho khách hàng 43 Hình 3.4: Thơng báo đăng ký thành công 3.3.2 Hướng dẫn chức đăng tin Để có quyền đăng thơng tin, trước hết khách hàng phải đăng nhập Sau đăng nhập Khách hàng kích chuột vào menu đăng tin menu để chuyển đến trang đăng tin 44 Hình 3.5: Form đăng ký Khách hàng điền đầy đủ thông tin, Tiêu đề, Danh mục,Hạn đăng… Khách hàng xem bảng giá cách kich vào link “Xem bảng giá gói 45 cước” Khách hàng soạn thảo nội dung tin quảng cáo editor giao diện bắt mắt dễ dùng hình 3.5 Khi đăng tin thành công, khách hàng nhận thơng báo tốn vào Email hình 3.6 Hình 3.6: Email thơng báo khách hàng đăng tin 3.3.3 Hướng dẫn chức gia hạn Khi thông tin hết hạn, Email gửi đến cho khách hàng, thông báo thông tin quảng cáo bạn hết hạn để hiển thị lên website Khách hàng đăng nhập, vào chức “Bảng điều khiển” để gia hạn thơng tin 46 Hình 3.7: Bảng điều khiển khách hàng Sau kích vào link gia hạn cho thơng tin khách hàng chọn, chuyển đến trang gia hạn Khách hàng chọn số ngày gia hạn Sau gia hạn thành cơng, có email thơng báo gia hạn toán gửi đến cho khách hàng 47 Hình 3.8: Email thơng báo gia hạn 3.3.4 Hướng dẫn số chức Administrator Control Chức dành cho quản trị viên 3.3.4.1 Chức “quản lý tin” duyệt tin Hình 3.9: Duyệt tin Những thông tin khách hàng đăng gia hạn chưa toán hiển thị Khi nhận toán, quản trị viên kích link nút mở, để đồng ý hiển thị thơng tin lên web Kích vào link gia hạn để đồng ý gia hạn 48 3.3.4.2 Chức “Quản lý thành viên” Hình 3.10: Quản lý thành viên Quản trị viên sửa thơng tin thành viên, khóa hay mở Khi thành viên bị khóa, thành viên khơng đăng nhập 49 KẾT LUẬN Đồ án thực nhiệm vụ sau: - Mơ tả nghiệp vụ tốn tiến hành mơ hình hóa nghiệp vụ tốn chuẩn bị cho bước sau - Phân tích tốn theo hướng cấu trúc bao gồm phân tích liệu phân tích xử lý - Thiết kế hệ thống Website bao gồm thiết kế kiến trúc, thiết kế liệu, thiết kế giao diện mô đun xử lý - Cài đặt hệ thống thử nghiêm với số liệu Trong thời gian nghiên cứu, xây dựng Website, em cố gắng làm việc với giúp đỡ tận tình thầy giáo hướng dẫn Chương trình đạt số kết định Tuy nhiên trình độ kinh nghiệm cịn hạn chế; chương trình cịn nhiều thiếu sót Rất mong thầy giáo bạn tận tình giúp đỡ để chương trình ngày hồn thiện Nếu phát triển tiếp đề tài này, em tiếp tục cố gắng hoàn thiện chức Website để đáp ứng với nhu cầu doanh nghiệp 50 TÀI LIỆU THAM KHẢO Tài liệu tiếng Việt [1] Nguyễn Văn Vỵ, Phân tích thiết kế hệ thống thơng tin quản lý, NXB Khoa học Tự nhiên Công nghệ, Hà nội, 2007 [2] Tài liệu hướng dẫn giảng dậy – Lập trình ứng dụng web với ASP.NET, Trung tâm tin học – Đại học Khoa Học Tự Nhiên thành phố Hồ Chí Minh, tháng năm 2005 [3] Website http://www.raovat123.com Tài liệu tiếng anh [1] Microsoft®, MSDN Library, http://msdn.microsoft.com/enus/library/ms123401.aspx ... phí quảng cáo website quảng cáo thương mại Vì nên em chọn đề tài ? ?Xây dựng website quảng cáo thương mại ASP. NET? ?? Website xây dựng với mục đích trợ giúp việc đăng quảng cáo cho doanh nghiệp, tổ... đạt ASP. NET VB .NET (Visual Basic NET) VB .NET 25 ngôn ngữ NET dùng để phát triển trang ASP. NET mà Tuy mang họ tên gần giống ASP cổ điển ASP. NET ASP Sau phần sơ lược vài khác biệt ASP. NET ASP để... điểm tảng NET Nó cung cấp sở hạ tầng để xây dựng chạy dịch vụ Web Hình 1.1: Kiến trúc NET Framework 1.1.2 ASP. NET Trước hết, họ tên ASP. NET Active Server Pages NET ( .NET NET framework) ASP. NET cơng