Thiết kế website tin tức thể thao

TRƯỜNG ĐẠI HỌC CÔNG NGHIỆP HÀ NỘI KHOA CÔNG NGHỆ THÔNG TIN BÁO CÁO BÀI TẬP LỚN HỌC PHẦN: LẬP TRÌNH CƠ SỞ DỮ LIỆU TRÊN WEB THIẾT KẾ WEBSITE TIN TỨC THỂ THAO GVHD: Ths Đăng Quỳnh Nga Sinh viên: Nguyễn Văn Lương – 2019600221 Trần Quang Vinh – 2019600230 Lớp: 202110503134012 Khóa: 14 Hà Nội – Năm 2021 Mục Lục MỞ ĐẦU Phần 1: 1.1 GIỚI THIỆU ĐỀ TÀI NGHIÊN CỨU .1 1.2 KIẾN THỨC ÁP DỤNG .1 1.2.1 PHÂN TÍCH THIẾT KẾ HỆ THỐNG 1.2.2 MƠ HÌNH MVC 1.2.2.1 MODEL (M) 1.2.2.2 VIEW (V) 1.2.2.3 CONTROLLER (C) 1.2.2.4 LUỒNG ĐI CƠ BẢN 1.2.3 NGÔN NGỮ LẬP TRÌNH 1.2.3.1 GIỚI THIỆU ASP.NET 1.2.3.2 ENTITY FRAMEWORK 1.2.3.3 RAZOR PAGE 1.2.4 CƠ SỞ DỮ LIỆU 1.2.4.1 KHÁI NIỆM 1.2.4.2 HỆ QUẢN TRỊ CSDL SQL SERVER .4 1.3 MỤC TIÊU CỦA HỌC PHẦN KẾT QUẢ NGHIÊN CỨU Phần 2: 2.1 LƯỢC ĐỒ CƠ SỞ DỮ LIỆU QUAN HỆ 2.2 CÁC ĐIỀU KHIỂN CHÍNH .6 2.2.1 ArticleController 2.2.1.1 Thêm Bài Viết 2.2.1.2 Sửa Bài Viết .7 2.2.1.3 Xóa Bài Viết .8 2.2.2 LoginController 2.2.2.1 Login 2.2.2.2 Logout 2.2.3 ViewDataController .9 2.2.3.1 Xem Bài Viết 2.2.3.2 Xem Theo Danh Mục .9 2.2.3.3 Xem Theo Keyword .10 2.2.3.4 Tìm Kiếm .10 2.2.3.5 Tìm Kiếm (ADMIN) 10 2.2.4 StatisticController 11 2.2.4.1 Đếm số viết theo tháng .11 2.2.4.2 Danh Sách Các Nhà Báo Khơng Có Bài Viết Trong Vòng Ngày .11 2.2.4.3 Xuất Danh Sách Các Nhà Báo Khơng Có Bài Viết Trong Vịng Ngày 12 2.2.5 ConverterController 13 2.2.6 Phân Quyền 14 2.3 GIAO DIỆN 14 2.3.1 Trang Chủ 14 2.3.2 Chi Tiết Bài Viết 15 2.3.3 Comment 15 2.3.4 Chỉnh Sửa Comment 16 2.3.5 Tải thêm viết 16 2.3.6 Tìm kiếm Bài Viết 17 2.3.7 Xem Theo Danh Mục 17 2.3.8 Biểu Đồ Thống Kê Số Bài Viết Trong Tháng 18 2.3.9 Danh Sách Bài Viết 18 2.3.10 Sửa Bài Viết .19 2.3.11 Xem Chi Tiết Bài Viết .19 2.3.12 Tạo Bài Viết Mới .20 2.3.13 Import File Word To Ckeditor 20 2.3.14 Xóa Bài Viết .21 2.3.15 Đăng Nhập 21 2.3.16 Đăng Ký .22 2.3.17 Duyệt Bài 23 2.3.18 Danh Mục 23 2.3.19 Nhà Báo .24 2.3.20 Khơng Có Bài Viết Trong Tuần 24 2.3.21 Xuất File Excel 25 2.3.22 Bạn Đọc .26 2.3.23 Sửa Thông tin .26 2.3.24 Thêm Tài Khoản 27 2.4 Phần 3: Kết Luận 27 KIẾN THỨC LĨNH HỘI VÀ BÀI HỌC KINH NGHIỆM 27 3.1 CÁC KĨ NĂNG HỌC ĐƯỢC 27 3.2 ĐẦU RA ĐẠT ĐƯỢC 28 3.3 Khó Khăn 28 Tài Liệu Tham Khảo 28 Phần 1: 1.1 MỞ ĐẦU GIỚI THIỆU ĐỀ TÀI NGHIÊN CỨU Với bùng nổ thơng tin internet, vai trị trang thông tin điện tử trực tuyến trở nên quan trọng Khác với báo chí truyền thơng có giới hạn thời gian cập nhật tin tức, tờ báo trực tuyến cung cấp tiện lợi việc cập nhật phát hành thơng tin Về phía người dùng, họ xem thơng tin lúc nơi Về phía người cung cấp thơng tin, nhà báo, họ dễ dàng cập nhật tin tức Do việc sử dụng trang thông tin trực tuyến điều cần thiết nhằm đáp ứng nhu cầu cập nhật thông tin người Nhưng có nhiều loại tin tức khiến cho người đọc khó tìm chọn lọc tin tức thể thao cần phải có trang tổng hợp tin tức thể thao cách xác nhanh chóng để đáp ứng nhu cầu người đọc 1.2 KIẾN THỨC ÁP DỤNG 1.2.1 PHÂN TÍCH THIẾT KẾ HỆ THỐNG Mục đích: - Xác định yêu cầu chi tiết hệ thống - Đưa mô tả giải pháp thiết kế sơ - Chuyển mô tả giải pháp thành đặc tả hệ thống logic vật lý Đầu ra: - Lược đồ sở liệu quan hệ - Các biểu đồ mơ tả hoạt động hệ thống 1.2.2 MƠ HÌNH MVC 1.2.2.1 MODEL (M) Là phận có chức lưu trữ toàn liệu ứng dụng Bộ phận cầu nối thành phần bên View Controller Model thể hình thức sở liệu có đơn giản file XML bình thường Model thể rõ thao tác với sở liệu cho phép xem, truy xuất, xử lý liệu,… 1.2.2.2 VIEW (V) Đây phần giao diện (theme) dành cho người sử dụng Nơi mà người dùng lấy thơng tin liệu MVC thơng qua thao tác truy vấn tìm kiếm sử dụng thông qua website Thông thường, ứng dụng web sử dụng MVC View phần hệ thống, nơi thành phần HTML tạo Bên cạnh đó, View có chức ghi nhận hoạt động người dùng để tương tác với Controller 1.2.2.3 CONTROLLER (C) Bộ phận có nhiệm vụ xử lý yêu cầu người dùng đưa đến thông qua view Từ đó, Controller đưa liệu phù hợp với người dùng Bên cạnh đó, Controller cịn có chức kết nối với model 1.2.2.4 LUỒNG ĐI CƠ BẢN Khi yêu cầu từ máy client gửi tới server, Controller thực nhiệm vụ tiếp nhận xử lý yêu cầu Trong trường hợp cần thiết, liên hệ Model – phận làm việc với database để hỗ trợ Khi xử lý xong yêu cầu, kết trả View Tại View tạo mã HTML thành giao diện trả hiển thị trình duyệt 1.2.3 NGƠN NGỮ LẬP TRÌNH 1.2.3.1 GIỚI THIỆU ASP.NET ASP viết đầy đủ Active Server Pages, NET viết tắt Network Enabled Technologies ASP.Net tảng dành cho phát triển web, Microsoft phát hành cung cấp lần vào năm 2002 Nền tảng sử dụng để tạo ứng dụng web-based Phiên ASP.Net triển khai 1.0 phiên ASP.Net phiên 4.6 ASP.Net thiết kế để tương thích với giao thức HTTP HTTP giao thức chuẩn sử dụng tất ứng dụng web Các ứng dụng ASP.Net viết nhiều ngơn ngữ Net khác Trong có kiểu ngơn ngữ C #, VB.Net J # 1.2.3.2 ENTITY FRAMEWORK Entity Framework đời nhằm hỗ trợ tương tác ứng dụng tảng NET với sở liệu quan hệ Hay, Entity Frmework công cụ giúp ánh xạ đối tượng ứng dựng, phần mềm bạn với bảng sở liệu quan hệ Emntity Framework giúp nhà phát triển Web tương tác với liệu quan hệ theo phương pháp hướng đối tượng với mã so với ứng dụng truyền thống Lợi ích lớn giúp lập trình viên giảm thiểu việc lập trình mã nguồn để thực truy cập tương tác với sở liệu Hiện nay, Entity framwork framework mạnh để phát triển ứng dụng Web với hỗ trợ đông đảo cộng đồng 1.2.3.3 RAZOR PAGE Razor Page phần ASP.NET, cho phép bạn bạn viết code C# văn HTML (nói cách khác bạn trộn HTML code C# file) Các file có phần mở rộng cshtml Ứng dụng dùng Razor Page giúp bạn tập trung vào code tạo trang, phát triển nhanh dễ dàng mơ MVC 1.2.4 CƠ SỞ DỮ LIỆU 1.2.4.1 KHÁI NIỆM Cơ sở liệu (Database) tập hợp liệu có tổ chức, thường lưu trữ truy cập điện tử từ hệ thống máy tính Khi sở liệu phức tạp hơn, chúng thường phát triển cách sử dụng kỹ thuật thiết kế mơ hình hóa thức 1.2.4.2 HỆ QUẢN TRỊ CSDL SQL SERVER  Phần mềm Microsoft phát triển dựa RDBMS  Cũng ORDBMS (Hệ quản trị sở liệu quan hệ đối tượng)  Một tảng độc lập  Phần mềm sử dụng giao diện dòng lệnh giao diện GUI  Hỗ trợ ngôn ngữ SQL (trước SEQUEL - ngơn ngữ truy vấn tiếng Anh có cấu trúc) - vốn sản phẩm IBM 1.3 MỤC TIÊU CỦA HỌC PHẦN  Tìm hiểu làm việc với ngôn ngữ C#  Thiết kế web sử dụng HTML, CSS, JavaScript  Làm việc với CSDL liệu SQL Server  Phát triển xây dựng ứng dụng WEB với ASP.NET  Sử dụng Entity Framework để tương tác với CSDL  Xây dựng ứng dụng ASP.NET theo mơ hình tier Phần 2: 2.1 KẾT QUẢ NGHIÊN CỨU LƯỢC ĐỒ CƠ SỞ DỮ LIỆU QUAN HỆ 2.2 CÁC ĐIỀU KHIỂN CHÍNH 2.2.1 ArticleController 2.2.1.1 Thêm Bài Viết Hàm thực nhận request với method post sau lấy thông tin gửi từ form thực lưu trữ hình ảnh có ảnh, thêm key word vào bảng keyword_article thêm viết vào bảng article Nếu thành công chuyển tiếp đến trang danh sách viết 2.2.6 Phân Quyền Hàm sẽẽ ch y đầầu tên mỗẽi controllẽr ho ặc mẽthod đánh dầấu đ ược g ọi 2.3 GIAO DIỆN 2.3.1 Trang Chủ 15 2.3.2 Chi Tiết Bài Viết 2.3.3 Comment 16 2.3.4 Chỉnh Sửa Comment 2.3.5 Tải thêm viết 17 2.3.6 Tìm kiếm Bài Viết 2.3.7 Xem Theo Danh Mục 18 2.3.8 Biểu Đồ Thống Kê Số Bài Viết Trong Tháng 2.3.9 Danh Sách Bài Viết 19 2.3.10 Sửa Bài Viết 2.3.11 Xem Chi Tiết Bài Viết 20 2.3.12 Tạo Bài Viết Mới 2.3.13 Import File Word To Ckeditor 21 2.3.14 Xóa Bài Viết 2.3.15 Đăng Nhập 22 2.3.16 Đăng Ký 23 2.3.17 Duyệt Bài 2.3.18 Danh Mục 24 2.3.19 Nhà Báo 2.3.20 Không Có Bài Viết Trong Tuần 25 2.3.21 Xuất File Excel 26 2.3.22 Bạn Đọc 2.3.23 Sửa Thông tin 27 2.3.24 Thêm Tài Khoản 2.4 Kết Luận Qua tập lớn sinh viên biết cách sử dụng ASP.NET để thiết kế website theo mơ hình MVC Biết cách sử dụng Entity Framework để tương tác với sở liệu Sử dụng ajax, jquery, boostrap để thiết kế frontend Phần 3: KIẾN THỨC LĨNH HỘI VÀ BÀI HỌC KINH NGHIỆM 3.1 CÁC KĨ NĂNG HỌC ĐƯỢC  Sử dụng ASP.NET MVC  Sử dụng razor page  Sử dụng entity framework  Sử dụng jquery ajax  Sử dụng pagedlist để phân trang  Sử dụng OpenXMLPowerTool để chuyển file docx sang html 28  Sử dụng CloseXML để thao tác với File Excel  Sử dụng Chart.js để tạo biểu đồ 3.2 ĐẦU RA ĐẠT ĐƯỢC Biết cách sử dụng ngơn ngữ lập trình framework để tạo website tương tác với sở liệu 3.3 Khó Khăn  Ph i s ả dửngụSQL quẽry thuầần đ ểc pậ nh tậ b ng ả có quan h ệMany - to – Many thay s d ụng EnttyFramẽwork  Vi c chuy ệ n để i t ổ flẽ word sang html cầần tham kh oả codẽ mầẽu Tài Liệu Tham Khảo Giáo trình lập trình sở liệu web Chart.js documentation CKEditor Ecosystem Documentation ClosedXML’s documentation Open-Xml-PowerTools – EricWhiteDev 29 ... đáp ứng nhu cầu cập nhật thông tin người Nhưng có nhiều loại tin tức khiến cho người đọc khó tìm chọn lọc tin tức thể thao cần phải có trang tổng hợp tin tức thể thao cách xác nhanh chóng để đáp... hành thơng tin Về phía người dùng, họ xem thơng tin lúc nơi Về phía người cung cấp thơng tin, nhà báo, họ dễ dàng cập nhật tin tức Do việc sử dụng trang thông tin trực tuyến điều cần thiết nhằm... File Excel 26 2.3.22 Bạn Đọc 2.3.23 Sửa Thông tin 27 2.3.24 Thêm Tài Khoản 2.4 Kết Luận Qua tập lớn sinh viên biết cách sử dụng ASP.NET để thiết kế website theo mơ hình MVC Biết cách sử dụng Entity