đồ án môn học xây dựng trang quản lý bán quần áo bằng asp net mvc 5

Báo cáo TTCS: Xây dựng hệ thống quản bán hàng trên lý nền tảng ASP.NET MVĐỗ Đức Chiến – CT050204 ii LỜI MỞ ĐẦUSự bùng nổ Công nghệ thông tin CNTT, trong những năm gần đây đã tác động đến

TỔNG QUAN & CƠ SỞ LÝ THUYẾT

GIỚI THIỆU TỔNG QUAN

Ngày nay, cùng với sự phát triển vượt bậc của công nghệ thông tin, Microsoft (MS) một trong những đơn vị tuyên phong cho ra đời một nền tảng ứng dựng thế hệ mới chính là WEB APPLICATION (WAPP) WAPP được phát triển trên nền tảng NET Framework và được vận hành bằng ứng dụng truy cập Website thông thường (Browser) một cách đơn giản, tiện dụng trên mọi thiết bị có hỗ trợ truy cập website và quá trình vận hành được thực hiện mọi lúc, mọi nơi Đây là một công nghệ rất tiên tiến, đủ để đáp ứng cho nhu cầu công việc ngày càng phát triển, khâu quản lý ngày càng được quan tâm và đặc biệt hơn hết tính tiện dụng đa nền tảng, đa thiết bị ngày càng được quan trọng Công nghệ WAPP có thể thay thế hoàn toàn cho Winform một nền tảng phát triển ứng dụng cho ra đời các phần mềm được chạy trên hệ điều hành Windows mà hầu hết chúng ta đang được học, phát triển và sử dụngtrongthời gian qua

1.1.1 MỤC ĐÍCH CHỌN ĐỀ TÀI

Nhằm đáp ứng nhu cầu thực tế, xây dựng một hệ thống quản lý bán hàng hoạt động độc lập được vận hành mọi lúc mọi nơi, trên mọi thiết bị chỉ cần trang bị một trìnhduyệt có khả năngtruycập Website

Nhằm đáp ứng nhu cầu phát triển xã hội, nâng cao năng suất, hiệu quả công việc, tiết kiệm thời gian, nhân công và tiết kiệm chi phí đầu tư trang thiết bị máy móc, đáp ứng nhu cầu chuyên nghiệp hóa xử lý hàng hóa phục vụ cho khách hàng

Nhằm tạo điều kiện thực hiện nghiên cứu, phát triển khả năng bản thân, góp phần phát triển xã hội.

Quản lý bán hàng tại một cửa hàng bao gồm quản lý các thông tin: khách hàng, nhân viên, sản phẩm, hóa đơn, … của cửa hàng

Quy trình khách hàng đặt hàng, mua hàng và nhận hàng, căn cứ vào thông tin thực tế để thiết kế hệ thống thích hợp phục vụ tuần tự đúng cho nhu cầu sử dụng

Báo cáo TTCS: Xây dựng hệ thống quản bán hàng trên lý nền tảng ASP.NET MV

- Quan sátthực tế quy trình bán hàng tạicáccửa hàng

- Trực tiếp đặt hàng tại các cửa hàng sản phẩm theo quy trình của từng cửa hàng

- Nghiên cứu các website mua bán hàng sản có và quy trình thực hiện đặt hàng, mua bán sản phẩm.

- Tham khảocác mô hình, hệ thống trực tiếp sẳn có từcácnước phát triển 1.1.4 MỤC TIÊU CẦN ĐẠT

- Thêm và quản lýngười dùng vào hệ thống

- Thêm khách hàng và quản thông tin khách hàng trong lý hệ thống

- Thêm và quản lý sản phẩm trong hệ thống với số lượng sản phẩm còn lại trong kho củatừng sản phẩm, lượtmua, bán củatừng sản phẩm

- Thêm và quản lý mã khuyến mãi được tạo cho từng đợt khuyến mãi với các thông tin khuyến mãi: số lần sử dụng, thời gian áp dụng, khuyến mãi giảm phần trăm hay giảm tiền hàng trực tiếp vào hóa đơn

- Quản lý và cập nhật liên tục thông tin vận chuyển của các hóa đơn hàng hóa khách hàng đặt hàng cóvận chuyển

- Chấp nhận thanh toán bằng nhiều hình thức khác nhau: thanh toán khi nhận hàng, thanh toán trực tiếp khi mua hàng và thanh toán qua chuyển khoản

- Quản lý các đối tác vận chuyển với các thông tin khai thác của từng đối tác, tích hợp được API các đối tác nhằm mục đích tạo được các đơn vận tự động thông qua hệ thống

1.1.5 ĐẶC TẢ ĐỀTÀI Đề tài “Xây dựng hệ thống quản lý bán hàng trên nền tảng công nghệ MVC 5 với ngôn ngữ ASP.NET” được hình thành trên ý tưởng ứng dụng công nghệ thông tin vào việc quản lý kinh doanh tại một cửa hàng bán lẻ góp phần tạo điều kiện thuận lợi để tiết kiệm thời gian, chi phí, nhân công nhằm mang lại hiệu quảcao và chất lượng tốt cho công việc.

Kết quả của quá trình nghiên cứu và thực hiện cho ra đời sản phẩm chính là hệ thống quảnlý bán hàng bán hàng trực tuyến vớitêngọiCOLO SHOP

Sinh viênthực hiện:Lê Duy Chinh CT050205 – Đỗ Đức Chiến – CT050204 3

Hệ thống là một tổng hợp các quản lý thông tin cần thiết cho một cửa hàng bán lẻ Hệ thống hỗ trợquản lý các thông tin cần thiết:

Khi người dùng tham gia vào hệ thống được Quản trị hệ thống cấp một tài khoản người dùng để đăng nhập và sử dụng trong hệ thống Người dùng hệ thống tùy vào mức độ cho phép mà được sử dụng các tính năng khác nhau được phân quyền bởi quản trị viên hệ thống Khi có cách hàng thực hiện đơn hàng tại cửa hàng, nhân viên lấy thông tin điện thoại khách hàng để tạo đơn đặt hàng hoặc xuất hóa đơn bán hàng, thông qua số điện thoại được lấy từ khách hàng, hệ thống sẽ phản hồi khách hàng đã có trong hệ thống hoặc chưa tồn tại, nếu khách hàng chưa có trong hệ thống thì thêm mới thông tin khách hàng vào hệ thống và tiếp tục quá trìnhtạo hóa đơn hoặc đơn hàng với hệ thống

Khi có chương trình khuyến mãi của cửa hàng có thể tạo chương trình khuyến mãi giảm giá trên hóa đơn bán hàng với các hình thức giảm giá như giảm giá % tiền hàng, giảm giá trực tiếp tiền của hàng, thời gian áp dụng và số lần áp dụng đối với từng đơn hàng thông qua chương trình khuyến mãi và các áp dụng giảm giá bằng cách trực tiếp điền mã vào hóa đơn khi tạo

Ngoài ra, hệ thống cho phép quản lý sản phẩm với từng mức độ phân loại sản phẩm, phân nhóm sản phẩm, với nhiều đơn vị tính được tạo bởi người dùng Khi tạo mới sản phẩm, người dùng phải lựa chọn loại sản phẩm và nhóm sản phẩm nếu sản phẩm có chứa nhiều thuộctínhcần được quản lý.

CƠ SỞ LÝ THUYẾT

1.2.1 CÔNG NGHỆ ASP.NET MVC5

- Tất cả bắt đầu vào những năm 70 của thế kỷ 20, tại phòng thí nghiệm Xerox PARC ở Palo Alto Sự ra đời của giao diện đồ họa (GUI) và lập trình hướng đối tượng (Object Oriented Programming) cho phép lập trình viên làm việc với những thành phần đồ họa như những đối tượng đồ họa có thuộc tính và phương thức riêng của nó Không dừng lại ở đó, những nhà nghiên cứu ở Xerox PARC còn xa đi hơn khi cho ra đờicáigọilà kiếntrúc MVC(viết tắt của Model –View Controller) –

- MVC được phát minh tại Xerox Parc vào những năm 70, bởi

TrygveReenskaug MVC lần đầu tiên xuất hiệncông khai là trong Smalltalk-

80 Các giấy tờ quan trọng đầu tiên được công bố trên MVC là “A Cookbook for Using the Model-View-Controller User Interface Paradigm in Smalltalk – 80”, bởi Glenn Krasner và Stephen Pope, xuất bản trong tháng 8 / tháng 9 năm 1988

- Thế hệ tiếp theo của MVC xuất hiện cùng với hệ điều hành NeXT và các phần mềm của nó

- Kiến trúc này ngày càng được phát triển và hoàn thiện nhằm giải quyết các vấn đề phát sinh cũng nhưcácgiải pháp cho quá trình phát triển phần mềm

- Vì vậy sau đó, lần lượt các MVC framework ra đời dựa trên mô hình MVC như: CodeIgniter, Zend, ASP.NET MVC …

1.2.1.2 Sự khác nhau giữa MVC và webform

Thành ASP.net MVC chia ra làm 3 phần: ASP.net WebForm sử dụng phần – Models ViewState để quản Các lý

–View trang ASP.net đều có lifecycle, postback và dùng – Controller các web controls, các even Mọi tươngtáccủa người dùng với thực hiện các hành động cho Views sẽ được xử lý thông qua việc UI (User Interface) thực hiệncác action hành động trong Khi cósự tươngtácvới ngư Controllers, không còn postback, dùng nên hầu hết ASP.net lifecycle và events WebForm xửlý chậm

(debug) Đối với MVC thì việc đó có thể sử dụng các unit test có thể thẩm định rấ dễ dàng các Controllers thực hiện như thế nào

Với ASP.net WebForm đều phải chạy tất cả các tiến trình của ASP.net, và sự thay đổi

ID của bất kỳ Controls nào cũng ảnhhưởng đến ứng dụng

Bảng 1.1 Sự khác nhau giữa MVC Webform và 1.2.1.3 Kiến trúc sử dụng ASP.NET MVC

ASP.NET MVC được thiết kế một cách gọn nhẹ, giảm thiểu sự phức tạp của việc xây dựng ứng dụng website bằng cách chia một ứng dụng thành 3 tầng (layer): Model, View và Controller Sự chia nhỏ này giúp lập trình viên dễ dàng kiểm soát các thành phần trong khi phát triển, cũng như lợi ích lâu dài trong việc kiểm tra, bảotrì và nâng cấp

- Model: Model chứa và thể hiện các đặc tính và logic ứng dụng Theo một cách hiểu khác, Model đại diện cho dữ liệu và logic cốt lõi Nó chính là những lớp (class) chứa thông tin về các đối tượng mà ta cần phải thao tác, làm việc trên nó Ví dụ: “Sản phẩm” chứa các thông tin như “Tên sản phẩm”, ”Loại sản phẩm”, “Đơn giá”, …

- View: View làm nhiệm vụ thể hiện một Model hay nhiều Model một cách trực quan, nó nhận thông tin (một Model hoặc nhiều Model) sau đó biểu diễn lên trang website.

- Controller: Controller nằm giữa tầng View và Model, làm nhiệm vụ tìm kiếm, xử lý một hoặc nhiều Model, sau đó gửi Model tới View để View hiển thị

1.2.1.4 Đặc điểm ASP.NET MVC Framework

❖ Tiếp tục hỗ trợ các tính năng trong ASP.NET

- Hỗ trợ sử dụng các các tập tin:.ASPX, ASCX, Master như là thành phần View

- Hỗ trợ đầy đủ các tính năng bảo mật của ASP.net: Form/ Windows authenticate, URL authorization, membership/roles, output và dat a caching, section/ profile state, configuration system, provider architecture

❖ Tách rõ ràng các mối liên quan, mở ra khả năng test TDD (Test Driven

- Có thể test unit trong ứng dụng mà không cần phải chạy

Controllers cùng với tiến trình của ASP.NET và có thể dùng bất kỳ một unit testing framework nào như NUnit, MBUnit, MSTest,…

❖ Có khả năng mở rộng, mọi thứ trong MVC được thiết kế để dễ thay thế, dễ dàng tùy biến Ánh URL xạ mạnh mẽ, cho phép xây dựng ứng dụng

Sinh viênthực hiện:Lê Duy Chinh CT050205 – Đỗ Đức Chiến – CT050204 7 với những URL sạch

❖ Không sử dụng mô hình post-back từ giao diện gửi đến server Thay vào đó, chủ động đưa những post-back từ View đến thẳng lớp Controller.

❖ Hỗ trợ nhiều công cụ tạoView (Support for Multiple View Engines)

- Cho phép chọn công cụ tạo view Hộp thoại New Project cho phép xác định view engine mặc địnhchomột project

- Các loại view engine o Web Forms (ASPX) o Razor o Hay một view engine nguồn mở như Spark, NHaml, NDjango

- ASP.NET MVC Framework có một bộ máy ánh xạ URL thật sự mạnh mẽ

- Bộ máy này cung cấp phương pháp rất linh hoạt trong việc ánh xạ URLs sang các Controller Classes

- Bạn có thể dễ dàng định ra các quy luật, cài đặt đường đi,

ASP.NET dựa vào các quy luật đường đi đó để xác định

Controller và action cần phải thực thi.

- ASP.NET còn có khả năng phân tích URL, chuyển các thông số trong URL thành các tham số trong lời gọi hàm của

- Model Binding là tính năng thế mạnh của ASP.NET MVC (và bây giờ nó cũng được áp dụng cho cả Web Forms trong phiên bản ASP.NET 4.5)

- Hỗ trợ bạn viết phương thức nhận một đối tượng tùy biến như là một tham số

- Với sự hỗ trợ của Model Binding, bây giờ bạn chỉ cần tập trung vào việc cài đặt các nghiệp vụ logic, không cần phải bận tâm về việc suy nghĩ làm cách nào để ánh xạ dữ liệu từ người dùng sang các đối ượng NET

- Là tính năng mạnh trong ASP.NET MVC Hỗ trợ cho việc kiểm tra tính hợp lệ trước khi một action method được gọi hoặc sau khi một action method thi hành

Từ ASP.net MVC 3 đi kèm với một công cụ View mới có tên là Razor với những lợi ích sau:

- Cú pháp Razor là sạch sẽ và xúc tích, đòi hỏi một số lượng tối thiểu các tổ hợp phím

- Việc tìm hiểu Razor tương đối dễ dàng vì nó dựa trên ngôn ngữ

- Visual Studio bao gồm IntelliSense và mã cú pháp Razor được màu hóa

- Với Razor views cóthể kiểm tra từng đơn vị mà không đòi hỏi bạn phải chạy các ứng dụng hoặc phải chạy website.

1.2.2.1 Các tính năng của mô hình MVC3 và MVC4

- So với phiên bản ASP.NET MVC2 thì MVC3 được hỗ trợthêm

- Cải thiện Model Validation tính về – năng kiểm tra tính hợp lệ của dữ liệu do người dùng nhập vào

- Hỗ trợ 2 View Engine: RAZOR, ASPX, kể cảOpen source trong khi ASP.NET MVC2 chỉ có ASPX

- Controller được cải tiến hơn như thuộc tính ViewBag và kiểu ActionResult

- Cải thiện Dependency Injection với IDpendencyResolver (có 2 phần: DependencyResolver và interface IDpendencyResolver) trong ASP.NET MVC3; đây là lớp thực thi mô hình Service Locator, cho phép framework gọi DIContainer khi cần làm việc với 1 lớp thực thi 1 từ kiểu cụ thể

- Cách tiếp cận với JavaScript được hạn chế

- Hỗ trợ caching trong Partial page

- ASP.NET Web API ra đời, nhằm đơn giản hoá việc lập trình với HTML hiện đại và đây làmột cải tiến mớithay cho WCF Web API.

- Mặc định của dự ánđược cải thiệnhơn về hình thức bố trí, giúp dễ nhìn hơn.

- Mẫu Empty Project là project trống, phù hợp cho những developer muốn nâng caokhả nănglậptrình với ASP.NET MVC4.

- Giới thiệu jQuery Mobile và mẫu Mobile Project chodự án

- Kiểm soát Bundling và Minification thông qua web.config

- Hỗ trợ cho việc đăng nhập OAuth và OpenID bằng cách sử dụng thư viện DotNetOpenAuth Cho phép Logins từ Facebook và những tài khoản khác

- Phiên bản mới Windows Azure SDK 1.6 được phát hành

1.2.2.2 Các cải tiến của MVC5

- Với MVC5 thì cải tiến hơn so với ASP.NET MVC4, Bootstrap được thay thế mẫu MVC mặc định.

- Chứng thực người dùng Authentication Filter được tuỳ chỉnh hoặc

10 chứng thực từ hãng thứ 3 cungcấp

- Với Filter overrides, chúng ta có thể Filter override trên Method hoặc

- Thuộc tính Routing được tích hợp vào MVC5

❖ Bootstrap là một framework CSS được Twitter phát triển Nó là một tập hợp các bộ chọn, thuộc tính và giá trị có sẵn để giúp web designer tránh việc lặp đi lặp lại trong quá trình tạo ra các class CSS và những đoạn mã HTML giống nhau trong dự án webcủa mình Ngoài CSS ra, thì bootstrap cònhỗ trợ các function tiện ích được viết dựa trên JQuery(Carousel, Tooltip, Popovers , )

❖ Những do lý để sửdụng Bootstrap:

- Được viết bởi những người có ócthẩm mỹ và tài năng trên khắp thế giới Sự tương thích của trình duyệt với thiết bị đã được kiểm tra nhiều lần nên có thể tin tưởng kết quả mình làm và ra nhiều khi không cần kiểm tra lại Vìvậy, giúp cho dự án của bạn tiết kiệm được thời gian và tiền bạc.

- Chỉ cần biết sơ qua HTML, CSS, Javascript, Jquery là bạn có thể sử dụng Bootstrap để tạo nên một trang web sang trọng và đầy đủ Nhưng lại không cần code quá nhiềuCSS.

- Với giao diện mặc định là màu xám bạc sang trọng, hỗ trợ các component thông dụng mà các website hiện nay cần có Vì nó là opensource nên bạn có thể vào mãnguồn của nó để thay đổitheo thích của bản ý thân.

- Do có sử dụng Grid System nên Bootstrap mặc định hỗ trợ

PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG

SƠ ĐỒ CLASS

Hình 2.9 Sơ đồ class tổng thể

2.4.1 SƠ ĐỒ HOẠT ĐỘNGCÁCCHỨC NĂNG

Hình 2.10 Sơ đồ hoạt động đăng nhập vào hệ thống

Hình 2.11 Sơ đồ hoạt động thêm nhân viên

2.4.1.3 Chức năng thêm khách hàng

Hình 2.12 Sơ đồ tuần tự thêm khách hàng

2.4.1.4 Chức năng thêm sản phẩm

Hình 2.13 Sơ đồ hoạt động thêm sản phẩm

2.4.1.5 Chức năng thêm hóa đơn/đơn hàng

Hình 2.14 Sơ đồ hoạt động thêm hóa đơn/đơn hàng

SƠ ĐỒ TUẦN TỰ CÁC CHỨC NĂNG

Hình 2.15 Sơ đồ tuần tự chức năng đăng nhập

2.5.2 Chức năng thêm nhân viên

Hình 2.16 Sơ đồ tuần tự thêm nhân viên

Hình 2.17 Sơ đồ hoạt động thêm khách hàng

2.5.4 Chức năng thêm sản phẩm

Hình 2.18 Sơ đồ tuần tự thêm sản phẩm

45 2.5.5 Chức năng thêm hóa đơn/đơn hàng

Hình 2.19 Sơ đồ tuần tự thêm hóađơn/ đơn hàng

MANV TENNV NGAYSINHNV DIACHINV TINHTHAN HNV QUA NH UYE N NV XAPHUON GNV SODIENT HOA INV BANGCAPNV SOCMTNV NGAYCAPCMTNV NOICAPC MTNV Mat kha uNV FACEBOOKNV ZAL ONV EMA ILN V HINHA NHNV MACV

DON GIA SP DONGIA SP

TON GT IEN DON GIA NH AP

THO IGI ANX UAT HD RONGS P

TON GT IEN HAN GH D NHA SXSP

PHIS HI PHD GIOITH IEUNGA NSP

DA GIAO HA NG HD A NHSP2

PHAMVIAPDUNGKM SOLANSUDUNGKM GIAT RI DON HA NGK M GIATR IKM LOAIKM NGAYKETTHUCKM NGAYBATDAUKM TENKM MAKM

MÔ HÌNH CƠ SỞ DỮ LIỆU

MANSP TENNSP DIEN GIAI NSP ANH MIN HHO AN SP

Hình 2.20 Mô hình dữ liệu hệ thống

TỔ CHỨC BẢNG DỮ LIỆU

2.7.1 Bảng dữ liệu CHITIẾT HÓA ĐƠN

STT Tên cột Kiểu dữ liệu Not Null Diễn giải

1 MAHD char(12) Not Null Mã hóa đơn

2 MASP int Not Null Mã sản phẩm

4 SOLUONG int Not Null Số lượng

5 TONGTIEN money Not Null Tổng tiền

Bảng 2.9 Bảng dữ liệu Chi tiết hóa đơn

2.7.2 Bảng dữ liệu CHITIẾT NHẬP

1 MAPN int Not Null Mã phiếu nhập

4 SOLUONGNHAP int Not Null Số lượng

5 DONGIANHAP money Not Null Đơn giá nhập

Bảng 2.10 Bảng dữ liệu chi tiết nhập hàng

2.7.3 Bảng dữ liệu CHỨC VỤ VỊ TRÍ

1 MACV int Not Null Mã chức vụ

2 TENCV nvarchar(128) Tên chức vụ

Bảng 2.11 Bảng dữ liệu Chức vụ vị trí

2.7.4 Bảng dữ liệu HÓA ĐƠN

1 MAHD char(12) Not Null Mã hóađơn

2 MAVD char(18) Mã vận đơn

3 MAKM char(8) Mã khuyến mãi

4 MANV char(8) Not Null Mã nhân viên

5 MAKH int Not Null Mã khách hàng

6 THOIGIANXUATHD datetime Not Null Thời gian xuất hóa đơn

7 HINHTHUCTHANHTOANHD int Not Null Hình thức thanh toán

8 TONGTIENHANGHD money Not Null Tổng tiền hàng

9 THUEHD int Thuế giá tị gia tăng

10 TONGTHANHTOANHD money Not Null Tổng thanh toán

11 SHIPHANGHD bit Not Null Có vận chuyển

12 PHISHIPHD money Phí chuyển vận

13 DATHANHTOANHD bit Not Null Đã thanh toán

15 DAGIAOHANGHD bit Not Null Đã giao hàng

Bảng 2.12 Bảng dữ liệu Hóa đơn

2.7.5 Bảng dữ liệu KHÁCH HÀNG

1 MAKH int Not Null Mã khách hàng

3 TENKH nvarchar(256) Tên khách hàng

4 MASOTHUEKH char(10) Mã số thuế

5 DIENTHOAIKH char(13) Not Null Điện thoại

15 MABUUCHINHKH char(6) Mã bưu chính

Bảng 2.13 Bảng dữ liệu Khách hàng

2.7.6 Bảng dữ liệu KHUYẾN MÃI

1 MAKM char(8) Not Null Mã khuyến mãi

3 NGAYBATDAUKM datetime Not Null Ngày bắt đầu

4 NGAYKETTHUCKM datetime Not Null Ngày kếtthúc

5 LOAIKM bit Not Null Loại khuyếnmãi

6 GIATRIKM decimal(18, 0) Not Null Giá trị khuyến mãi

7 GIATRIDONHANGKM money Not Null Giá trị đơn hàng áp dụng

8 SOLANSUDUNGKM int Số lần sử dụng

9 PHAMVIAPDUNGKM bit Phạm vi ápdụng

Bảng 2.14 Bảng dữ liệu khuyến mãi 2.7.7 Bảng dữ liệu LOẠI SẢN PHẨM

1 MALSP int Not Null Mã loại sản phẩm

2 TENLSP nvarchar(256) Tên loại sản phẩm

Bảng 2.15.Bảng dữ liệu loại sản phẩm 2.7.8 Bảng dữ liệuNHÓM SẢN PHẨM

2 MANSP int Not Null Mã nhóm sản phẩm Bảng 2.16 Bảng dữ liệu Sản phẩm thuộc nhóm

2 MADVT int Not Null Mã đơn vị tính

3 MALSP int Not Null Mã loại sản phẩm

4 MAKM char(8) Mã khuyến mãi

5 TENSP nvarchar(256) Tên sản phẩm

6 KHOILUONGSP float Not Null Khối lượng

12 DONGIASP money Not Null Đơn giá

15 THONGTINCHITIETSP ntext Thông tin chi tiết

16 ANHSP1 char(1024) Ảnh minh họa 1

Bảng 2.17 Bảng dữ liệu Sản phẩm

DEMO VÀ TRIỂN KHAI HỆ THỐNG

GIỚI THIỆU TỔNG QUAN VỀ HẠ TẦNG DEMO

- Demo được cài đặt, vận hành trên Hosting Server Window và tích hợp kết nối Microsoft SQL Server Version 12.0 Và có đăng ký chứng thực an toànnội dung mã hóa thông tin HTTPS.

GIAO DIỆN CHÍNH

Hình 3.1 Giao diện chính của cửa hàng

Hình 3.2 Giao diện chính của cửa hàng

Hình 3.3 Giao diện cửa hàngGiao diện chính của hệ thống (Dashboard) được hiển thị với đầy đủ các tính năng sau khi quá trình đăng nhập vào hệ thống được diễn ra thành công.

GIAO DIỆN CHỨC NĂNG

Hình 3.4 Giao diện đăng nhập

Lần đầu tiên thực hiện thao tác với hệ thống, View đăng nhập được hiển thị với yêu cầunhập [Tài Khoản] và [Mật khẩu] để được truycập vào hệ thống.

Nếu nhập sai thông tin, hệ thống sẽ phát thông báo “Đăng nhập thất bại, vui lòng thử đăng nhập lại” Và quá trình cứ được lặp lại cho đến khi được nhập đúng để truy cập vào hệ thống hoặc người dùng chủ động thoát khỏi hệ thống. 3.3.2 Chức năng quản trị Hóa đơn

Hình 3.5 Lựa chọn quản trị hóa đơn Để quản trị hóa đơn người dùng có thể lựa chọn tại giao diện chính bằng cách click chọn vào tổng đơn hàng hoặc lựa chọn Đơn hàng trên Menu Site bên tay phải của hệ thống.

Hình 3.6 Quản trị hóa đơn Chuyên trang quản trị hóa đơn nhiều thông tin quan trọng được hiển thị bên ngoài hệ thống quản trị hóa đơn Tại đây người dùng có thể xem chi tiết thông tin hóa đơn đã được tạo Để tìm nhanh một hóa đơn, người dùng có thể sử dụng thanh công cụ tìm kiếm trên Header, hỗ trợ người dùng tìm kiếm theo tên khách hàng, mã khách hàng, mã hóa đơn.

Hình 3.7 Chi tiết hóa đơnChuyên trang chi tiết hóa đơn hiển thị đầy đủ thông tin của hóa đơn mà người dung đã tạo trước đó Tại đây người dùng có thể lựa chọn in hóa đơn để sao lưu hoặc lưufile PDF khi cần thiết.

Hình 3.8 Thêm mới hóa đơn Chuyên trang thêm mới hóa đơn hỗ trợ người dùng thao tác thêm hóa đơn nhanh chóng, chỉ với thao tác chọn khách hàng chọn mặc hàng cần mua, nhập số lượng cần mua và xác nhận hóa đơn.

3.3.3 Chức năng quản trị Sản phẩm

Hình 3.9 Lựa chọn quản trị Sản phẩm

Hình 3.10 Quản trị sản phẩm Chuyên trang quản trị sản phẩm đươc hiển thị tóm tắt các thông tin chính của sản phẩm đủ đáp ứng cho chu cầu quản lý

Bằng công cụ tìm kiếm trên Header, người dùng có thể tìm nhanh một sảnphẩm thông qua tên sảnphẩm hoặcmãsản phẩm

Hình 3.11 Chi tiết sản phẩm

Chi tiết sản phẩm của một sản phẩm người dùng lựa chọn được hiển thị có cấu trúc gõ gàng, thẩm mỹ đảm bảo ngay cả trên máy tính và thiết bị điện thoại

Hình 3.12 Quản lý loại sản phẩm

Hình 3.13 Quản trị nhóm sản phẩm

Danh sách nhóm sản phẩm được hiển thị khi lựa chọn cấu hình nhóm sản phẩm tại chức năng Quản trị Sản phẩm.

Bằng công cụ tìm kiếm trên Header người dùng hoàn toàn có thể tìmkiếm nhanh một nhóm theo tên nhóm hoặcmã nhóm

Hình 3.14 Quản lý Tài khoản

Hình 3.15 Quản trị Nhân viên, Nhà cung cấp Kết quả của quá trình truy cập vào Quản trị khách hàng là nhận được danh sách khách hàng với các thông tin căn bản được hiển thị tómtắt.

Bằng thành công cụ tìm kiếm trực tiếp trên Header người dùng có thể tìm nhanh têncủa khách hàng vớitên khách hàng, số điện thoại,…

Hình 3.16 Quản lý Thêm khách hàng Người dùng nhập thông tin khách hàng chưa có trong hệ thống và tiến hành xác nhận thêm khách hàng

Hình 3.17 Quản lý danh mục sản phẩm

Hình 3.18 Quản lý danh mục tin tức

Quản danh lí mục tin tức không chỉ là cách để cập nhật thông tin, mà còn là một cơ hội để tạo ra sự kết nối và tương tác tích cực với khách hàng, đồng thời cũng giúp tăng cường hiệu quả kinh doanh và tăng cường uy tínthương hiệu của bạn.

Hình 3.19 Quản lý Bài viết

Quản lí bài viết không chỉ giúp tạo ra nội dung hữu ích mà còn là cơ hội để tương tác và kết nối mạnh mẽ với khách hàng và xây dựng uy tín thương hiệu của bạn trong lĩnh vực thời trang

Hình 3.20 Quản lý giỏ hàng

Sau khi thêm sản phảm vào giỏ hàng thì khách hàng có thể xóa sản phẩm không muanữa hoặclà thanh thoánsản phẩm đã chọn

Hình 3.21 Quản lý thanh toán

Sau khi khách chốt sản phẩm cần mua xong thì có thể bắt đầu thanh toán, thanh toán gồm họ tên, số điện thoại, địa chỉ, email và chọn hình thức thanh toán để hoàn thành đặt hàng

Hình 3.22 Đặt hàng thành công

Hình 3.23 Quản lý thống kê

Quản lí thông kê không chỉ giúp bạn hiểu rõ hơn về khách hàng và hoạt động kinh doanh, mà còn là cơ hội để tối ưu hóa chiến lược kinh doanh và cải thiện trải nghiệm mua sắm cho khách hàng.

Định dạng
Số trang	60
Dung lượng	6,67 MB