Xây dựng website tin tức bằng ASP.NET MVC5

LỜI CẢM ƠN Ngày nay, công nghệ thông tin ngày phát triển tỏ rõ tầm quan trọng tất lĩnh vực, nói công nghệ thông tin trở thành thước đo để đánh giá phát triển xã hội đại – nơi mà người dần thoát khỏi cách làm việc thủ công, thô sơ dần tiến đến tin học hóa tất lĩnh vực để công việc có hiệu hơn, tiết kiệm thời gian nhân lực Việc nghiên cứu lập trình phần mềm, ứng dụng điều hướng tới sinh viên theo học công nghệ thông tin Bản báo cáo trình bày kết việc lập trình ứng dụng xây dựng trang tin tức onlline đề tài thực tập chuyên nghành Trong trình thực em nhận giúp đỡ nhiệt tình từ giảng viên khoa công nghệ thông tin Nhân dịp em xin gửi lời cảm ơn đến khoa công nghệ thông tin tạo hội giúp em tham gia học hỏi, rèn luyện kỹ cần thiết cho đợt thực tập chuyên nghành Đặc biệt em xin gửi lời cảm ơn đến giảng viên ThS.Nguyễn Thị Hồng Anh quan tâm góp ý cho làm thực tập chuyên nghành sẵn sàng trả lời thắc mắc cần thiết giúp em hoàn thành tốt làm Mặc dù có nhiều cố gắng kiến thức hạn chế với kinh nghiệm chưa có nên không tránh khỏi thiếu sót.Vì em mong nhận ý kiến đóng góp bổ sung thầy cô giáo bạn để làm thực tập chuyên nghành em hoàn thiện Sinh viên thực Nguyễn Duy Thắng ĐỀ TÀI: Xây dựng website tin tức ASP.NET MVC5 Giáo Viên Hướng Dẫn ThS Nguyễn Thị Hồng Anh Giáo viên hướng dẫn: ThS.Nguyễn Thị Hồng Anh Sinh viên thực hiện: Nguyễn Duy Thắng MỤC LỤC Mục đích, yêu cầu trang web Sau học tìm hiểu ngôn ngữ ASP.NET, khả thực tế kiến thức có được, em xây dựng Website tin tức Website tin tức giải pháp tạo lập trang báo điện tử với khả tiếp cận độc giả toàn cầu liên tục Khả xuất thông tin nhanh chóng tính cập nhật đa dạng.Website tin tức bao gồm hệ thống quản lý nội dung – cho phép biên tập tin tức, hình ảnh, xếp theo chuyên mục, phân quyền đến chức biên tập duyệt tin Yêu cầu hệ thống - Hình thức thông tin đa dạng sống động - Giao diên thân thiện, dễ nhìn - Cập nhật tin tức, kiện, hoạt động 24/24 - Thông tin cập nhật sửa đổi thường xuyên - Có khả cập nhật, sửa, xoá - Có khả tra tìm kiếm cách nhanh chóng II PHÂN TÍCH HỆ THỐNG Yêu cầu chi tiết website - Hiển thị danh mục tin tức - Hiển thị chi tiết tin tức cập nhật - Hiện thị kết việc tìm kiếm danh mục, tin tức, viết - Hiện thị lượt tin nhất, tin bật, tin xem nhiều tin bạn đọc, độc giả bình luận nhiều a Đối với người truy cập Website với chức User Giáo Viên Hướng Dẫn ThS Nguyễn Thị Hồng Anh - Cho phép đăng ký thành viên - Cho phép xem tin tức tìm kiếm thông tin tin tức - Cho phép Post ý kiến góp ý diễn đàn ,bình luận tin tức, kiện b Đối với người quản trị - Quản lý user: xoá, sửa, nhập thêm User, Admin - Cập nhật thông tin liên quan, sửa thông tin , xoá - Hiển thị thông tin lên theo danh mục tin tức Biểu đồ phân cấp chức năng, biểu đồ luồng liệu a Biểu đồ phân cấp chức - Hệ thống WebSite Tin tức Hệ thống WebSite Tin tức Trang chủ Thời Sự Kinh doanh Pháp luật Thể thao Giáo dục Đời sống Giải trí Thoát Người quản trị: Admin Chức login: Đảm bảo tính bảo mật cho toàn hệ thồng có người có quyền Amin tham gia vào chức người quản trị toàn Giáo Viên Hướng Dẫn ThS Nguyễn Thị Hồng Anh hệ thống (Nhập, sửa, xóa, xem viết thành viên, quản lí tài khoản người sử dụng Admin Hệ thống WebSite Xem viết Quản lý User Tìm kiếm Thành viên WebSite: Dành cho User đăng nhập vào (Xem thông tin sản phẩm, gửi viết đóng góp ,góp ý…) User Hệ thống Website Gửi viết Tìm kiếm b Biểu đồ luồng liệu - Biểu đồ luồng liệu mức khung cảnh Yêu cầu quản lý Admin Hệ thống Yêu cầu User Quản lýchung Giáo Viên Hướng Dẫn ThS Nguyễn Thị Hồng Anh Chấp nhận/ không - Biểu đồ luồng liệu mức đỉnh Amin User Trang chủ Tìm kiếm Phân quyền Sửa đổi tin Thông tin cập nhật Thông tin cập nhật Đăng nhập HT Thông tin cập nhật + Chức cập nhật Các tin Các danh mục tin Thêm viết Chi tiết tin Sửa Xóa Bổ sung Database Giáo Viên Hướng Dẫn ThS Nguyễn Thị Hồng Anh Thông tin vừa nhập lưu vào kho liệu Các thông tin kho liệu cập nhật (sửa, xoá) + Chức tìm kiếm Kho liệu Tìm kếm viết Thông tin Kết User Yêu cầu thông tin Người dùng tìm kiếm cho thông tin tin tức, viết mà quan tâm + Chức đăng ký thành viên Database Đăng ký/đăng nhập Thông tin chấp nhân/không Kết Yêu cầu đăng nhập hệ thống Giáo Viên Hướng Dẫn ThS Nguyễn Thị Hồng Anh User - Người dùng thành viên xem thông tin tin tức Website hệ thống login thực việc kiểm tra đăng nhập đăng ký thành viên cho phép User thành viên Website Các thông tin thành viên lưu trữ CSDL Database III THIẾT KẾ HỆ THỐNG (CƠ SỞ SỮ LIỆU) Thiết kế CSDL - Cơ sở liệu nhằm lưu giữ thông tin cần thiết cho chương trình Với sở liệu thể rõ thông tin tối thiểu cần có việc quản lý - Để lưu trữ CSDL thực thao tác, thuật toán khác với trang web cần phải tìm cấu trúc liệu thích hợp để mô tả trình hoạt động trang web - Để tạo sở liệu, trước hết ta phải xác định thông tin cần thiết - Sau ta thiết kế, tạo bảng chứa trường định nghĩa kiểu liệu có Sau tạo cấu trúc sở liệu, sở liệu chứa liệu dạng ghi Lựa chọn ngôn ngữ lập trình Giới thiệu ASP.NET MVC Giáo Viên Hướng Dẫn ThS Nguyễn Thị Hồng Anh - Asp.net MVC công nghệ lập trình web động Microsoft phát triển (các phiên trước song song Asp.net web form, Asp.net WebPage) Asp.net MVC cải tiến Asp.net webformvà kết hợp kỹ thuật asp.net WebPage (Kỹ thuật lập trình WebPage tương tự PHP công nghệ lập trình web mã nguồn mở phỏ biến nay) Chúng tận dụng kỹ thuậ lập trình hướng đối tượng ngôn ngữ net , mô hình Entity Framework webform , đồng thời tận dụng khả lập trình phía client ( hỗ trợ lập trình javascript , css tốt so với webform) Đó tính mạnh công nghệ PHP mà webform (Một khái niệm bạn bỡ ngỡ web động Web động thực website xây dựng từ ngôn ngữ lập trình C# , vb.net , PHP , Java để tự động sinh mã HTML ( nội dung lấy lưu trữ sở liệu ) Đó điểm khác biệt với trang html tĩnh ) - Từ phiên MVC 3, Microsoft tích hợp công cụ xây dựng giao diện Razor View Engine Khiến cho lập trình viên không phàn nàn việc sử lý Client rắc rối webform so với PHP - Nói chung MVC tận dụng sức mạnh lập trình hướng đối tượng net sinh xử lý mã HTML ( php jsp ) Đó tư tưởng chủ đạo giới lập trình net Microsoft : tích hợp hay công nghệ khác , công với sáng tạo riêng để sinh công nghệ hoàn hảo Đây điều đáng để bạn tự học hay người bước chân vào giới lập trình web học công nghệ Asp.net MVC, Asp.net MVC tận dụng tối đa sức mạnh lập trình công nghệ lập trình web khác ( php , java ), đồng thời có sáng tạo sức mạnh riêng mà công nghệ Giới thiệu MVC5 - Mô hình MVC phân chia ứng dụng làm tầng : Model, View, Controller Giáo Viên Hướng Dẫn ThS Nguyễn Thị Hồng Anh Model : nơi định nghĩa lớp ứng dụng, lớp định nghĩa sở liệu View : nơi định nghĩa giao diện để sinh mã html hiển thị trình duyệt - Việc hiển thị nội dung View MVC dùng đối tượng Html để hiển thị Đây điểm razor view engine so với webform, làm cho lập trình mvc trở nên dễ hiểu view so với webform ( webform liệu hiển thị web Control, tức học webform bắt buộc bạn cần học thuộc tính loại Control, sau aspx Engine tự động sinh mã html chạy ứng dụng ) Còn với MVC bạn không cần học hết việc hiểu biết Html ngôn ngữ net ( C# vb.net) Controller : nơi trao đổi liệu View Model Controller lấy liệu trả View, Controller lẫy yêu cầu view để xử lý, tương tác với CSDL - Asp.net MVC5 phiên MVC4 xây dựng net 4.5 - Asp.net MVC5 kế thừa tính mạnh từ phiên trước MVC3, MVC4 tích hợp thêm số tính xử lý đa tiến trình, tương tác với Web API 2.0 tốt MVC4 - Tính tới thời điểm viết tài liệu có phiên thử nghiệm MVC6 Asp.net vNext Asp.net vNext phiên lập trình web coi tất bao gồm framework, library khác mvc, web api, xml … Tức thích điều khai báo điều để sử dụng Giáo Viên Hướng Dẫn ThS Nguyễn Thị Hồng Anh - Với Asp.net vNext hứa hẹn tạo nên kỹ thuật lập trình web tiện dụng nhiều.Và MVC5 công nghệ có nhiều cải tiến trước xây dựng ứng dụng web VNET MVC Visual Studio2013 - Một điểm mạnh công nghệ lập trình web Asp.net có IDE tốt Microsoft để phát triển ứng dụng Visual Studio - Hiện Visual Studio có tới phiên Visual Studio 2013 Update (và có thử nghiệm Visual Studio 14) - Với Visual Studio 2013 Update có IDE xây dựng mã nguồn mạnh từ việc viết code(hỗ trợ nhiều ngôn ngữ C#, HTML – HTML5, CSS – CSS3, Type Script, SASS ) - Ngoài Visual Studio 2013 Update thay đổi nhiều cách biên dịch xây dựng ứng dụng - Đặc biệt với MVC5 Visual Studio 2013 Update tích hợp thêm thư viện xây dựng giao diện bootstrap hay xây dựng javascript ngôn ngữ hướng đối tượng Type Script hay CSS với ngôn ngữ SASS Lựa chọn cài đặt CSDL - Lựa chọn hệ quản trị CSDL để thực lưu trữ CSDL cho chương trình có vai trò quan trọng định không nhỏ đến thành công chương trình Lựa chọn hệ quản trị CSDL chịu tác động nhiều yếu tố khách quan chủ quan, phụ thuộc vào toán thuật toán cụ thể - SQL Server hệ quản trị CSDL quen thuộc, gần gũi với HSSV em định chọn SQL Server 20012 để lưu trữ CSDL cho đề tài Xác định thực thể Bước đầu phân tích thiết kế sở liệu phân tích yêu cầu liệu, tức ta phải xác định thông tin cần quản lý để xác đinh đối tượng cần thiết lưu trữ liệu vào bảng - Admin: Đây thực thể xác định quyền điều hành quản trị hệ thống Người quản trị hệ thống có quyền hạn cao hệ thống Giáo Viên Hướng Dẫn ThS Nguyễn Thị Hồng Anh - User: Đây người sử dụng đăng nhập vào hệ thống để xem tin tức Sp gửi góp ý thông tin User - Loại thông tin: loại thông tin viết có mã danh mục để phân biệt với loại thông tin danh mục khác Xuất phát từ trình xác định thực thể ta xây dựng CSDL có tên : Tintucdb_ MVC5.bank CSDL gồm có bảng sau: Bảng MigrationHistory Tên trường MigrationId ContextKey Model ProductVersion Kiểu liệu nvarchar(150) nvarchar(300) Varbinary(MAX) Nvarchar(32) Bảng About Tên trường Id Title [Content] CreatedOn LastUpdate Kiểu liệu int Nvarchar(MAX) Nvarchar(MAX) smalldatetime smalldatetime Bảng Accounts Tên trường UserId Username Password FullName Email Telephone CreateDateTime Kiểu liệu int nvarchar(MAX) nvarchar(MAX) nvarchar(MAX) nvarchar(MAX) nvarchar(MAX) nvarchar(MAX) Giáo Viên Hướng Dẫn ThS Nguyễn Thị Hồng Anh Bảng Contact Tên trường Kiểu liệu Id Fullname Telephone Email Address Message SentDateTime int nvarchar(30) nvarchar(20) nvarchar(MAX) nvarchar(MAX) nvarchar(1000) smalldatetime Bảng News Tên trường Id Caption Image Metadata [Content] CreateDate Time NewsCategoryId Classification Kiểu liệu int nvarchar(Max) nvarchar(Max) nvarchar(Max) nvarchar(Max) smalldatetime int nvarchar(Max) Bảng NewsCategory Giáo Viên Hướng Dẫn ThS Nguyễn Thị Hồng Anh Tên trường Kiểu liệu Id Name Description Image CreateDateTime int nvarchar(MAX) nvarchar(Max) nvarchar(Max) smalldatetime Bảng VisitorStatistics Tên trường Today Yesterday ThisMonth LasMonth TotalVisitor DateTimeUpdated Biểu đồ quan hệ mô hình liệu Giáo Viên Hướng Dẫn ThS Nguyễn Thị Hồng Anh Kiểu liệu int bigint bigint bigint bigint smalldatime IV GIAO DIỆN CHƯƠNG TRÌNH Phần dành cho người sử dụng - Hệ thống trang chủ hiển thị thông tin tất danh mục tin, tin nhất, tin bật, viết, đăng,các tin xem nhiều nhất, bình luận nhiều * Các chức trên trang chủ gồm: - header-right: Hiển thị slide show tin bật - Header-left:login tài khoản facebook,youtobe,google+, Giáo Viên Hướng Dẫn ThS Nguyễn Thị Hồng Anh - Menu_Left: Hệ thống Menu phải gồm có chức hiển thị toàn nhóm tin Web: thời sự, kinh doanh, pháp luật, thể thao,giáo dục, đời sống, giải trí khuyên … - Body: Hiển thị chi tiết tin - Menu: Hiển thị tiêu đề chuyên mục - Menu: Danh mục tin đổ xuống theo slide list video bật - Danh mục tin bật lượt tin xem nhiều Danh mục thời lượt tin bình luận nhiều Giáo Viên Hướng Dẫn ThS Nguyễn Thị Hồng Anh Danh mục kinh doanh phần quảng cáo Phần dành cho quản trị website Trang chủ quản trị Giáo Viên Hướng Dẫn ThS Nguyễn Thị Hồng Anh Trang quản lý chuyên mục tin Trang quản lý tin tức, danh mục viết, cho phép cập nhật viết mới, thêm sửa xóa nội dung Giáo Viên Hướng Dẫn ThS Nguyễn Thị Hồng Anh Trang ban quản trị wedsite, danh sách tài khoản cập nhật, hiển thị Giáo Viên Hướng Dẫn ThS Nguyễn Thị Hồng Anh Trang quản lý liên hệ, danh sách độc giả liên hệ tới ban quản trị V KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN Giáo Viên Hướng Dẫn ThS Nguyễn Thị Hồng Anh Sau thời gian tìm hiểu nghiên cứu đề tài “ Xây dựng trang tin tức online” em phát triển hoàn thành theo yêu cầu nội dung thời gian quy định Trong trình nghiên cứu thực đề tài với tâm cao hạn chế kinh nghiệm kiến thức nên đề tài em chắn tránh khỏi thiếu sót Em mong nhận ý kiến đóng góp từ quý thầy cô bạn để đề tài hoàn thiện Kết đạt - Hoàn thiện mộ số chức trang báo điện tử - Lập trình thành thạo với ASP.NET MVC hệ quản trị sở liệu SQL sever 2012 Hạn chế đề tài - Do thời gian tìm hiểu hạn chế nên em chưa thể hoàn thành hết chức chương trình Hướng phát triển - Mở rộng thêm nhiều cho phép người dùng đăng kí để nhận tin, cho phép người dùng gửi ý kiến bình luận, đăng kí hosting để hoàn thành website hàn chỉnh - Thêm số chức - Em mong tiếp tục nhận giúp đỡ tạo điều kiện quý thầy cô nhà trường để em tiếp tục mở rộng đề tài Người làm đề tài: Nguyễn Duy Thắng – 52K2 CNTT – ĐH Vinh SĐT: 01683998679 mail: thangnd.vinhuni@gmail.com Giáo Viên Hướng Dẫn ThS Nguyễn Thị Hồng Anh [...]...- User: Đây là người sử dụng đăng nhập vào hệ thống để xem tin tức Sp gửi góp ý thông tin về User - Loại thông tin: mỗi loại thông tin bài viết có một mã danh mục để phân biệt với các loại thông tin danh mục khác Xuất phát từ quá trình xác định các thực thể như trên ta có thể xây dựng một CSDL có tên là : Tintucdb_ MVC5. bank và CSDL gồm có các bảng sau: Bảng MigrationHistory Tên trường... DIỆN CHƯƠNG TRÌNH 1 Phần dành cho người sử dụng - Hệ thống trang chủ hiển thị thông tin tất cả các danh mục tin, các tin mới nhất, tin nổi bật, các bài viết, bài đăng,các tin xem nhiều nhất, bình luận nhiều nhất * Các chức năng trên trên trang chủ gồm: - header-right: Hiển thị slide show các tin nổi bật - Header-left:login bằng các tài khoản facebook,youtobe,google+, Giáo Viên Hướng Dẫn ThS Nguyễn Thị... 7 chức năng hiển thị toàn bộ nhóm tin Web: thời sự, kinh doanh, pháp luật, thể thao,giáo dục, đời sống, giải trí khuyên … - Body: Hiển thị chi tiết các tin bài - Menu: Hiển thị tiêu đề chuyên mục - Menu: Danh mục các tin mới nhất được đổ xuống theo slide list và video nổi bật - Danh mục các tin nổi bật và các lượt tin được xem nhiều nhất Danh mục thời sự và các lượt tin được bình luận nhiều nhất Giáo... tin được bình luận nhiều nhất Giáo Viên Hướng Dẫn ThS Nguyễn Thị Hồng Anh Danh mục kinh doanh và các phần quảng cáo 2 Phần dành cho quản trị website Trang chủ quản trị Giáo Viên Hướng Dẫn ThS Nguyễn Thị Hồng Anh Trang quản lý các chuyên mục tin Trang quản lý tin tức, danh mục các bài viết, cho phép cập nhật bài viết mới, thêm sửa xóa nội dung Giáo Viên Hướng Dẫn ThS Nguyễn Thị Hồng Anh Trang của ban... quản lý liên hệ, danh sách những độc giả liên hệ tới ban quản trị V KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN Giáo Viên Hướng Dẫn ThS Nguyễn Thị Hồng Anh Sau một thời gian tìm hiểu và nghiên cứu đề tài “ Xây dựng trang tin tức online” em đã được phát triển và hoàn thành cơ bản theo đúng yêu cầu về nội dung và thời gian quy định Trong quá trình nghiên cứu và thực hiện đề tài với quyết tâm cao nhưng do hạn chế về... trình khá thành thạo với ASP.NET MVC 5 và hệ quản trị cơ sở dữ liệu SQL sever 2012 2 Hạn chế của đề tài - Do thời gian tìm hiểu còn hạn chế nên em chưa thể hoàn thành hết chức năng của chương trình 3 Hướng phát triển - Mở rộng thêm nhiều chắc năng mới như cho phép người dùng đăng kí để nhận tin, cho phép người dùng có thể gửi ý kiến bình luận, đăng kí hosting để hoàn thành một website hàn chỉnh - Thêm ... ngôn ngữ ASP.NET, khả thực tế kiến thức có được, em xây dựng Website tin tức Website tin tức giải pháp tạo lập trang báo điện tử với khả tiếp cận độc giả toàn cầu liên tục Khả xuất thông tin nhanh... website - Hiển thị danh mục tin tức - Hiển thị chi tiết tin tức cập nhật - Hiện thị kết việc tìm kiếm danh mục, tin tức, viết - Hiện thị lượt tin nhất, tin bật, tin xem nhiều tin bạn đọc, độc giả bình... để xem tin tức Sp gửi góp ý thông tin User - Loại thông tin: loại thông tin viết có mã danh mục để phân biệt với loại thông tin danh mục khác Xuất phát từ trình xác định thực thể ta xây dựng CSDL