Đồ án môn học LẬP TRÌNH ỨNG DỤNG WEB Bán Sách mô hình MVC có file đính kèm

Nghiên cứu cơ sở lý thuyết về ASP.NET, MVC 5Xây dựng chức năng hiển thị sách mới nhất.Xây dựng chức năng thêm, xóa, sửa vào các mục như sách, nhà xuất bản, chủ đề sách…Xây dựng chức năng Upload hình ảnh đại diện cho sách.Xây dựng chức năng Thêm, sửa và xóa tài khoản đăng nhập.Xây dựng chức năng Lọc các kết quả sách theo chủ đề sách, nhà xuất bản, tác giả.Xây dựng chức năng hiển thị quảng cáo động.Xây dựng chức năng hiển thị tooltip động.Xây dựng chức năng tìm kiếm sáchXây dựng chức năng Tạo giỏ hàng.

TRƯỜNG ĐẠI HỌC CÔNG NGHỆ TPHCM KHOA CÔNG NGHỆ THÔNG TIN ***** ĐỒ ÁN MƠN HỌC LẬP TRÌNH ỨNG DỤNG WEB WEBSITE BÁN SÁCH GIẢNG VIÊN HƯỚNG DẪN: ThS NGUYỄN ĐÌNH ÁNH SINH VIÊN THỰC HIỆN: ĐẶNG THÀNH PHÁT 1311060941 13DTHM02 NGUYỄN HUỲNH KIM DUYÊN 1311060507 13DTHM02 DƯƠNG HIỂN VINH 1311061372 13DTHM02 NGUYỄN TIẾN THỊNH 1311061174 13DTHM02 VĂN THÁI NHỰT DUY 1311060502 13DTNM02 Tháng 10 – Năm 2016 LỜI CÁM ƠN Em xin chân thành cám ơn thầy Nguyễn Đình Ánh giáo viên hướng dẫn đề tài mà em thực hiện, em trân trọng giúp đỡ nhiệt tình thầy để em hồn thành tốt đồ án Em xin cám ơn khoa Công Nghệ Thông Tin tạo điều kiện tốt để em có tiết học tuyệt vời Em xin cám ơn trường Đại học Công Nghệ trường tuyệt đẹp tốt mà em học Xin cám ơn trường đóng góp giúp em có kiến thức khơng mặc học vấn mà kiến thức xã hội để giúp em vững bước đường NHẬN XÉT CỦA GIẢNG VIÊN ……………………………………………………………………………… ……………………………………………………………………………… ……………………………………………………………………………… ……………………………………………………………………………… ……………………………………………………………………………… ……………………………………………………………………………… ……………………………………………………………………………… ……………………………………………………………………………… ……………………………………………………………………………… ……………………………………………………………………………… ……………………………………………………………………………… ……………………………………………………………………………… ……………………………………………………………………………… ……………………………………………………………………………… ……………………………………………………………………………… ~2~ MỤC LỤC CHƯƠNG I: PHẦN MỞ ĐẦU Lý chọn đề tài Xã hội ngày tiến bộ, nhu cầu tiếp cận thông tin người ngày lớn, thơng tin có chọn lọc lại nhu cầu lớn hơn, xuất phát từ nhu cầu nhằm mục đích tạo kênh mua bán sách mạng, phục vụ cho tất người, để họ thuận tiện việc tiếp cận nguồn tri thức nhân loại, trang web phục vụ bán sách nước, giao hàng thu tiền tận nơi Mục tiêu nhiệm vụ nghiên cứu 2.1 Mục tiêu nghiên cứu Tạo cho người trang mua bán sách lúc, nơi 2.2 Nhiệm vụ nghiên cứu Nghiên cứu sở lý thuyết ASP.NET, MVC - Xây dựng chức hiển thị sách - Xây dựng chức thêm, xóa, sửa vào mục sách, nhà xuất bản, chủ đề sách… - Xây dựng chức Upload hình ảnh đại diện cho sách - Xây dựng chức Thêm, sửa xóa tài khoản đăng nhập - Xây dựng chức Lọc kết sách theo chủ đề sách, nhà xuất bản, tác giả - Xây dựng chức hiển thị quảng cáo động - Xây dựng chức hiển thị tooltip động - Xây dựng chức tìm kiếm sách - Xây dựng chức Tạo giỏ hàng Đối tượng khách thể nghiên cứu 3.1 Đối tương nghiên cứu Website bán hàng qua mạng (hoanghaobookstore.somee.come) 3.2 Khách thể nghiên cứu Website công nghệ ASP.NET, MVC Giới hạn đề tài ~3~ Trang web có chức sau: - Chức thêm xóa sửa sách, nhà xuất bản, tác giả, chủ đề sách - Chức Hiển thị sách nhập - Chức Hiển sách nhà xuất bản, tác giả, chủ đề sách - Chức Upload hình ảnh đại diện - Chức Hiển thị tooltip động hình đại diện cho sách - Chức Đổi mật đăng nhập - Chức Ghi nhớ mật đăng nhập - Chức Tạo lịch click vào textbox nhập ngày tháng năm - Chức Tạo giỏ hang - Chức thêm quảng cáo động Phương pháp nghiên cứu - Tìm hiểu sách báo - Tìm hiểu Mạng xã hội - Tìm hiểu Diễn đàn Cơng Nghệ Thông Tin CHƯƠNG II: CƠ SỞ LÝ THUYẾT Giới thiệu ASP.net MVC - Controller: - View: Model: Nhận yêu cầu từ user Xử lý xây dựng Model phù hợp Chuyển Model cho View Tiếp nhận Model từ Controller để sinh giao diện phù hợp Chứa liệu chia chung Controller View Lịch sử phát triển ASP.net MVC ~4~ - Khơng cịn Web Forms Khơng cịn Visual Basic Hợp MVC Web API Controller Giới thiệu Controller - Xử lý tác động mặt giao diện, thao tác models, chọn view để hiển thị hình - Điều hướng yêu cầu từ người dùng gọi phương thức xử lý - Trong MVC, view có tác dụng hiển thị giao diện, cịn điều khiển Controllers đảm trách Giới thiệu View - Chịu trách nhiệm hiển thị thông tin lên cho người dùng thông qua giao diện - Chứa đối tượng GUI(Textbox, images ) - Các thông tin cần hiển thị lấy từ thành phần Models Ví dụ: Đối tượng Product có "Edit" view bao gồm textboxes, dropdowns checkboxes để chỉnh sửa thuộc tính sản phẩm Giới thiệu Models - Lưu trữ thông tin, trạng thái đối tượng, lớp ánh xạ từ bảng CSDL - Chứa tất nghiệp vụ logic, phương thức xử lý, truy xuất database, Class, hàm xử lý Ví dụ: Lớp Product sử dụng để mô tả liệu từ bảng Products, bao gồm ProductID, OrderDate MVC làm việc ~5~ - User tương tác với View, cách click vào button, gửi yêu cầu Controller nhận điều hướng đến phương thức xử lý Model Model nhận thông tin thực thi yêu cầu, View nhận kết từ Model hiển thị lại cho người dùng Ưu khuyết điểm MVC 7.1 Ưu điểm - Thể tính chun nghiệp lập trình, PTTK - Được chia thành thành phần độc lập nên giúp phát triển ứng dụng nhanh, dễ nâng cấp, bảo trì - Ứng dụng tạo chạy ổn định Windows - Đáp ứng nhiều loại thiết bị truy cập - An tồn, dễ tích hợp 7.2 Khuyết điểm - Đối với dự án nhỏ việc áp dụng mô hình MVC gây cồng kềnh, tốn thời gian trình phát triển - Tốn thời gian trung chuyển liệu thành phần Sự khác biệt với WebForm ~6~ Lợi ích Web dựa mơ hình MVC - Dễ dàng quản lý phức tạp ứng dụng cách chia ứng dụng thành Model, View, Controller - Không sử dụng view state server-based form Điều tốt cho lập trình viên muốn quản lý hết khía cạnh ứng dụng - Sử dụng mẫu Front Controller, mẫu giúp quản lý requests (yêu cầu) thông qua Controller Hỗ trợ tốt cho mơ hình phát triển ứng dụng hướng kiểm thử (TDD) - Hỗ trợ tốt cho ứng dụng xây dựng đội có nhiều lập trình viên thiết kế mà quản lý tính ứng dụng CHƯƠNG III: KHẢO SÁT VÀ PHÂN TÍCH HỆ THỐNG Khảo sát hệ thống 1.1 Mục đích yêu cầu trang Web ~7~ Sau học tìm hiểu ngơn ngữ ASP.NET MVC 5, khả thực tế kiến thức có được, nhóm em xây dựng Website Bán sách , trang web giới thiệu sách hàng ngày qua mục xếp hợp lý Qua nghiên cứu tìm hiểu Website có mạngnhóm chúng em rút yêu cầu mục đích mà trang Web cần đạt được… 1.2 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, màu sắc khơng đối lập - Cung cấp thông tin phát triển hoạt động - Thông tin cập nhật sửa đổi thường xun - Có khả cập nhật, sửa, xố - Có khả tra tìm kiếm đặt hàng cách nhanh chóng - An tồn liệu Phân tích hệ thống 2.1 Yêu cầu chi tiết Website - Hiển thị danh mục Hiển thị chi tiết thơng tin có danh mục Hiển thị kết đăng kí, tìm kiếm, đăng nhập… Hiển thị thông tin mới, cập nhật ngày Đối với người truy cập Website với chức User Cho phép đăng ký thành viên Cho phép xem, tìm kiếm thơng tin sản phẩm Cho phép bình luận sản phẩm Đố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 , xố thơng tin Kiểm tra, chỉnh sửa Post lên user sau đăng Hiển thị thơng tin lên theo nhóm sách, chun mục sách… ~8~ Biểu đồ phân cấp chức ~9~ Sơ đồ luồng liệu CHƯƠNG IV: NGHIÊN CỨU VÀ XÂY DỰNG TRANG WEB Thiết kế sở liệu 1.1 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, thông tin Admin cung cấp Username, Password, họ tên, mã nhóm, email - User: Đây người sử dụng đăng nhập vào hệ thống để xem tin gửi viết Thông tin User gồm Username, password, họ tên, mã nhóm, email… - Loại thơng tin: loại thơng tin có mã loại thơng tin để phân biệt với loại thông tin khác.Cùng với mã loại thơng tin cịn có tiêu đề loại thông tin ~ 10 ~ 2.2 Cài đặt hệ thống B1: Đầu tiên đa cài đặt sql server 2008 sql server 2014 sau cài đặt visual studio 2013 visual 2015 B2: Kế đến cài đặt trình duyệt Google Chrome, FireFox CocCoc v.v… 2.3 Hướng dẫn cài đặt chương trình Đầu tiên ta copy tịan đĩa thư mục ổ đĩa cục máy tính: Sau ta khởi động visual studio 2013 sau menu chọn file -> open -> website -> đến thu mục lưu website bán sách ổ đĩa cứng (lưu ý lưu website ổ đĩa cục local) nhấn open: ~ 16 ~ Thiết kế giao diện trang web 3.1 Phần dành cho User ~ 17 ~ Trang chủ trang mà người sử dụng gặp ghé thăm trang web Tại trang chủ khách viếng thăm thấy sách mà cửa hàng cung cấp Trang sách theo chủ đề (Sach_theo_chu_de.aspx) ~ 18 ~ Đây trang hiển thị chủ đề sách tương ứng bạn click vào menu chủ đề sách bên trái, tất sách thuộc chủ đề hiển thị tương ứng phần trang web, phần sách chủ đề sách mà bạn chọn, tổng số sách tương ứng Trang sách theo nhà xuất (Sach_theo_NXB.aspx) Đây trang hiển thị nhà xuất tương ứng bạn click vào menu nhà xuất bên trái, tất sách thuộc nhà xuất hiển thị tương ứng phần trang web, phần sách chủ đề sách mà bạn chọn, tổng số sách tương ứng ~ 19 ~ Trang giới thiệu (Gioi_Thieu.aspx) Đây trang giới thiệu cửa hang sách Trang đăng ký tài khoản (Dang_Ky.aspx) Trang dùng để người dùng đăng ký tài khoản để mua sách trực tuyến ~ 20 ~ Trang đăng nhập tài khoản (Dang_Nhap_KH.aspx) Trang dùng để đăng nhập vào trang web, click vào checkbox “ghi nhớ mật cho lần đăng nhập sau” trang tự động đăng nhập bạn truy cập vào trang lần Trang liên hệ (Lien_He.aspx) Trang cung cấp thông tin cho người dùng địa chỉ, số điện thoại, email để họ liên lạc với nhà sách Trang chi tiết sách (Chi_tiet_sach.aspx) ~ 21 ~ Trang hiển thi chi tiết sách bạn click vào tựa sách mà bạn quan tâm Sau đăng nhập tài khoản user trang sau đăng nhập Bên phải “menu người dùng” gồm có lựa chọn: “thông tin nhân”, “đổi mật khẩu”, “thoát” menu quen thuộc giới thiệu bên phần admin Ngay phía menu người dùng menu giỏ hàng bên đường link liên kết đến trang giỏ hàng, phía thơng báo tổng tiền mua sách Để đến với trang giỏ hàng bạn nhấp vào nút chọn mua sách hiển thị Sau nhấp vào nút “chọn mua”, bạn đưa đến trang giỏ hàng với sách vừa chọn giao diện: Tổng số sách tổng tiền cập nhật, bạn muốn xóa sách khỏi giỏ hàng việc nhấn vào “xóa sách” ~ 22 ~ Sau chọn sách ưng ý, bạn nhấn vào nút toán, sau nhấn ta có thơng báo: Như bạn mua thành công sách chuyển đến tạn nơi cho bạn và thu tiền tận nơi ~ 23 ~ 3.2 Phần dành cho Admin Những trang hữu dụng sau đăng nhập quyền trị trang web (username: admin, password: admin) CHƯƠNG V: KẾT LUẬN Ưu điểm - Thêm xóa sửa sở liệu, hiển thị số người ghé thăm trang web, số người online, hiển thị quảng cáo động, tìm kiếm sách - Hình thức thơng tin đa dạng sống động - Giao diên thân thiện, dễ nhìn, màu sắc khơng đối lập - Thơng tin cập nhật sửa đổi thường xuyên Hạn chế - Kinh nghiệm thiết kế chưa nhiều - Tuy thực hầu hết yêu cầu, mục tiêu đề chương trình chưa tối ưu, chưa thực chuyên nghiệp - Chủ đề sách nhà xuất chưa phong phú Hướng phát triển -Kết nối report toán - Xây dựng hệ thống gửi mail cho khách hàng sách - Kết nối webservice toán trực tuyến qua paypal - Tìm hiểu thêm ASP.NET để mở rộng thêm nhiều chức , cho hình trở nên tiện dụng ~ 24 ~ - Thêm số chức - Thêm chức bảo mật Tài liệu tham khảo http://dinhanhvn.com http://blogloi.com/huong-dan-hoc-html-can-ban-toan-tap/ http://hocwebchuan.com/ http://thietke.website/tag/15-bai-html-co-ban/ ~ 25 ~ ... với WebForm ~6~ Lợi ích Web dựa mơ hình MVC - Dễ dàng quản lý phức tạp ứng dụng cách chia ứng dụng thành Model, View, Controller - Không sử dụng view state server-based form Điều tốt cho lập trình. .. thức có được, nhóm em xây dựng Website Bán sách , trang web giới thiệu sách hàng ngày qua mục xếp hợp lý Qua nghiên cứu tìm hiểu Website có mạngnhóm chúng em rút yêu cầu mục đích mà trang Web. .. nghiên cứu Website bán hàng qua mạng (hoanghaobookstore.somee.come) 3.2 Khách thể nghiên cứu Website công nghệ ASP.NET, MVC Giới hạn đề tài ~3~ Trang web có chức sau: - Chức thêm xóa sửa sách, nhà