4.6 Giao diện giỏ hàng
4.7 Giao diện thanh tốn
4.8 Giao diện quản lý của người bán
5. Hướng dẫn cài đặt xampp
Các bước cài đặt XAMPP:
Bước 1:
Truy cập đường link bên dưới để tải phần mềm: https://www.apachefriends.org/download.html
Hình 2.22. Giao diện trang chủ tải về
Các bạn chọn liên kết phù hợp với máy rồi tải xuống
Bước 2: Tiến hành cài đặt
Sau khi tải file cài đặt về xong bấm vào file “ xampp-windows-x64-8.0.13-0-VS16- installer” để chạy, sau đó chọn Next.
Hình 2.23. Cửa sổ cài đặt XAMPP
Ở phần chọn đường dẫn, bạn hãy chọn đường dẫn cần lưu cài đặt của XAMPP. Lưu ý rằng đường dẫn này bạn phải nhớ vì khi cài đặt web lên localhost, bạn phải truy cập vào thư mục này. Bạn nên để mặc định là c:\xampp.( bạn có thể cài ở ổ khác, do máy tui ổ C đã đầy nên tui cài ổ D). Tiếp tục ấn Next.
Hình 2.24. Chọn nơi lưu trữ XAMPP
Ở trang kế tiếp, bạn bỏ chọn phần “Learn more about Bitnami for XAMPP“. Và ấn Next 2 lần nữa để bắt đầu quá trình cài đặt XAMPP.
Hình 2.25. Bỏ chọn “Learn more about Bitnami for XAMPP“
Sau khi cài xong, ấn nút Finish để kết thúc cài đặt và mở bảng điều khiển của XAMPP. Tuy nhiên, hãy khởi động lại máy sau khi cài đặt xong để tránh tình trạng khơng khởi động được localhost.
Hình 2.25. Cài đặt xong XAMPP Bước 3: Khởi động localhost
Bây giờ bạn hãy vào thư mục c:\xampp và mở file xampp-panel.exe lên để bật bảng điều khiển của XAMPP.
Hình 2.26 Bảng điều khiển của XAMPP
Bạn để ý sẽ thấy hai ứng dụng Apache và MySQL có nút Start, đó là dấu hiệu bảo 2 ứng dụng này chưa được khởi động, hãy ấn vào nút Start của từng ứng dụng để khởi động Webserver Apache và MySQL Server lên thì mới chạy được localhost. Nếu cả hai ứng dụng chuyển sang màu xanh như hình dưới là đã khởi động thành cơng.
Hình 2.27. Bảng điều khiển của XAMPP
Sau khi khởi động xong, bạn hãy truy cập vào website với địa chỉ là http://localhost/dashboard/ sẽ thấy nó hiển thị ra trang giới thiệu XAMPP như hình dưới.
*Lưu ý: phải chạy phần mềm và bật start của Apache và MySQL trong suốt quá trình làm việc thì dự án bạn mới chạy được
6. Giải pháp hoàn thiện sản phẩm6.1 Vấn đề: 6.1 Vấn đề:
Khi khách hàng hay một cơ quan, tổ chức yêu cầu làm một dự án sản phẩm lớn, ví dụ làm một trang web bán hàng thương mại diện tử giống như shopee, lazada,.v.v., thì khi hồn thiện sản phẩm, giao cho khách hàng phải đảm bảo các chức năng của trang web đểu ổn định, không được xảy ra lỗi, các dữ liệu thông tin của trang web như thông tin cá nhân của khách hàng, người bán hàng, quản trị viên, thơng tin hóa đơn,v.v., phải được bảo mật an tồn tuyệt đối.
6.2 Câu hỏi đặt ra:
Yếu tố nào có thể giúp cho trang web hoản thành được các điểu kiện đã nêu ra trong vấn đề trên ?
6.3 Trả lời: Đó chính là phần Backend.6.4 Backend là gì: 6.4 Backend là gì:
L p trình Backend là vi c x lý m i nghi p v ph c t p, n phía sau m t trangậ ệ ử ọ ệ ụ ứ ạ ẩ ộ
web, ng d ng, h th ng... giúp cho h th ng ho t đ ng tr n tru. Backend thứ ụ ệ ố ệ ố ạ ộ ơ ường bao g m ba ph n: máy ch , ng d ng và c s d li u. B t c s n ph m nào đ u có haiồ ầ ủ ứ ụ ơ ở ữ ệ ấ ứ ả ẩ ề
n i mã code ho t đ ng đ m i th di n ra tr n tru:ơ ạ ộ ể ọ ứ ễ ơ phía máy khách và phía máy ch .ủ
Coding phía máy khách là cơng vi c c a frontend developer. H t o ra c u trúcệ ủ ọ ạ ấ
c a trang web b ng HTML, CSS và JavaScript, giúp nh ng chuy n đ i tr nên tr n tru,ủ ằ ữ ể ổ ở ơ
có th nh n để ấ ược các nút và văn b n có th ch nh s a đả ể ỉ ử ược.
Backend sẽ làm cho m i th ho t đ ng v i máy ch , CSDL... Khơng có Backendọ ứ ạ ộ ớ ủ
thì web/ ng d ng trên không th ho t đ ng đứ ụ ể ạ ộ ược.
6.5Ngôn ng Backend:ữ
Hi n nay có nhi u ngơn ng Backend nh : Java, .Net, Python, PHP, C++, Golang,…ệ ể ữ ư
6.6PHP là gì ?
PHP là m t t vi t t t c a c m t Hypertext Pre Processor. Là m t ngôn ng l pộ ừ ế ắ ủ ụ ừ ộ ữ ậ trình thường đượ ử ục s d ng đ phát tri n ng d ng. Nh ng th có liên quan đ n vi tể ể ứ ụ ữ ứ ế ế máy ch , mã ngu n m hay m c đích t ng qt. Ngồi ra, nó cịn rât thích h p đ l pủ ồ ở ụ ổ ợ ể ậ trình web và có th d dàng nhúng vào trang HTML. Ngày nay, PHP đã chi m t i h nể ễ ế ớ ơ 70% web hi n nay, trang web gi i thi u c a các công ty nhệ ớ ệ ủ ư influxwebtechnologies, Monamedia đ u đề ược xây d ng b ng WordPress – m t mã ngu n đự ằ ộ ồ ược vi t b i ngônế ở ng PHP.ữ B i nh ng tính năng nh t i u hóa cho các ng d ng web. T c đ load webở ữ ư ố ư ứ ụ ố ộ nhanh, nh g n, cú pháp gi ng C và JAVA. R t d h c và th i gian xây d ng s n ph mỏ ọ ố ấ ễ ọ ờ ự ả ẩ tương đ i ng n h n so v i các ngôn ng khác hi n nay.ố ắ ơ ớ ữ ệ
Ưu đi mể
V u đi m đề ư ể ược gi i thi u s qua trong n i dung trên, chúng tôi sẽ cho b nớ ệ ơ ộ ạ th y 5 u đi m n i b t nh t vấ ư ể ổ ậ ấ ề ngôn ng PHPữ này:
Đ u tiên đó là PHP đầ ượ ử ục s d ng mi n phí. Là m t l i th c c l n cho aiễ ộ ợ ế ự ớ mu n h c l p trình này. Các b n có th h c và th c hành theo d ng online. Không c nố ọ ậ ạ ể ọ ự ạ ầ ph i lo đ n vi c chi tr s ti n l n đ h c l p trình.ả ế ệ ả ố ề ớ ể ọ ậ
Cú pháp và c u trúc c aấ ủ PHP tương đ i d dàng. N u b n mu n h c vố ễ ế ạ ố ọ ề ngôn ng này, b n sẽ không ph i m t quá nhi u th i gian đ hi u đữ ạ ả ấ ề ờ ể ể ược. Đa s cácố b n l p trình viên thạ ậ ường ng i v i c u trúc khó. Là m t u đi m l n cho m i ngạ ớ ấ ộ ư ể ớ ọ ười quan tâm và yêu thích hàng đ u v ngơn ng l p trình.ầ ề ữ ậ
Sẽ r t d ki m đấ ễ ế ược vi c làm v i m c lệ ớ ứ ương kh ng. Đa s công ty thi tủ ố ế k web hi n nay đ u có b ph n PHP. Và đó là đi u khơng th thi u. Ngồi ra cịn cóế ệ ề ộ ậ ề ể ế thêm các công ty v ph n m m. Nhi u công vi c l n khác nhau, cũng nh nhi u côngề ầ ề ề ệ ớ ư ề ty khác nhau sẽ mang l i cho b n thu nh p đáng k .ạ ạ ậ ể
Không ch v i hi n t i mà trong tỉ ớ ệ ạ ương lai. ngơn ng l p trình này sẽ cịnữ ậ phát tri n m nh me h n n a đ kh ng đ nh v trí c a mình ln là cao nh t trong cácể ạ ơ ữ ể ẳ ị ị ủ ấ b ng kh o sát ngơn ng l p trình.ả ả ữ ậ
Nhược đi m c a PHPể ủ
Tuy nhi u v i u đi m k trên,ề ớ ư ể ể PHP cũng có vài nhược đi m c b n nh sau:ể ơ ả ư
PHP còn h n ch v c u trúc a ng pháp. Nó khơng đạ ế ề ấ ủ ữ ược thi t k g nế ế ọ gàng và không được đ p m t nh nh ng ngôn ng l p trình khác.ẹ ắ ư ữ ữ ậ
PHP ch có th ho t đ ng và s d ng đỉ ể ạ ộ ử ụ ược trên các ng d ng trong web.ứ ụ Đó chính là lý do khi n cho ngơn ng này khó có th c nh tranh đế ữ ể ạ ược v i nh ng ngônớ ữ ng l p trình khác. N u nh mu n phát tri n và nhân r ng h n n a trong l p trình.ữ ậ ế ư ố ể ộ ơ ữ ậ
CHƯƠNG 3: KẾT QUẢ THỰC NGHIỆM 1. Chức năng đăng nhập, thêm sản phẩm vào giỏ hàng
Mô tả:
+ Trường hợp 1(TH1): Khách hàng đã đăng nhập có thể thêm sản phẩm vào giỏ hàng.
+ Trường hợp 2(TH2): Khách hàng chưa đăng nhập khi chọn chức năng thêm sản phẩm vào giỏ hệ thống sẽ yêu cầu đăng nhập.
Hình 3.13 Thêm vào gi thành côngỏ
Demo TH2:
Khi bấm nút thêm yêu cầu đăng nhập
Hình 3.15 Yêu c u đăng nh pầ ậ
2. Chức năng thanh tốn, xuất mã đơn hàngMơ tả: Mơ tả:
Khi khách hàng chọn chức năng thanh tốn, hệ thống sẽ hiển thị giao diện tùy chọn
thanh toán gồm 2 tùy chọn: thanh toán bằng thẻ, thanh toán khi nhận hàng. Nếu khách hàng chọn chức năng thanh tốn bằng thẻ, thì khách hàng phải điển các thơng tin thẻ lên form hệ thống sau đó hệ thống kiểm tra rồi mới thanh tốn.
Hình 3.17 Thanh tốn qua thẻ
3. Ch c năng đăng kýứ
Mô t :ả
Khách hàng đi n t t c thông tin vào form đăng ký, h th ng ki m tra email, tên ề ấ ả ệ ố ể tài kho n, s đi n tho i h p l sẽ thông báo đăng ký thành công, ngả ố ệ ạ ợ ệ ượ ạc l i đăng ký không thành cơng
Hình 3.19 Giao di n đăng kýệ
Hình 3.21 Đăng ký thành cơng
Thông báo lỗi điền lại
4. Ch c năng c a ngứ ủ ười bán hàng
Mô tả:
Khi ngưởi bán hàng đăng nhập vào trang quản lý, người bán hàng có thể sử dụng các chức năng như: xem mặt hàng, đăng mặt hàng, sửa cập nhật thơng tin mặt hàng,xóa mặt hàng.
Xem mặt hàng
Đăng mặt hàng
Hình 3.25 Đi n thông tin trề ước khi đăng
Chỉnh sửa thông tin mặt hàng
Hình 3.27 M c ch nh s aụ ỉ ử
Cập nhật thơng tin chỉnh sửa
Xóa mặt hàng
Hình 3.30 Giao di n xóa m t hàngệ ặ
Hình 3.32 Xóa thành cơng
Xem đơn đặt hàng
CHƯƠNG 4: KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN CỦA TRANG WEB1. Kết quả đạt được: 1. Kết quả đạt được:
Đề tài: “xây dựng Website bán hàng trực tuyến” cũng xuất phát từ thực tế ngày nay nhằm tạo một nền tảng cơ sở ban đầu để có thể hỗ trợ thêm cho thiết kế một Website của công ty hay một Website các nhân.
Mặc dù đã có nhiều cố gắng, tìm hiểu các kiến thức đã học, kết hợp tra cứu các tài liệu chuyên ngành nhưng do hạn chế về thời gian, cũng như khả năng và kinh nghiệm nên khơng trán khỏi nhựng thiếu sót nhất định do đó báo cáo đã hoàn thành ở mức độ sau:
1.1 Những kết quả đạt được:
- Về cơng nghệ
Tìm hiểu về các cơng nghệ lập trình web
Tìm hiểu và nắm bắt được các công cụ thiết kế web
Biết được cách thiết kế web động cũng như cách tổng chức cơ sở dữ liệu. Các dịch vụ trên Interner, đặc biệt là web…
- Về cài đặt chương trình
Giới thiệu các mặt hàng kinh doanh đến khách hàng.
Cho phép ngưởi dùng xem được các mặt hàng, thêm vào giỏ hàng, thanh toán khi mua hàng
Tiếp nhân đơn đặt hàng của khách hàng.
Người bán hàng có thể: đăng mặt hàng,cập nhật, xóa mặt hàng, xem đơn đặt hàng của khách hàng.
Thống kê: chủng loại mặt hàng, tin tức và các đối tác - Tính năng chương trình
Thơng tin về khách hàng, mặt hàng… được cập nhật kịp thời, chính xác
- Giao diện đẹp, dễ dàng sử dụng trên các trình duyệt web. - Tốc độ xử lý nhanh.
- Mơ phỏng cơ bản về cấu trúc của trang web.
1.3 Nhược điểm:
- Sản phẩm chưa được thử nghiệm với thời gian dài với nhiều môi trường khác nhau nên chưa đánh giá chính xác được độ ổn định.
- Website chỉ mới giải quyết được các vấn đề cơ bản nhất.
- Vẫn còn thiếu rất nhiều chức năng cơ bản của một website bán đồ thương mại điện tử.
2. Hướng nghiên cứu phát triển
Tìm hiểu sâu hơn hệ quản trị cơ sở dữ liệu có thể đáp ứng nhiều nhu cầu của người dử dụng, phát triển và tối ưu hoá hệ thống
Kết hợp ngôn ngữ PHP với các hệ quản trị cơ sở dữ liệu lớn hơn như: SQL Server, Oracle,…
Tìm hiểu thêm một số ngôn ngữ, các phần mềm ứng dụng để nâng cao giao diện đồ hoạ đẹp mắt, sinh động hơn…
Xây dựng trang Web quy mô lớn hơn với nhiều ứng dụng
3. Kết luận
Mơ hình trang web về bán đồ trên nền tảng thương mại điện tử là một đề tài không mới nhưng nó đặt ra nhiều câu hỏi trong việc thực hiện nghiên cứu một dự án,, sản phẩm mang tính khả thi. Trong tương lai hi vọng trang web này sẽ được hoàn thiện, ổn định được nhiều người tiêu dùng biết đến và sử dụng rộng rãi.
4. Tài liệu tham khảo
[1] Trần Thị Diễm Trang – Trần Huy Long, Lập trình web, 2014 [2] Website thamm khảo:
https://www.youtube.com/watch?v=tTfn37NrzBw&t=322s https://www.w3schools.com/css/css_navbar.asp