Đồ án môn học lập trình web xây dựng website bán linh kiện máy tính theo mô hình mvc

Untitled TRƯỜNG ĐẠI HỌC THỦ DẦU MỘT KHOA KỸ THUẬT – CÔNG NGHỆ ĐỒ ÁN MÔN HỌC LẬP TRÌNH WEB XÂY DỰNG WEBSITE BÁN LINH KIỆN MÁY TÍNH THEO MÔ HÌNH MVC GVHD TH S NGUYỄN HỮU VĨNH SVTH CAO VĂN TÂM MSSV 18248[.]

TRƯỜNG ĐẠI HỌC THỦ DẦU MỘT KHOA KỸ THUẬT – CƠNG NGHỆ ĐỒ ÁN MƠN HỌC LẬP TRÌNH WEB XÂY DỰNG WEBSITE BÁN LINH KIỆN MÁY TÍNH THEO MƠ HÌNH MVC GVHD: TH.S NGUYỄN HỮU VĨNH SVTH: CAO VĂN TÂM MSSV: 1824801030183 SVTH: PHAN THẾ NHỰT MSSV: 1824801030209 LỚP: D18PM03 BÌNH DƯƠNG – 12/2020 0 TRƯỜNG ĐẠI HỌC THỦ DẦU MỘT KHOA KỸ THUẬT – CÔNG NGHỆ ĐỒ ÁN MƠN HỌC LẬP TRÌNH WEB XÂY DỰNG WEBSITE BÁN LINH KIỆN MÁY TÍNH THEO MƠ HÌNH MVC GVHD: TH.S NGUYỄN HỮU VĨNH SVTH: CAO VĂN TÂM MSSV: 1824801030183 SVTH: PHAN THẾ NHỰT MSSV: 1824801030209 LỚP: D18PM03 BÌNH DƯƠNG – 12/2020 i 0 TRƯỜNG ĐẠI HỌC THỦ DẦU MỘT KHOA KỸ THUẬT – CÔNG NGHỆ NHẬN XÉT VÀ CHẤM ĐIỂM CỦA GIẢNG VIÊN Họ tên giảng viên: Nguyễn Hữu Vĩnh Tên đề tài: XÂY DỰNG WEBSITE BÁN LINH KIỆN MÁY TÍNH THEO MƠ HÌNH MVC Nội dung nhận xét: Điểm: Bằng số: Bằng chữ: GIẢNG VIÊN CHẤM (Ký, ghi rõ họ tên) ThS Nguyễn Hữu Vĩnh ii 0 MỞ ĐẦU Ngày khoa học kỹ thuật giới nói chung, Việt Nam nói riêng đà phát triển mạnh mẽ không ngừng nâng cao phát triển mặt Đặc biệt ngành công nghệ thông tin Để đáp ứng nhu cầu ngày cao người hàng loạt cơng ty máy tính đời ứng dụng công nghệ thông tin áp dụng ngày nhều hơn.Với công nghệ đại ngày người giải phóng cơng việc nặng nhọc thay vào ứng dụng công nghệ thông tin ngày đại kỹ xảo robot, máy tự động, phần mềm quản lý nhiều ứng dụng áp dụng thực tiễn Nhưng bên cạnh cịn nhiều vấn đề kỹ thuật mà người cần phải khắc phục Hàng năm có nhiều máy tính, phần mềm, ứng dụng bị lỗi bị hỏng lúc cần đến người sửa chữa, khắc phục cố Nhận thức tầm quan trọng vấn đề nên em chọn đề tài thực tập: “ Qua em xin cám ơn Thầy, cô giúp em trình học tập Đặc biệt em xin cảm ơn thầy Nguyển Hữu Vĩnh tận tình hướng dẫn sửa sai sót giúp em hoàn thành báo cáo iii 0 MỤC LỤC DANH SÁCH CÁC KÝ TỰ, CHỮ VIẾT TẮT vii CHƯƠNG 1:GIỚI THIỆU CÔNG NGHỆ CHƯƠNG 2: KHẢO SÁT VÀ THU THẬP YÊU CẦU 10 1.1 Thông tin cá nhân: 10 1.2 Các công nghệ sử dụng đề tài: 10 1.3 Khảo sát trạng: 10 1.4 Mơ tả tốn: 10 1.5 Mô tả yêu cầu 10 1.6 Các chức toán: .11 CHƯƠNG 3: PHÂN TÍCH HỆ THỐNG .11 PHẦN 1: XÁC ĐỊNH YÊU CẦU CỬA TỔ CHỨC .11 1.1 Khảo sát khách hàng 11 1.2 Yêu cầu sau khảo sát 11 PHẦN 2: PHÂN TÍCH QUY TRÌNH HOẠT ĐỘNG CỦA HỆ THỐNG 12 1.1 Hoạt động mua sản phẩm 12 1.2 Đăng ký sử dụng dịch vụ 12 1.3 Lập báo cáo 12 PHẦN 3: PHÂN TÍCH HỆ THỐNG THEO UML 12 1.1 Biểu đồ Use Case .12 CHƯƠNG : Thiết kế sở liệu .14 1.1 Lớp sản phẫm 14 1.2 Lớp Nhà Sản Xuất 14 1.3 Lớp nhà cung cấp .15 1.4 Lớp loại sản phẫm 15 1.5 Lớp khách hàng 15 1.6 Lớp loại thành viên 15 1.7 Lớp thành viên 16 1.8 Lớp đơn đặt hàng .16 1.9 Lớp chi tiết đơn đặt hàng 16 1.10 Lớp phiếu nhập .17 Thiết kế sở liệu .17 iv 0 Chương 4: Cài đặt chương trình giao diện chức hệ thống website 18 1.1 Giao diên trang chủ(index) .18 1.2 Giao diện chức Menu sản phẩm .19 1.3 Giao diện chức trang tìm kiếm sản phẩm 19 1.4 Giao diện trang sản phẫm (Product) 20 1.5 Giao diện trang chi tiết sản phẫm .20 1.6 Giao diện chức giỏ hàng 21 1.7 Giao diện trang đăng nhập .21 1.8 Giao diện trang đăng kí 22 KẾT LUẬN 23 TÀI LIỆU KHAM KHẢO .23 v 0 DANH MỤC HÌNH Hình 1.Trang chủ website 18 Hình 2.Thanh Menu sản phẩm .19 Hình 3.Tìm kiếm sản phẩm .19 Hình 4.Trang sản phẫm 20 Hình 5.Trang chi tiết sản phẩm 20 Hình 6.Giao diện giỏ hàng .21 Hình 7.Giao diện đăng nhập 21 Hình 8.Giao diện đăng kí 22 vi 0 DANH SÁCH CÁC KÝ TỰ, CHỮ VIẾT TẮT Từ viết tắt Giải thích Tiếng Việt CSDL Cơ sở liệu ĐVT Đơn vị tính TV Thành viên DH Đơn hàng SP Sản phẩm Tiếng Anh UC Use Case vii 0 CHƯƠNG 1:GIỚI THIỆU CÔNG NGHỆ ASP.NET MVC gì? ASP.NET MVC framework tuyệt vời hỗ trợ pattern MVC cho ASP.NET Nếu bạn muốn hiểu ASP.NET MVC làm việc nào, bạn cần phải có hiểu biết rõ ràng mơ hình MVC MVC cụm từ viết tắt Model-ViewController, phân chia pattern ứng dụng thành phần - model, controller view  Model giúp lưu trữ liệu ứng dụng trạng thái Nó sở liệu tập tin XML  View coi giao diện người dùng sử dụng khách truy cập trang web bạn để nhìn thấy liệu Các trang ASPX thường sử dụng để hiển thị view ứng dụng ASP.NET MVC  Controller chịu trách nhiệm xử lý tương tác người dùng với trang web Nó sử dụng để xác định loại view cần phải hiển thị Controller sử dụng cho mục đích giao tiếp với model Framework nhẹ cung cấp khả kiểm thử, tích hợp với tính có ASP.NET xác thực (authentication) dựa membership master page Hiện Techmaster có khóa học "Xây dựng mạng xã hội chia sẻ ảnh với ASP.NET MVC" Giảng viên anh Nguyễn Thanh Tùng, kiến trúc sư giải pháp NET cơng ty MISA Anh Tùng cịn chuyên gia công nghệ Microsoft (Microsoft Most Valuable Professional) Tại bạn nên sử dụng nó? Bạn nên sử dụng ASP.NET MVC framework cho việc tạo ứng dụng web lý liệt kê sau đây: SoC Một lợi ích đưa ASP.NET MVC Separation of Concern (phân tách mối bận tâm) Framework cung cấp phân tách rõ gàng model, logic nghiệp vụ, giao diện người dùng liệu Control Khi bạn sử dụng framework ASP.NET MVC, bạn cung cấp control mạnh mẽ JavaScript, HTML CSS so với control cung cấp số hình thức truyền thống web Có khả kiểm thử viii 0 Framework ASP.NET MVC hỗ trợ việc kiểm thử ứng dụng web tốt Vì vậy, bạn muốn kiểm thử ứng dụng web trước đưa chúng cho người sử dụng, bạn cần sử dụng ASP.NET MVC Gọn nhẹ Framework không sử dụng View State, hỗ trợ bạn việc làm giảm băng thông request nhiều Nhiều chuyên gia khuyên bạn nên sử dụng framework bạn quan tâm đến việc tạo ứng dụng MVC tuyệt vời hữu ích dựa web View Size Control Các framework ASP.NET thường phải đối mặt với vấn đề view state kích thước control HTML Phần view lưu toàn liệu rendered kích thước tập tin HTML trở nên lớn Nếu bạn sử dụng đường kết nối internet chậm, bạn quan sát thấy độ trễ việc tải trang web ứng dụng Vấn đề khơng cịn tồn framework ASP.NET MVC khơng chứa khái niệm view Bằng cách sử dụng ASP.NET MVC, bạn khơng cịn phải đối mặt với vấn đề thời gian tải trang Tích hợp Khi bạn tích hợp MVC với jQuery, bạn viết code chạy trình duyệt web Điều giúp giảm tải cho web server bạn Khả sử dụng Bạn không cần phải có nhiều kiến thức kỹ thuật sử dụng framework ASP.NET MVC Tuy nhiên, bạn thích sau học cách làm cho hoạt động Framework tốt nhiều so với nhiều hình thức trang web khác Lý hoạt động gần với chiến lược làm việc web coi dễ dàng thú vị để sử dụng API Services Một lợi lớn khác việc rendered MVC giúp bổ sung thêm API web services Nếu bạn muốn thêm service tới ứng dụng web mình, bạn chắn cần phải tìm hiểu làm service hoạt động HTML gì? HTML chữ viết tắt Hypertext Markup Language Nó giúp người dùng tạo cấu trúc thành phần trang web ứng dụng, phân chia đoạn văn, heading, links, blockquotes, vâng ix 0 1.1Hoạt động mua sản phẩm Đối với khách hàng có nhu cầu đăng nhập vào trang web tìm mua sản phẩm thêm sản phẩm giỏ hàng tùy chọn số lượng sản phẩm muốn mua sau nhấn nút đặt hàng hệ thống admin duyệt đơn hàng khách hàng 1.8Đăng ký sử dụng dịch vụ Khách hàng có nhu cầu sử dụng dịch vụ sử dụng chức hệ thống 1.9Lập báo cáo Hàng tháng người quản lý quyền admin truy cập hệ thống thống kê doanh thu theo ngày tháng,năm để quản lý doanh thu trang web từ xuất báo cao với chủ cửa hàng để dễ dàng quản lý doanh thu sản phẩm PHẦN 3: PHÂN TÍCH HỆ THỐNG THEO UML 1.1Biểu đồ Use Case 1.1.1 Danh sách actor STT Tên Actor Ý nghĩa Khách hàng Người có nhu cầu mua đặt sản phẩm website Thành viên Người đăng kí tài khoản thành viên để truy cập vào website Admin Người điều hành, kiểm soát nhân viên, tổng hợp, thống kê, báo cáo hàng tháng lên công ty 1.1.2 Danh sách Use Case STT Tên UseCase Đăng nhập Quản lý Thành Ý nghĩa Cho phép người dung đăng nhập vào hệ thống Thêm, sửa xoá Thành viên viên Quản lý khách Thêm, sửa, xoá khách hàng hàng Quản giỏ hàng Quản lý tài Thêm, sửa, xoá giỏ hàng Đăng nhập, kiểm tra tài khoảng, thêm, sửa, xoá xix 0 ...TRƯỜNG ĐẠI HỌC THỦ DẦU MỘT KHOA KỸ THUẬT – CƠNG NGHỆ ĐỒ ÁN MƠN HỌC LẬP TRÌNH WEB XÂY DỰNG WEBSITE BÁN LINH KIỆN MÁY TÍNH THEO MƠ HÌNH MVC GVHD: TH.S NGUYỄN HỮU VĨNH SVTH:... TRƯỜNG ĐẠI HỌC THỦ DẦU MỘT KHOA KỸ THUẬT – CÔNG NGHỆ NHẬN XÉT VÀ CHẤM ĐIỂM CỦA GIẢNG VIÊN Họ tên giảng viên: Nguyễn Hữu Vĩnh Tên đề tài: XÂY DỰNG WEBSITE BÁN LINH KIỆN MÁY TÍNH THEO MƠ HÌNH MVC Nội... sử dụng đề tài: -Mơ hình thiết kế MVC -Visual code,HTML,C# 1.3Khảo sát trạng: 1. 4Mô tả tốn: Bài tốn sử dụng mơ hình mvc để tiến hành xây dung trang web Bán linh kiện máy tính với thủ thuật tài