Báo cáo Đồ Án Đề tài xây dựng website bán hàng online

Khuyết điểm của MySQL Workbench:  Giới hạn: Theo thiết kế, MySQL không có ý định làm tất cả và nó đi kèm với các hạn chế về chức năng mà một vào ứng dụng có thể cần..  Dung lượng hạn c

Giảng viên hướng dẫn : TS Nguyễn Trần Quốc Vinh

Sinh viên thực hiện : Nguyễn Văn Lộc

ĐÀ NẴNG, THÁNG 12/2020

1

NHẬN XÉT CỦA CÁN BỘ HƯỚNG DẪN

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

Đà Nẵng, ngày … tháng … năm …

Cán bộ hướng dẫn

(Ký và ghi rõ họ tên)

NHẬN XÉT CỦA HỘI ĐỒNG PHẢN BIỆN

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

Đà Nẵng, ngày … tháng … năm 2020

Hội đồng phản biện

3

MPc lPc MỤC LỤC 4

CHƯƠNG II: PHÂN TÍCH THIẾT KẾ HỆ THỐNG 29

1 Phân tích yêu cầu 29

1.1 Đặc tả hệ thống 29

Quản Trị Viên………29

Khách

Hàng……… 29

1.2 Xác định tác nhân 31

1.3 Xác định chức năng 31

1.4 Phân tích tính năng 31

2 Phân tích thiết kế cơ sở dữ liệu 33

3 Mối quan hệ giữa các bảng 36

CHƯƠNG III: CÀI ĐẶT CHƯƠNG TRÌNH 37

1 Giao diện người dùng 37

1.1 Trang chủ 37

1.2 Thanh Header 39

1.3 Trang Products 40

1.4 Thanh tìm kiếm trên trang Products 40

1.5 Giao diện khi mua hàng trên trang Cart 40

1.6 Giao người dùng thanh toán trên trang Cart 41

1.7 Giao diện trang Login 41

2 Giao diện quản lý admin 42

2.1 Giao diện login của admin 42

2.2 Giao diện trang Admin 42

2.3 Giao diện trang thêm Sản Phẩm 43

2.6 Giao diện quản lý Sản Phẩm 44

LỜI CẢM ƠN

Bằng sự cố gắng, nỗ lực và trong suốt thời gian học tập ở Trường Đại Học

Sư Phạm Đà Nẵng cùng sự hỗ trợ tận tình đầy nhiệt huyết của thầy TS Nguyễn Trần Quốc Vinh Và thời gian cho phép em đã hoàn thiện Đồ Án Xây Dựng Website Bán Hàng một cách tốt nhất

Để có được kết quả này, em xin chân thành cảm ơn Trường Đại Học Sư Phạm Đà Nẵng nơi em học tập và đặc biệt trân trọng gửi lời cảm ơn sâu sắc tới thầy Nguyễn Trần Quốc Vinh đã hỗ trợ, hướng dẫn em trong quá trình học và làm

đồ án này.

Trên tất cả, em mong muốn Báo Cáo này sẽ trở thành dự án thực tế để cung cấp nhu cầu thiết yếu của thị trường hiện nay của trong nước cũng như ngoài nước nhằm để trở thành website bán hàng tốt nhất để phục vụ mọi người.

Xin chân thành cảm ơn !

Sinh viên thực hiện: Nguyễn Văn LộcLớp: 18CNTT4

LỜI MỞ ĐẦU

1 Lý do chọn đề tài:

Với một nước đang phát triển như Thế Giới thì việc mọi người cậpnhật thời trang, nhu cầu tiếp cận trend.Vì thời gian của mọi ngườikhông có sự linh hoạt trong việc cập nhật các trending một cáchnhanh nhất Do đó việc tạo ra một website bán hàng để mọi ngườitheo dõi các trending mới nhất của Thế giới hiện nay thông qua mạngcông nghệ 4.0 hiện nay

Với các lý do nêu trên được biết việc Website bán hàng order trựctuyến sẽ giúp cho khách hàng giảm bớt được thời gian và công sứcphải đến tận cửa hàng để mua Muốn lựa chọn cho mình một chiếc áo,quần, mũ ưng ý phù hợp với túi tiền thì khách hàng chỉ cần ngồi bênchiếc máy tính có nối mạng internet là có thế mua được những mặthàng mình cần

Với những nhu cầu trên em đã xây dựng website bán áo quầnkết hợp với ngôn ngữ lập trình JSP và theo mô hình MVC

2 MPc đích và ý nghĩa đề tài:

Qua đề tài thì em mới đi đến quyết định xây dựng website tin tứcnhằm phục vụ cho mọi người trong việc nắm bắt những thông tin ởmọi nơi mọi lúc Ngoài ra, với Báo Cáo Đồ Án này, người đọc cóthêm cái nhìn về quy trình thực hiện một dự án thật với các công nghệcũng như môi trường mới nhất hiện nay

3 Nhiệm vP cP thể:

- Xây Dựng Website hoàn chỉnh với đầy đủ chức năng hỗ trợ quảntrị như : Thêm, Sửa, Xóa, Cập Nhật

7

- Xây Dựng Website hoàn chỉnh với các chức năng hỗ trợ ngườidùng như : Đọc, Tìm kiếm các mẫu thời trang.

để xử lý Back-end, MySQL để xử lý Cơ Sở Dữ Liệu

- Chương 2 – Phân Tích Và Thiết Kế Hệ Thống : Chương này trìnhbày các yêu cầu của dự án, phân tích thiết kế giao diện, phân tíchthiết kế database

- Chương 3 – Cài Đặt Chương Trình : Chương này cài đặt môitrường, Front-end sử dụng HTML5, CSS3 với Framework CSSBootstrap 4 , tương tác từ Back-end sử dụng Spring Frameworkvới Database và trả lại cho Front-end

- Kết luận : Nêu ra những thiếu xót về mặt hệ thống cũng như việcphát triển hệ thống trong tương lai và nguồn source code , các tàiliệu tham khảo trong quá trình nghiên cứu và tiến hành thực hiệnlàm đồ án

Chương I: TỔNG QUAN

1 Môi trường

1.1 Giới thiệu MySQL Workbench

MySQL Workbench chính là một chương trình giúp cho người lậptrình có thể giao tiếp với hệ cơ sở dữ liệu MySQL thay vì phải sử dụngcác lệnh Command-line phức tạp và mất thời gian MySQL Workbenchđược thiết kế đơn giản, dễ sử dụng và có thể thích ứng với nhiều hệ điềuhành như là Microsoft Windowns, Max OS, Linux hay Ubuntu

Ưu điểm lớn nhất của MySQL Workbench là không phải trảphí bản quyền và sử dụng mã nguồn mở, bên cạnh đó cấu hìnhcủa web server này tương đối đơn giản, gọn nhẹ nên được sử dụngngày càng phổ biến hiện nay Bởi vì có cấu hình đơn giản nên

MySQL Workbench không được hỗ trợ cấu hình Module, có

version MYSQL để tiện cho việc update

Ưu điểm chi tiết hơn về MySQL Workbench:

9

 Dễ sử dụng: MySQL là cơ sở dữ liệu tốc độ cao, ổn định, dễ sử dụng và hoạt động trên nhiều hệ điều hành cung cấp một hệ thống lớn các hàm tiện ích rất mạnh.

 Độ bảo mật cao MySQL rất thích hợp cho các ứng dụng có truy : cập CSDL trên Internet khi sở hữu nhiều nhiều tính năng bảo mật thậm chí là ở cấp cao

 Đa tính năng: MySQL hỗ trợ rất nhiều chức năng SQL được mong chờ từ một hệ quản trị cơ sở dữ liệu quan hệ cả trực tiếp lẫn gián tiếp

 Khả năng mở rộng và mạnh mẽ: MySQL có thể xử lý rất nhiều

dữ liệu và hơn thế nữa nó có thể được mở rộng nếu cần thiết

 Nhanh chóng: Việc đưa ra một số tiêu chuẩn cho phép MySQL để

làm việc rất hiệu quả và tiết kiệm chi phí, do đó nó làm tăng tốc độthực thi

Mã nguồn mở của MySQL Workbench có giao diện quản lý khátiện lợi Nhờ đó, người dùng có thể chủ động bật tắt hoặc khởi động lại các dịch vụ máy chủ bất kỳ lúc nào

Khuyết điểm của MySQL Workbench:

 Giới hạn: Theo thiết kế, MySQL không có ý định làm tất cả và nó

đi kèm với các hạn chế về chức năng mà một vào ứng dụng có thể cần

 Độ tin cậy: Cách các chức năng cụ thể được xử lý với MySQL (ví

dụ tài liệu tham khảo, các giao dịch, kiểm toán,…) làm cho nó kémtin cậy hơn so với một số hệ quản trị cơ sở dữ liệu quan hệ khác

 Dung lượng hạn chế: Nếu số bản ghi của bạn lớn dần lên thì việc

truy xuất dữ liệu của bạn là khá khó khăn, khi đó chúng ta sẽ phải

áp dụng nhiều biện pháp để tăng tốc độ truy xuất dữ liệu như là

chia tải database này ra nhiều server, hoặc tạo cache MySQL

Các bước cài đặt MySQL Workbench :

1) Cài đặt MySQL Community Server: http://dev.mysql.com/downloads/mysql/ 2) Cài đặt MySQL workbench - Bạn có thể sử dụng tệp zip hoặc trình cài đặt msi (được khuyến nghị sử dụng): http://dev.mysql.com/downloads/workbench/

Setup MySQL Workbench

+ Đầu tiên ta cần khởi chạy MySQL Workbench

+Tiếp theo, tạo MySQL Server Connection chứa thông tin chi tiết vềmáy chủ cơ sở dữ liệu đích, bao gồm cách kết nối đến máy chủ này.Click " " trong MySQL Workbench Home Window Sau đó sẽ hiện racửa sổ Setup New Connection

+ Nhấp vào Configure Server Management trong cửa sổ Setup NewConnection để kiểm tra cấu hình MySQL server

+Một cửa sổ có tên Configure Local Management sẽ hiện ra Nhấpvào nút Next để tiếp tục

+ Tiếp theo Wizard sẽ kiểm tra các kết nối đến cơ sở dữ liệu Một cửa

sổ pop up sẽ hiện ra và yêu cầu bạn mật khẩu gốc để kiểm tra kết nốiđến cá thể máy chủ MySQL cục bộ

+ Wizard sẽ tiếp tục kiểm tra kết nối tới cơ sở dữ liệu Trong trườnghợp test lỗi quay lại và chỉnh các thông số kết nối sao cho đúng Nếutất cả các kiểm tra đều thực hiện được, chọn Next để tiếp tục

+ Một wizard mới sẽ mở cho Local Service Management - cho phépbạn chuyển đổi giữa nhiều MySQL server được cài đặt trên một máy.Nếu là một beginner, bạn có thể bỏ qua bước này và nhấp vào Next

1.2 Apache là gì?

+ Là 1 phần mềm tích hợp nằm trong Xampp được gọi tắt củaApache HTTP Server là một chương trình máy chủ giao tiếp bằnggiao thức HTTP và hoạt động trên hầu hết các hệ điều hành+ Mục đích của Apache là giúp chủ trang website đưa nội dunglên web và Không chỉ đơn thuần là server vật lý Apache là một,

phần mềm chạy trên server, thiết lập kết nối giữa server và cáctrình duyệt của người dùng chẳng hạn như Firefox, Google,

Chrome, Safari,… rồi truyền, trao đổi file cấu trúc 2 chiềudạng client-server Như vậy xét về cách thức hoạt động, Apache làmột phần mềm đa nền tảng, hoạt động tốt với cả server Unix vàWindows

+ Khi khách truy cập một trang web, trình duyệt sẽ gửi yêu cầutải trang web đó lên server Sau đó, Apache sẽ trả kết quả với tất cảđầy đủ các file cấu thành nên trang mà khách hàng muốn truy cậpbao gồm cả nội dung, hình ảnh, video,… Server và client sẽ giaotiếp với nhau qua giao thức HTTP, khi đó Apache đảm nhận tráchnhiệm đảm bảo tiến trình này diễn ra mượt mà và bảo mật mộtcách tối ưu nhất

+Với cách hoạt động như vậy, Apache là một nền tảng module

có độ tùy biến rất cao Nó cho phép quản trị server có cả quyền tắthoặc thêm chức năng Đặc biệt, Apache có module cho bảo mậtcaching, URL rewriting, chứng thực mật khẩu,… Giúp bạn bảo vệtrang web của mình một cách an toàn nhất

Ưu điểm Apache:

 Apache là giải pháp tài chính hiệu quả Apache là phần mềm mã nguồn mở và miễn phí, kể cả cho mục đích thương mại

 Có độ tin cậy cao, ổn định, không chỉ được cập nhật thường xuyên,

mà còn được nâng cấp với nhiều bản vá lỗi bảo mật liên tục

 Phần mềm có tính linh hoạt cao, cấu trúc module tiện lợi Apache

dễ cấu hình, thân thiện với người dùng, kể cả dân không chuyên

 Phần mềm đa nền tảng (hoạt động được cả với server

Unix và Windows) Đặc biệt hoạt động cực kỳ hiệu quả

với WordPress sites Mạnh mẽ hơn, WordPress có cộng đồng lớn, sẵn sàng hỗ trợ giải quyết mọi vấn đề

Nhược điểm Apache :

 Gặp vấn đề hiệu năng nếu website có lượng truy cập cực lớn

 Quá nhiều lựa chọn thiết lập có thể gây ra các điểm yếu bảo mật

Cài đặt Apache:

 Bước 1: Download Apache phiên bản 64 bit hoặc 32 bit

 Bước 2: Cài đặt Apache Sau khi download thì tiến hành giải nén thư mục Apache24 vào ổ C Nhất định phải là ổ C, vì source này được xây dựng mặc định cho ổ C Nếu như bạn muốn cài đặt trên ổ

D hay bất kỳ đâu thì bạn cần phải thay đổi lại cấu hình

cho DocumentRoot

 Khởi động Apache: Vào thư mục C:Apache24bin và chạy file httpd.exe, khi có thông báo “It works!” hiện lên hoặc nếu vào http://localhost kiểm tra thấy dòng “It works!” là bạn đã cài đặt và chạy Apache thành công

Như tên gọi đã gợi ý, HTML là ngôn ngữ đánh dấu bằng thẻ(Markup Language), nghĩa là HTML đánh dấu một tài liệu text

13

bằng các thẻ (tag) để nói cho trình duyệt Web cách để cấu trúc nó

để hiển thị ra màn hình

Lịch sử HTML:

+ HTML được sáng tạo bởi Tim Berners-Lee, nhà vật lý họccủa trung tâm nghiên cứu CERN ở Thụy Sĩ Anh ta đã nghĩ rađược ý tưởng cho hệ thống hypertext trên nền Internet

+ Hypertext có nghĩa là văn bản chứa links, nơi người xem cóthể truy cập ngay lập tức Anh xuất bản phiên bản đầu tiên củaHTML trong năm 1991 bao gồm 18 tag HTML Từ đó, mỗi phiênbản mới của HTML đều có thêm tag mới và attributes mới

+ Theo Mozilla Developer Network: HTML Element Reference, hiện tại có hơn 140 HTML tags, mặc dù một vài trong

số chúng đã bị tạm ngưng (không hỗ trợ bởi các trình duyệt hiệnđại)

+ Nhanh chóng phổ biến ở mức độ chóng mặt, HTML đượcxem như là chuẩn mật của một website Các thiết lập và cấu trúcHTML được vận hành và phát triển bởi World Wide WebConsortium (W3C) Bạn có thể kiểm tra tình trạng mới nhất củangôn ngữ này bất kỳ lúc nào trên trang W3C’s website

Cách hoạt động HTML:

+ HTML documents là files kết thúc vớiđuôi HTML hay .htm Bạn có thể xem chúng bằng cách sử dụngbất kỳ trình duyệt web nào (như Google Chrome, Safari, hayMozilla Firefox) Trình duyệt đọc các files HTML này và xuất bảnnội dung lên internet sao cho người đọc có thể xem được nó.+ Thông thường, trung bình một web chứa nhiều trang webHTML, ví dụ như: trang chủ, trang about, trang liên hệ, tất cả đềucần các trang HTML riêng

+ Mỗi trang HTML chứa một bộ các tag (cũng được gọi

là elements), bạn có thể xem như là việc xây dựng từng khối củamột trang web Nó tạo thành cấu trúc cây thư mục bao gồmsection, paragraph, heading, và những khối nội dung khác

+ Hầu hết các HTML elements đều có tag mở và tag đóng vớicấu trúc như <tag></tag>

Ưu nhược điểm HTML

Ưu điểm:

 Ngôn ngữ được sử dụng rộng lớn này có rất nhiều nguồn tài nguyên hỗ trợ và cộng đồng sử dụng cực lớn

 Sử dụng mượt mà trên hầu hết mọi trình duyệt

 Có quá trình học đơn giản và trực tiếp

 Mã nguồn mở và hoàn toàn miễn phí

 Nó có thể thực thi một số logic nhất định cho người dùng Vì vậy, hầu hết các trang đều cần được tạo riêng biệt, kể cả khi nó

sử dụng cùng các yếu tố, như là headers hay footers

 Một số trình duyệt chậm hỗ trợ tính năng mới

 Khó kiểm soát cảnh thực thi của trình duyệt (ví dụ, những trình duyệt cũ không render được tag mới)

2.2 CSS & Framework Bootstrap 4

15

- CSS là chữ viết tắt của Cascading Style Sheets, là một ngônngữ được sử dụng để tìm và định dạng lại các phần tử được tạo rabởi các ngôn ngữ đánh dấu (ví dụ như HTML) CSS sẽ giúp chúng

ta có thể thêm một chút “phong cách” vào các phần tử HTML nhưđổi màu sắc trang, đổi màu chữ, thay đổi cấu trúc,

CSS hoạt động như thế nào?

+ CSS sử dụng cấu trúc tiếng Anh đơn giản để tạo ra một bộcác quy tắc bạn có thể tận dụng Như đã nói ở trên, HTML khôngđược dùng để tạo phong cách cho các yếu tố, nó chỉ đánh dấu từng

phần để biết được yếu tố đó là gì thôi Ví dụ: <p>Đây là văn bản.</p>.

+ Còn làm thế nào để tạo ra phong cách cho văn bản đó?Syntax của CSS rất đơn giản Nó có phần block chọn và block khaibáo Bạn chọn một yếu tố và khai báo làm gì với nó Rất đơn giảnphải không? Tuy nhiên, cũng có nhiều quy tắc cần ghi nhớ.Selector sẽ trỏ về yếu tố HTML bạn cần muốn tạo phong cách.Block khai báo sẽ bao gồm một hay nhiều khai báo cách nhau bởidấu chấm phẩy

+ Mỗi khai báo bao gồm một tên CSS và giá trị, cách nhấubởi dấu 2 chấm Khai báo CSS luôn kết thúc bằng dấu chấm phẩn,

và block khai báo được đặt trong dấu ngoặc nhọn

- Định dạng lại hoặc cải tiến thêm :

Với một sự thay đổi đơn giản của một dòng, một kiểu khác nhau có thể được sử dụng cho cùng một trang Điều này có lợi thế để tiếp cận, cũng như cung cấp khả năng làm cho một trang hoặc trang web với các thiết bị mục tiêu khác nhau Hơn nữa, các thiết bị không thể hiểu được phong cách vẫn sẽ hiển thị nội dung

- Tính linh hoạt :

+ Bằng cách kết hợp CSS với các chức năng của một hệ thống quản trị nội dung, một số lượng đáng kể của sự linh hoạt có thể được lập trình thành các hình thức trình nội dung Điều này cho phép một người đóng góp, những người có thể không quen thuộchoặc có thể hiểu hoặc chỉnh sửa CSS hoặc HTML để chọn bố cục của một bài viết hoặc trang khác mà họ đang trình on-the-fly, trong các hình thức tương tự

- Tính nhất quán :

+ Khi CSS được sử dụng có hiệu quả, về thừa kế và "tầng", một kiểu toàn cầu có thể được sử dụng để ảnh hưởng đến yếu tố phong cách và trang web rộng Nếu tình hình phát sinh mà kiểu dáng của các yếu tố nên cần phải được thay đổi hoặc điều chỉnh, những thay đổi này có thể được thực hiện dễ dàng, đơn giản chỉ bằng cách chỉnh sửa một vài quy tắc trong stylesheet toàn cầu.+ Đối với thiết kế web và phát triển các giải pháp, sau đó truy cập một thiết kế Web Philippines trang web trực tuyến để tìm hiểu thêm về nó

Nhược điểm CSS:

- Margins không đúng :

+ Margin sụp đổ là, trong khi cũng như các tài liệu và hữu ích, cũng phức tạp và thường không dự kiến của các tác giả, và không có cách nào tác dụng phụ phí đơn giản là có sẵn để kiểm soát nó

17

- Không Expression :

+ Hiện nay không có khả năng xác định giá trị tài sản như các biểu thức đơn giản (như margin-left: 10% - 3em + 4px;) Điều này rất hữu ích trong nhiều trường hợp, chẳng hạn như tính toán kích thước của cột chịu một ràng buộc trên tổng của tất cả các cột

- Thiếu các biến :

+ CSS không chứa biến Điều này làm cho nó cần thiết để làm một "thay thế tất cả" khi một trong những mong muốn thay đổi một hằng số cơ bản, chẳng hạn như màu sắc hoặc độ cao khác nhau và độ rộng

- Hỗ trợ trình duyệt không nhất quán :

+ Các trình duyệt khác nhau sẽ làm cho CSS bố trí khác nhau như là một kết quả của lỗi trình duyệt hoặc thiếu sự hỗ trợ cho các tính năng CSS Nhiều cái gọi là CSS "hack" phải được thực hiện để đạt được bố trí phù hợp giữa các trình duyệt phổ biến nhất hay thường được sử dụng Pixel bố trí chính xác đôi khi có thể không thể đạt được trên các trình duyệt

- Kiểm soát Giới hạn :

+ Trong khi vị trí ngang của các yếu tố nói chung là dễ điều khiển, vị trí thẳng đứng là thường xuyên unintuitive, phức tạp, hoặc không thể Nhiệm vụ đơn giản, chẳng hạn như tập trung một yếu tố theo chiều dọc hoặc nhận được một chân để được đặt không cao hơn so với đáy của khung nhìn, hoặc là yêu cầu quy tắc phong cách phức tạp và unintuitive, hoặc các quy tắc đơn giản nhưng không được hỗ trợ rộng rãi

- Kiểm soát các phần tử Shapes :

+ CSS hiện chỉ cung cấp hình chữ nhật Góc tròn hoặc hình dạngkhác có thể yêu cầu đánh dấu phi ngữ nghĩa Tuy nhiên, điều nàyđược giải quyết trong bản dự thảo của các mô-đun nền CSS3

- Layout thiếu sóng động :

+ Trong khi bổ sung mới CSS3 cung cấp một, mạnh mẽ hơn bố trí bộ những tính năng mạnh mẽ hơn, CSS vẫn còn rất nhiều bắt nguồn như một ngôn ngữ phong cách, không phải là một ngôn ngữ bố trí

- Số Nhiều Backgrounds mỗi thành phần :

+ Highly thiết kế đồ họa thì cần một số hình ảnh nền cho từng yếu tố, và CSS có thể chỉ hỗ trợ một Vì vậy, các nhà phát triển phải lựa chọn giữa việc thêm wrappers dư thừa xung quanh thành phần tài liệu, hoặc thả các hiệu ứng hình ảnh

+ Đối với thiết kế web và phát triển các giải pháp, sau đó truy cập một thiết kế Web Philippines trang web trực tuyến để tìm hiểu thêm về nó

- Bootstrap là 1 framework của CSS cho phép thiết kế website theo

1 chuẩn nhất định, tạo các website thân thiện với các thiết bị cầmtay như mobile, ipad, tablet,

Bootstrap bao gồm những cái cơ bản có sẵn như: typography,forms, buttons, tables, navigation, modals, image carousels vànhiều thứ khác Trong bootstrap có thêm nhiều Component,JavaScript hỗ trợ cho việc thiết kế responsive dễ dàng, thuận tiện

bị kiến thức cơ bản 3 mã này mới có thể sử dụng Bootstrap hiệuquả Bên cạnh đó, các mã nguồn này cũng có thể dễ dàng thay đổi

và chỉnh sửa tùy ý

+ Tùy chỉnh dễ dàng

Bootstrap được tạo ra từ các mã nguồn mở cho phép designerlinh hoạt hơn Giờ đây có thể lựa chọn những thuộc tính, phần tửphù hợp với dự án họ đang theo đuổi CDN Boostrap còn giúp bạntiết kiệm dung lượng vì không cần tải mã nguồn về máy

+ Chất lượng sản phẩm đầu ra hoàn hảo

Bootstrap là sáng tạo của các lập trình viên giỏi trên khắp thếgiới Bootstrap đã được nghiên cứu và thử nghiệm trên các thiết bị.Được kiểm tra nhiều lần trước khi đưa vào sử dụng Do đó, khichọn Bootstrap, bạn có thể tin rằng mình sẽ tạo nên những sảnphẩm với chất lượng tốt nhất

Cấu trúc tính năng Boostrap:

Bootstrap chứa các tập tin JavaScript, CSS và fonts đã được biên dịch và nén lại Ngoài ra, Bootstrap được thiết kế dưới dạng các mô-đun Do đó, dễ dàng tích hợp với hầu hết các mã nguồn

mở như WordPress, Joomla, Magento, …Trong đó, Bootstrap mang đến nhiều chức năng nổi bật

 Bootstrap cho phép người dùng truy cập vào thư viện “khổng lồ” các thành tố dùng để tạo nên giao diện của một website hoànchỉnh như font, typography, form, table, grid…

 Bootstrap cho phép bạn tùy chỉnh framework của website trước khi tải xuống và sử dụng nó tại trang web của khung.

 Tái sử dụng các thành phần lặp đi lặp lại trên trang web

 Bootstrap được tích hợp jQuery Bạn chỉ cần khai báo chính xáccác tính năng trong quá trình lập trình web của bạn

 Định nghĩa glyphicons nhằm giảm thiểu việc sử dụng hình ảnh làm biểu tượng và tăng tốc độ tải trang

Cách cài đặt Boostrap:

+ Có thể dùng đường link add vào bằng thẻ :

<link rel="stylesheet"

href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/CSS/bootstrap.min.CSS" integrity="sha384-

Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">

2.3 JavaScript:

JavaScript là một ngôn ngữ lập trình kịch bản dựa vào đốitượng phát triển có sẵn hoặc tự định nghĩa ra, JavaScript được

sử dụng rộng rãi trong các ứng dụng Website Javascript được

hỗ trợ hầu như trên tất cả các trình duyệt như Firefox,Chrome, thậm chí các trình duyệt trên thiết bị di động cũng

có hỗ trợ

Ưu điểm javascript:

+ Bạn không cần một compiler vì web browser có thể biên dịch

nó bằng HTML;

+ Nó dễ học hơn các ngôn ngữ lập trình khác;

+ Lỗi dễ phát hiện hơn và vì vậy dễ sửa hơn;

21

+ Nó có thể được gắn trên một số element của trang web hoặc event của trang web như là thông qua click chuột hoặc di chuột tới;

+ JS hoạt động trên nhiều trình duyệt, nền tảng, vâng vâng;+ Bạn có thể sử dụng JavaScript để kiểm tra input và giảm thiểuviệc kiểm tra thủ công khi truy xuất qua database;

+ Nó giúp website tương tác tốt hơn với khách truy cập;

+ Nó nhanh hơn và nhẹ hơn các ngôn ngữ lập trình khác

Nhược điểm Javascript:

1 <script type="text/javascript">

2 Your JavaScript code

3 </script>

3 Máy chủ

3.1 JSP Servlet

JSPlà từ viết tắt của Java Server Pages Đây là một công nghệ phía máy chủ giúp các lập trình viên tạo ra các trang web bằng Java.

Mã lệnh (Source Code)để chạy PHP :

+ Mã lệnh (source code) là một tập hợp các hướng dẫn (hay chỉ thị) được viết để yêu cầu máy tính thực hiện một số tác vụ nhất định Mã lệnh được viết dưới dạng văn bản thuần tuý và con người

+ Đối với các ngôn ngữ như C hay Pascal thì tập tin chứa mã lệnh (source code) cần phải được chuyển sang định dạng khác chứa machine code để máy tính có thể chạy được

Mã nguồn mở

+ Java là ngôn ngữ lập trình mã nguồn mở và điều này có nghĩa là bạn có thể sử dụng Java hoàn toàn miễn phí JAVA có thể được chạy trên nhiều nền tảng hệ điều hành khác nhau như Windows, Mac OS và Linux

23