Phần khách hàng (Customer): Là những người có nhu cầu mua sắm, họ sẽ tìm kiếm các mặt hàng từ hệ thống và đặt mua các mặt hàng .Vì vậy trang web phải có các chức năng sau: • Hiển thị mẫu hoa của shop để khách hàng xem, lựa chọn và mua • Khách hàng có thể xem được các thông tin , tin tức , khuyến mãi trên shop • Sau khi khách hàng chọn và đặt hàng trực tiếp trên trang web thì phải hiện được thông tin mua hàng và xem được hóa đơn.
TRƯỜNG ĐẠI HỌC THÔNG TIN LIÊN LẠC KHOA CÔNG NGHỆ THÔNG TIN BÁO CÁO THỰC TẬP TỐT NGHIỆP ĐỀ TÀI: Xây Dựng Trang Web Bán Hoa Bằng Công Nghệ MVC5 Giảng viên hướng dẫn : Sinh viên thực : Lớp : MSSV : Nguyễn Hồng Giang Dương Thị Thanh Dung ĐHCN1C 14ĐC015 Khánh Hòa, tháng 6-2018 TRƯỜNG ĐẠI HỌC THÔNG TIN LIÊN LẠC KHOA CÔNG NGHỆ THÔNG TIN BÁO CÁO THỰC TẬP TỐT NGHIỆP ĐỀ TÀI: Xây Dựng Trang Web Bán Hoa Bằng Công Nghệ MVC5 Giảng viên hướng dẫn : Sinh viên thực : Lớp : MSSV : Nguyễn Hồng Giang Dương Thị Thanh Dung ĐHCN1C 14ĐC015 Khánh Hòa, tháng 6-2018 Lời cảm ơn Sau thời gian thực tập nghiên cứu công nghệ MVC5 em không ngừng học hỏi kinh nghiệm để nâng cao tầm hiểu biết lĩnh vực Công nghệ thông tin Thông qua Báo Cáo này, em xin gửi lời chân thành cảm ơn đến Ban Giám Hiệu Trường tồn thể Giáo viên Khoa Cơng nghệ thơng tin nhà trường tạo điều kiện tốt cho chúng em suốt thời gian học tập sinh hoạt trường Đặc biệt em xin chân thành cảm ơn thầy Nguyễn Hồng Giang, giáo viên phụ trách hướng dẫn em tận tình suốt thời gian làm đề tài Em xin cảm ơn người bạn gắn bó, chia sẻ nhiều kinh nghiệm kiến thức thời gian thực thựctập Để đề tài em hồn thành cách thành cơng tốt đẹp Nha Trang, tháng năm 2018 Sinh viên thực Dương Thị Thanh Dung TRƯỜNG ĐẠI HỌC THÔNG TIN LIÊN LẠC KHOA CÔNG NGHỆ THÔNG TIN NHẬN XÉT CỦA CÁN BỘ HƯỚNG DẪN (Nhận xét ghi riêng cho sinh viên) Họ tên cán hướng dẫn: Học hàm: Học vị: Chức vụ: Nhận xét báo cáo thực tập sinh viên:………………………………………… Lớp: Khoá: Tên đề tài: Nội dung nhận xét: Điểm: Bằng số: Bằng chữ: XÁC NHẬN CỦA LÃNH ĐẠO KHOA (Chức vụ, ký, ghi rõ họ tên) GIÁO VIÊN HƯỚNG DẪN (Ký, ghi rõ họ tên) MỤC LỤC MỞ ĐẦU + Công cụ dành cho trang web: .3 CHƯƠNG 1.1 Giới thiệu công ty .4 1.2 Quy mô, chức : 1.3 Mô tả: 1.4 Nội dung thực tập: .6 CHƯƠNG 2.1/ Cơ sở lý thuyết: .7 2.1.1 Giới thiệu ASP.NET MVC 5: CHƯƠNG 11 3.1/Phân tích yêu cầu: 11 3.1.1.Chức năng: 11 3.1.2.Yêu cầu đặt ra: 11 3.2/Thiết kế sở liệu: 12 3.3/ Giới thiệu trang website Shop Hoa, mơ tả chức GUI customer (giao diện khách hàng) 17 CHƯƠNG 69 TÀI LIỆU THAM KHẢO 71 - PagedList : http://khiemnguyen.xyz/phan-trang-asp-net-mvc-pagedlist/ 71 DANH SÁCH CÁC KÝ TỰ, CÁC CHỮ VIẾT TẮT Từ viết tắt Giải thích Class Lớp Graphical User Interface (GUI) Giao diện đồ họa người dùng Object Oriented Programming(OOP) Lập trình hướng đối tượng Framework Nền tảng Request Yêu cầu Server Máy chủ Client Máy trạm Control Đối tượng điều khiển Code Mã lệnh ConnectionString Chuỗi kết nối Language Integrate Query (LINQ) Ngơn ngữ truy vấn tích hợp Solution Các giải pháp cho dự án Project Dự án Browser Trình duyệt debug xem xét thay đổi giá trị biến DANH MỤC CÁC BẢNG Bảng 1: Bảng Sản Phẩm Bảng 2: Bảng Nhóm Sản Phẩm Bảng 3: Đơn Hàng Bảng 4: Hóa Đơn Bảng 5: Nhà cung cấp Bảng 6: Kho Bảng 7: User Bảng 8: User2 (Khách vãng lai) Bảng 9: Quyen Bảng 10: Ho Tro Truc Tuyen Bảng 11: Tin Bài Bảng 12: Tin Tuc DANH MỤC CÁC HÌNH VẼ Hình 1-1: logo cty Hình 1-2: mơ hình phân cấp phòng ban Hình 2-1: Các thành phần mơ hình MVC Hình 2-2: Mơ hình MVC Hình 3.1: Sơ đồ mơ hình quan hệ database Hình 3.2: Giao diện trang chủ Hình 3.2: Giao diện trang chủ Hình 3.4: Menu ngang phân theo chủ đề Thiệp Hình 3.5: Footer trang web Hình 3.6: Khung tìm kiếm header trang Hình 3.7: Kết hiển thị body trang Hình 3.8: Nút đăng ký cho khách hàng chưa có accout Hình 3.9: GUI đăng ký Hình 3.10: Lỗi khách hàng nhập không trường không đủ trường Hình 3.11: Mẫu đăng ký đủ trường Hình 3.12: GUI login (Đăng nhập) sau đăng ký thành công Hình 3.13: Lời chào hiển thị người đăng nhập Hình 3.14: Nút xem chi tiết mặt hàng Hình 3.15: Nút đặt hàng trang xem chi tiết Hình 3.16: Hiển thị icon giỏ hàng số sản phẩm khách hàng đặt Hình 3.17: GUI hiển thị giỏ hàng Hình 3.18 + 3.19: Nút đặt khơng cần xem chi tiết hoa Hình 3.20: Trường hợp đặt sản phẩm khác loại giỏ hàng tăng lên Hình 3.21: Cập nhập giỏ hàng với sản phẩm Hình 3.22: Nút “ + “ “ –“ số lượng sản phẩm Hình 3.23: Nút tăng sản phẩm cập nhập lại GUI giỏ hàng Hình 3.24: Số lượng sản phẩm hiển thị tương tác với nút tăng Hình 3.25: Nút giảm sản phẩm cập nhập lại GUI giỏ hàng Hình 3.26: Số lượng sản phẩm hiển thị tương tác với nút giảm Hình 3.27: Nút xóa hồn tồn sản phẩm khỏi giỏ hàng Hình 3.28: Sau xóa sản phẩm khác loại giỏ hàng có sản phẩm Hình 3.29: Khung Total (tổng tiền) Hình 3.30: Tổng total sau cập nhập lại giỏ hàng Hình 3.30: Tổng total sau cập nhập lại giỏ hàng Hình 3.32: GUI tốn cho khách hàng có accout Hình 3.33: Chọn phương thức tốn Hình 3.34: Review (xem lại) hóa đơn đặt Hình 3.35: Nút nhận báo giá gửi đơn admin Hình 3.36: GUI đăng ký thành cơng sau khách hàng điền đủ thơng tin Hình 3.37: Đơn hàng cập nhập lưu db Hình 3.38: Nhận diện Id khách có Accout đăng ký Hình 3.39: Thơng tin khách hàng khơng có accout lưu User2 Hình 3.40: Nhận diện Id khách khơng có accout User2 Hình 3.41: Gui Admin Hình 3.42: Danh sách đơn hàng gửi admin Hình 3.43: Danh sách hóa đơn cho đơn hàng TRƯỜNG ĐẠI HỌC THÔNG TIN LIÊN LẠC _KHOA CNTT _BÁO CÁO THỰC TẬP TẠI CTY INFODATION VIỆT NAM } [HttpPost] public ActionResult Paymentmethod(Payment payment, int? PTThanhToanId) { List list = (List)Session["cart"]; payment.Productlist = list; //dropdownlist phương thức toán var price = _paymentmethodBiz.List(); SelectList paymentmethodList = new SelectList(price, "ID", "Ten");// create dropdownlist in catepaymentmethod ViewBag.catepaymentmethod = paymentmethodList; if (!string.IsNullOrWhiteSpace(User.Identity.Name)) { var userSS = _userbiz.GetUserByUserName(User.Identity.Name); // gọi hàm Insertlist BillBiz lên controller _billBiz.InsertListUser(list, userSS, PTThanhToanId); // gán list productItem session == null > mua hàng thành công Session["cart"] = null; Session["count"] = null; payment.Productlist = new List(); return RedirectToAction("Success"); } else if (ModelState.IsValid) { User2Item user2 = payment.User2; // gọi hàm Insertlist BillBiz lên controller _billBiz.InsertListUser2(list, user2, PTThanhToanId); GVHD: NGUYỄN HỒNG GIANG SV: DƯƠNG THỊ THANH DUNG 57 TRƯỜNG ĐẠI HỌC THÔNG TIN LIÊN LẠC _KHOA CNTT _BÁO CÁO THỰC TẬP TẠI CTY INFODATION VIỆT NAM // gán list productItem session == null > mua hàng thành công Session["cart"] = null; Session["count"] = null; payment.Productlist = new List(); return RedirectToAction("Success"); } return View(payment); } + View: paymentmethod.cshtml @using (Html.BeginForm("Paymentmethod", "Checkout", FormMethod.Post)) {Phương Thức Thanh Tốn
Chúng tơi hỗ trợ phương thức toán COD (Cash on Delivery) toán tiền mặt giao hoa trường hợp bạn người đặt người nhận hoa, nhằm hỗ trợ tối đa việc đặt nhận hàng(Gía Ship COD tồn quốc 35.000 đ) Hoặc Bạn đến ngân hàng Việt Nam để chuyển tiền theo thơng tin bên (bạn khơng thiết phải có tài khoản ngân hàng)Gía vận chuyển 20.000đ @Html.Label("", htmlAttributes: new { @class = "control-label col-md-2" }) @Html.DropDownList("PTThanhToanId", ViewBag.catepaymentmethod as SelectList, "Chọn phương thức toán", new { id = "ppttId" }) GVHD: NGUYỄN HỒNG GIANG SV: DƯƠNG THỊ THANH DUNG 58 TRƯỜNG ĐẠI HỌC THÔNG TIN LIÊN LẠC _KHOA CNTT _BÁO CÁO THỰC TẬP TẠI CTY INFODATION VIỆT NAM- Thanh toán chuyển khoản (STK)20.000đ
- Thanh toán tiền mặt nhận hoa35.000đ
Thông tin khách hàng
@Html.EditorFor(model => model.User2.HoTen, new { htmlAttributes = new { placeholder = "Họ tên khách hàng *" } }) @Html.ValidationMessageFor(model => model.User2.HoTen, "", new { @class = "text-danger" }) @Html.EditorFor(model => model.User2.Email, new { htmlAttributes = new { placeholder = "Email*" } }) @Html.ValidationMessageFor(model => model.User2.Email, "", new { @class = "text-danger" }) @Html.EditorFor(model => model.User2.DiaChi, new { htmlAttributes = new { placeholder = "Địa khách hàng *" } }) @Html.ValidationMessageFor(model => model.User2.DiaChi, "", new { @class = "text-danger" }) @Html.EditorFor(model => model.User2.SDT, new { htmlAttributes = new { placeholder = "Số điện thoại khách hàng *" } }) @Html.ValidationMessageFor(model => model.User2.SDT, "", new { @class = "text-danger" }) Nhận báo giá GVHD: NGUYỄN HỒNG GIANG SV: DƯƠNG THỊ THANH DUNG 59 TRƯỜNG ĐẠI HỌC THÔNG TIN LIÊN LẠC _KHOA CNTT _BÁO CÁO THỰC TẬP TẠI CTY INFODATION VIỆT NAM- Tiếp tục mua hàng
- Tiếp tục mua hàng
Phương Thức Thanh Toán
Chúng tơi hỗ trợ phương thức tốn COD (Cash on Delivery) toán tiền mặt giao hoa trường hợp bạn người đặt người nhận hoa, nhằm hỗ trợ tối đa việc đặt nhận hàng(Gía Ship COD toàn quốc 35.000 đ) Hoặc Bạn đến ngân hàng Việt Nam để chuyển tiền theo thông tin bên (bạn không thiết phải có tài khoản ngân hàng)Gía vận chuyển 20.000đ @Html.Label("", htmlAttributes: new { @class = "control-label col-md-2" }) @Html.DropDownList("PTThanhToanId", ViewBag.catepaymentmethod as SelectList, "Chọn phương thức toán", new { id = "ppttId" }) Ở toán nhắc lại đơn hàng cho khách hàng , khách hàng tự điều chỉnh số lượng thông báo lại tổng tiền GVHD: NGUYỄN HỒNG GIANG SV: DƯƠNG THỊ THANH DUNG 61 TRƯỜNG ĐẠI HỌC THÔNG TIN LIÊN LẠC _KHOA CNTT _BÁO CÁO THỰC TẬP TẠI CTY INFODATION VIỆT NAM Hình 3.34: Review (xem lại) hóa đơn đặt Xem lại & Thanh toán Sản Phẩm Số Lượng Thành tiền @foreach (var x in Model.Productlist) { GVHD: NGUYỄN HỒNG GIANG SV: DƯƠNG THỊ THANH DUNG 62 TRƯỜNG ĐẠI HỌC THÔNG TIN LIÊN LẠC _KHOA CNTT _BÁO CÁO THỰC TẬP TẠI CTY INFODATION VIỆT NAM @x.TenMã SP:@x.Ma
+ - @*@(x.GiaNum * x.SoLuong)
*@@(x.GiaNum * x.SoLuong)
Xóa sản phẩm } @foreach (var x in Model.Productlist) { var arrPrice = x.Gia.Split(new char[] { '.' }); var price = Convert.ToInt32(arrPrice[0]) * 1000; sum = sum + price * x.SoLuong; } Phương thức toán GVHD: NGUYỄN HỒNG GIANG SV: DƯƠNG THỊ THANH DUNG 63 TRƯỜNG ĐẠI HỌC THÔNG TIN LIÊN LẠC _KHOA CNTT _BÁO CÁO THỰC TẬP TẠI CTY INFODATION VIỆT NAM Total @sum Chức nhận báo giá gửi thông tin hóa đơn đơn hàng thơng tin khách hàng đặt hàng server Hình 3.35: Nút nhận báo giá gửi đơn admin Khi tốn thành cơng chuyển đến trang gửi lời cảm ơn đến khách hàng GVHD: NGUYỄN HỒNG GIANG SV: DƯƠNG THỊ THANH DUNG 64 TRƯỜNG ĐẠI HỌC THÔNG TIN LIÊN LẠC _KHOA CNTT _BÁO CÁO THỰC TẬP TẠI CTY INFODATION VIỆT NAM Hình 3.36: GUI đăng ký thành công sau khách hàng điền đủ thông tin Code demo: + Controller: checkoutcontroller public ActionResult Success() { return View(); } +View: succeful.cshtml @{ ViewBag.Title = "Success"; Layout = "~/Views/Shared/Customer/Layoutcheck.cshtml"; }01
GIỎ HÀNG02
GVHD: NGUYỄN HỒNG GIANG SV: DƯƠNG THỊ THANH DUNG 65 TRƯỜNG ĐẠI HỌC THÔNG TIN LIÊN LẠC _KHOA CNTT _BÁO CÁO THỰC TẬP TẠI CTY INFODATION VIỆT NAM PHƯƠNG THỨC THANH TOÁN03
THANH TOÁN @**@ Thank you for purchasing, Your order is completeHome Continue Shopping
Chúng kiểm tra db có thơng tin đơn hàng hay chưa Hình 3.37: Đơn hàng cập nhập lưu db Đối với khách có accout nhận diện IDKhachHang GVHD: NGUYỄN HỒNG GIANG SV: DƯƠNG THỊ THANH DUNG 66 TRƯỜNG ĐẠI HỌC THÔNG TIN LIÊN LẠC _KHOA CNTT _BÁO CÁO THỰC TẬP TẠI CTY INFODATION VIỆT NAM Hình 3.38: Nhận diện Id khách có Accout đăng ký Đối với khách khơng có accout lưu thơng tin table User2 Hình 3.39: Thơng tin khách hàng khơng có accout lưu User2 Bảng đơn hàng nhận diện IDUser2 Hình 3.40: Nhận diện Id khách khơng có accout User2 Admin GUI load liệu lưu db lên GVHD: NGUYỄN HỒNG GIANG SV: DƯƠNG THỊ THANH DUNG 67 TRƯỜNG ĐẠI HỌC THÔNG TIN LIÊN LẠC _KHOA CNTT _BÁO CÁO THỰC TẬP TẠI CTY INFODATION VIỆT NAM Hình 3.41: Gui Admin Hình 3.42: Danh sách đơn hàng gửi admin Từ bảng đơn hàng admin thấy bảng Hóa đơn khách hàng đặt Hình 3.43: Danh sách hóa đơn cho đơn hàng Admin thao tác nghiệp vụ giải đơn hàng GVHD: NGUYỄN HỒNG GIANG SV: DƯƠNG THỊ THANH DUNG 68 TRƯỜNG ĐẠI HỌC THÔNG TIN LIÊN LẠC _KHOA CNTT _BÁO CÁO THỰC TẬP TẠI CTY INFODATION VIỆT NAM CHƯƠNG So sánh thực tế với lý thuyết Đề xuất giải pháp Kết luận: Sau gần tháng nghiên cứu xây dựng, cuối em hoàn thành báo cáo nghiên cứu lý thuyết chương trình demo Về báo cáo lý thuyết, em trình bày kiến thức ASP.NET MVC, chưa đầy đủ kiến thức, em nghĩ em trình bày báo cáo kiến thức tảng quan trọng để đàn em khóa sau tiếp tục tìm hiểu kiến thức sâu Về chương trình demo, quy mơ chương trình khơng lớn, chức đơn giản Nhưng kiến thức thường dùng ASP.NET MVC em đưa vào hết, có số kiến thức nâng cao khác Với demo này, chưa thể áp dụng vào thực tế được, em tin chương trình tham khảo tốt cho bạn muốn học ASP.NET MVC Hướng phát triển: - Em bổ sung thêm nhiều chức nữa, đồng thời cố gắng để website ứng dụng vào thực tế trung tâm thông tin tư liệu trường đại học thơng tin liên lạc để đàn em khóa sau có hướng phát triển tương lai So sánh thực tế với lý thuyết: Sáu tuần thực tập cty InFodation Việt Nam là dài đủ để rèn luyện cho em thêm nhiều kiến thức, kỹ mà em thiếu sót; tự tin giao tiếp đủ để biết cần học hỏi thêm nhiều điều Tuy lúc đầu bước vào tập, em nhiều bỡ ngỡ chưa hồn thành xong khóa học trường, chưa thực hành nhiều em ln cố gắng hồn thành cơng việc giao cách tốt GVHD: NGUYỄN HỒNG GIANG SV: DƯƠNG THỊ THANH DUNG 69 TRƯỜNG ĐẠI HỌC THÔNG TIN LIÊN LẠC _KHOA CNTT _BÁO CÁO THỰC TẬP TẠI CTY INFODATION VIỆT NAM Do đợt thực tập nhận thức, nên đơi khơng có q nhiều nhiệm vụ giao cho em, để cố gắng hoàn thiện thân mình, tơi thực bước sau: Đầu tiên, làm phần việc mà anh tư vấn để phát triển website cách trình tự, rõ ràng, xác; đặc biệt, khơng thể làm qua loa, vội vã mà phải làm thật kỹ lưỡng, hạn chế xảy sai sót đáng tiếc Tuy nhiên, khơng mà lại làm từ từ, chậm chạp, mà phải hồn thành nhanh chút thời hạn độ xác phải cao Sau tập tốt nghiệp tơi nhận thức thứ quan trọng khơng thể thiếu lập trình viên tương lai trách nhiệm nghề nghiệp, ham học hỏi, tự giải vấn đề gặp rắc dối, học cách làm việc cộng tác với thành viên nhóm q trình hồn thành mã nguồn, biết thêm kho mã nguồn mở có, tham gia nghe buổi training công nghệ cty, đạo đức tốt, kính trên, lễ phép, để làm lập trình viên tốt bạn khơng có kiến thức trường, mà có thái độ sống biết học hỏi, biết cách học hiệu đam mê với ngành Đề xuất: - Sau tập em mạnh dạn đề xuất với khoa tạo điều kiện cho sinh viên khóa năm đến năm ba tiếp xúc doanh nghiệp tốt hơn, khẳng định vị trường thông tin thị trường viết web Nha Trang nói chung, khắp tỉnh nói riêng GVHD: NGUYỄN HỒNG GIANG SV: DƯƠNG THỊ THANH DUNG 70 TRƯỜNG ĐẠI HỌC THÔNG TIN LIÊN LẠC _KHOA CNTT _BÁO CÁO THỰC TẬP TẠI CTY INFODATION VIỆT NAM TÀI LIỆU THAM KHẢO - Dropdownlist : http://khiemnguyen.xyz/binding-dropdownlist-asp-net-mvc/ - PagedList : http://khiemnguyen.xyz/phan-trang-asp-net-mvc-pagedlist/ - Sorting, Filtering, and Paging : https://docs.microsoft.com/enus/aspnet/mvc/overview/getting-started/getting-started-with-ef-using-mvc/sortingfiltering-and-paging-with-the-entity-framework-in-an-asp-net-mvc-application GVHD: NGUYỄN HỒNG GIANG SV: DƯƠNG THỊ THANH DUNG 71 ... hiểu cơng nghệ ASP.NET MVC5 - Xây dựng sở liệu Microsoft SQL Server 2012 - Xây dựng trang web sử dụng công nghệ ASP.NET MVC5 - Upload Website chạy Localhost - Sản Phẩm : WebSite Bán Hoa Rút số...TRƯỜNG ĐẠI HỌC THÔNG TIN LIÊN LẠC KHOA CÔNG NGHỆ THÔNG TIN BÁO CÁO THỰC TẬP TỐT NGHIỆP ĐỀ TÀI: Xây Dựng Trang Web Bán Hoa Bằng Công Nghệ MVC5 Giảng viên hướng dẫn : Sinh viên thực : Lớp... LIÊN LẠC _KHOA CNTT _BÁO CÁO THỰC TẬP TẠI CTY INFODATION VIỆT NAM - Thực số chức khác Giám đốc giao 1.4 Nội dung thực tập: Tên đề tài: Xây Dựng Trang Web Bán Hoa Bằng Công Nghệ MVC5 Nôi dung