Hệ Thống Shop Quần Áo ReactJS

ĐẠI HỌC ĐÀ NẴNG
TRƯỜNG ĐẠI HỌC SƯ PHẠM
---□{□---

BÁO CÁO THỰC TẬP TỐT NGHIỆP
NGÀNH CÔNG NGHỆ THÔNG TIN

TÊN ĐỀ TÀI

XÂY DỰNG HỆ THỐNG SHOP QUẦN ÁO TRỰC TUYẾN

GIÁO VIÊN HƯỚNG DẪN : NGUYỄN TRẦN QUỐC VINH
SINH VIÊN THỰC HIỆN : NGUYỄN CÔNG ĐẠT
LỚP : 19CNTTD
MÃ SỐ SINH VIÊN : 3120519067

Đà Nẵng, tháng 4 năm 2023


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

................................................................................................................................
Đà Nẵng, ngày

tháng

năm 2023.

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


NHẬN XÉT CỦA HỘI ĐỒNG PHẢN BIỆN
................................................................................................................................
................................................................................................................................
................................................................................................................................
................................................................................................................................
................................................................................................................................
................................................................................................................................
................................................................................................................................
................................................................................................................................
................................................................................................................................
................................................................................................................................
................................................................................................................................
................................................................................................................................
Đà Nẵng, ngày tháng năm 2023.
Hội đồng phản biện


LỜI CAM ĐOAN
Em tên là Nguyễn Công Đạt sinh viên lớp 19CNTTD. Em xin cam đoan đây là
đề tài do em thực hiện. Các nội dung và kết quả nghiên cứu được trình bày trong Báo

cáo thực tập tốt nghiệp này là trung thực và mọi tham khảo đều được trích dẫn, chỉ rõ
nguồn tham khảo theo đúng quy định.
Sinh viên thực hiện

NGUYỄN CÔNG ĐẠT


LỜI CẢM ƠN
Trước hết, em xin bày tỏ lòng biết ơn sâu sắc tới thầy Nguyễn Trần Quốc Vinh,
người đã trực tiếp hướng dẫn và tận tình giúp đỡ em hoàn thành đề tài thực tập tốt
nghiệp này.
Em xin chân thành cảm ơn sự giúp đỡ của toàn thể các giáo viên khoa Tin học đã
dìu dắt, dạy dỗ em cả về kiến thức chuyên môn và tinh thần học tập độc lập, sáng tạo
để em có được kiến thức thực hiện đề tài thực tập tốt nghiệp của mình.
Cuối cùng, em xin bày tỏ lòng biết ơn sâu đậm của mình tới gia đình, bạn bè
những người ln sát cánh bên em, tạo mọi điều kiện tốt nhất để em có thể thực hiện
đề tài tốt nghiệp của mình.
Trong quá trình thực hiện đề tài thực tập tốt nghiệp, mặc dù đã cố gắng hết sức
song do thời gian và khả năng có hạn nên em khơng thể tránh khỏi những thiếu sót. Vì
vậy, em rất mong nhận sự thông cảm, chỉ bảo và giúp đỡ của các thầy giáo, cô giáo và
các bạn.
Một lần nữa em xin chân thành cảm ơn!
Sinh viên thực hiện

NGUYỄN CÔNG ĐẠT


MỤC LỤC
MỞ ĐẦU.............................................................................................................1
1.Lý do chọn đề tài.............................................................................................1

2.Mục tiêu của đề tài.........................................................................................1
2.1.Mục đích...................................................................................................1
2.2.Ý nghĩa......................................................................................................2
3.Đối tượng và phạm vi nguyên cứu................................................................2
3.1.Đối tượng nguyên cứu.............................................................................2
3.2.Phạm vi nguyên cứu................................................................................2
4.Phương pháp nguyên cứu..............................................................................2
5.Kết quả dự kiến...............................................................................................2
5.1. Lý thuyết..................................................................................................2
5.2. Thực tiễn..................................................................................................2
CHƯƠNG 1: CƠ SỞ LÝ THUYẾT.................................................................4
1.1Tổng quan về HTML, CSS, JavaScript..................................................4
1.1.1Tổng quan về HTML.........................................................................4
1.1.2Tổng quan về CSS.............................................................................4
1.1.3Tổng quan về JavaScript..................................................................5
1.2Tổng quan về ReactJS..............................................................................6
1.2.1Giới thiệu............................................................................................6
1.2.2React là gì?.........................................................................................6
1.3Tổng quan về ASP.NET...........................................................................6
1.4Tổng quan về SQL Server Management................................................7


CHƯƠNG 2: PHÂN TÍCH VÀ THIẾT KẾ WEBSITE................................8
2.1. Phân tích yêu cầu hệ thống....................................................................8
2.1.1. Khảo sát yêu cầu..............................................................................8
2.1.2 Mô tả hệ thống..................................................................................8
2.1.3 Các yêu cầu của hệ thống...............................................................10
2.2. Xác định các tác nhân (actors)............................................................11
2.3. Biểu đồ usecase tổng quát....................................................................12
2.4.Đăng kí....................................................................................................13

2.4.1.Usercase Đăng kí.............................................................................13
2.4.2.Bảng đặc tả đăng kí........................................................................13
2.4.3.Biểu đồ hoạt động đăng kí.............................................................15
2.4.4.Biểu đồ tuần tự đăng kí..................................................................16
2.5.Đăng nhập..............................................................................................16
2.5.1.Usercase Đăng nhập.......................................................................16
2.5.2.Bảng đặc tả đăng nhập:.................................................................16
2.5.3.Biểu đồ hoạt động đăng nhập........................................................18
2.5.4.Biểu đồ tuần tự đăng nhập............................................................19
2.6.Tìm kiếm sản phẩm...............................................................................19
2.6.1.Usercase Tìm kiếm sản phẩm........................................................19
2.6.2.Bảng đặc tả tìm kiếm:....................................................................20
2.6.3.Biểu đồ hoạt động tìm kiếm sản phẩm.........................................21
2.6.4.Biểu đồ tuần tự tìm kiếm sản phẩm..............................................21
2.7.Thêm sản phẩm vào giỏ hàng...............................................................22
2.7.1.Usercase Thêm sản phẩm vào giỏ hàng........................................22
2.7.2.Bảng đặc tả thêm vào giỏ hàng:....................................................22


2.7.3.Biểu đồ hoạt động thêm sản phẩm vào giỏ hàng.........................23
2.7.4.Biểu đồ tuần tự thêm sản phẩm vào giỏ hàng..............................24
2.8.Đặt hàng.................................................................................................24
2.8.1.Usercase Đặt hàng..........................................................................24
2.8.2.Bảng đặc tả đặt hàng......................................................................25
2.8.3.Biểu đồ hoạt động đặt hàng...........................................................26
2.8.4.Biểu đồ tuần tự đặt hàng................................................................26
2.9.Chỉnh sửa thông tin khách hàng..........................................................27
2.9.1.Usercase Chỉnh sửa thông tin khách hàng...................................27
2.9.2.Đặc tả chỉnh sửa thông tin khách hàng........................................27
2.9.3.Biểu đồ hoạt động chỉnh sửa thông tin.........................................28

2.9.4.Biểu đồ tuần tự chỉnh sửa thông tin..............................................29
2.10.Quản lý danh mục...............................................................................29
2.10.1. Usercase quản lý danh mục........................................................29
2.10.2. Thêm danh mục...........................................................................29
2.10.3. Sửa danh mục..............................................................................32
2.10.4. Xóa danh mục..............................................................................34
2.11.Quản lý sản phẩm................................................................................36
2.11.1. Usercase quản lý sản phẩm.........................................................36
2.11.2. Thêm sản phẩm............................................................................36
2.11.3. Sửa sản phẩm...............................................................................38
2.11.4. Xóa sản phẩm...............................................................................41
2.12.Quản lý đơn hàng................................................................................43
2.12.1. Usercase quản lý đơn hàng.........................................................43
2.12.2. Đặc tả quản lý đơn hàng.............................................................44


2.12.3. Biểu đồ hoạt động quản lý đơn hàng.........................................45
2.12.4. Biểu đồ tuần tự quản lý đơn hàng..............................................46
2.13. Sơ đồ lớp..............................................................................................47
2.14. Thiết kế cơ sở dữ liệu.........................................................................48
2.15. Bảng thiết kế database.......................................................................53
CHƯƠNG 3: XÂY DỰNG WEBSITE..........................................................54
3.1 Ngơn ngữ lập trình...............................................................................54
3.2 Thiết kế giao diện...................................................................................54
3.2.1 Khách hàng.....................................................................................54
3.2.2 Admin..............................................................................................60
KẾT LUẬN......................................................................................................65
TÀI LIỆU THAM KHẢO...............................................................................66

DANH MỤC HÌNH ẢNH
Hình 1: Usecase tổng qt................................................................................12
Hình 2: Usecase đăng kí....................................................................................13
Hình 3: Biểu đồ hoạt động Đăng kí...................................................................15
Hình 4: Biểu đồ tuần tự Đăng kí.......................................................................16
Hình 5: Usecase Đăng nhập..............................................................................16
Hình 6: Biểu đồ hoạt động Đăng nhập.............................................................18
Hình 7: Biểu đồ tuần tự Đăng nhập..................................................................19
Hình 8: Usecase Tìm kiếm sản phẩm................................................................19
Hình 9: Biểu đồ hoạt động Tìm kiếm sản phẩm................................................21
Hình 10: Biểu đồ tuần tự Tìm kiếm sản phẩm...................................................21
Hình 11: Usecase Thêm sản phẩm vào giỏ hàng..............................................22
Hình 12: Biểu đồ hoạt động Thêm sản phẩm vào giỏ hàng..............................23
Hình 13: Biểu đồ tuần tự Thêm sản phẩm vào giỏ hàng...................................24
Hình 14: Usecase Đặt hàng..............................................................................24
Hình 15: Biểu đồ hoạt động Đặt hàng..............................................................26
Hình 16: Biểu đồ tuần tự Đặt hàng...................................................................26
Hình 17: Usecase Chỉnh sửa thơng tin khách hàng..........................................27
Hình 18: Biểu đồ hoạt động Chỉnh sửa thơng tin..............................................28
Hình 19: Biểu đồ tuần tự Chỉnh sửa thơng tin..................................................29
Hình 20: Usecase Quản lý danh mục................................................................29
Hình 21: Biểu đồ hoạt động Thêm danh mục....................................................31
Hình 22: Biểu đồ tuần tự Thêm danh mục.........................................................31
Hình 23: Biểu đồ hoạt động Sửa danh mục.......................................................33
Hình 24: Biểu đồ tuần tự Sửa danh mục...........................................................33


Hình 25: Biểu đồ hoạt động Xóa danh mục......................................................35
Hình 26: Biểu đồ tuần tự Xóa danh mục...........................................................35
Hình 27: Usecase Quản lý sản phẩm................................................................36

Hình 28: Biểu đồ hoạt động Thêm sản phẩm....................................................38
Hình 29: Biểu đồ tuần tự Thêm sản phẩm.........................................................38
Hình 30: Biểu đồ hoạt động Sửa sản phẩm.......................................................40
Hình 31: Biểu đồ tuần tự Sửa sản phẩm...........................................................41
Hình 32: Biểu đồ hoạt động Xóa sản phẩm......................................................43
Hình 33: Biểu đồ tuần tự Xóa sản phẩm...........................................................43
Hình 34: Usecase Quản lý đơn hàng.................................................................44
Hình 35: Biểu đồ hoạt động Quản lý đơn hàng................................................46
Hình 36: Biểu đồ tuần tự Quản lý đơn hàng.....................................................46
Hình 37: Biểu đồ lớp.........................................................................................47
Hình 38 Cơ sở dữ liệu.......................................................................................53
Hình 39 Giao diện đăng kí (User).....................................................................54
Hình 40 Giao diện đăng nhập...........................................................................55
Hình 41 Giao diện đăng nhập (User)................................................................55
Hình 42 Giao diện Sản phẩm............................................................................56
Hình 43 Giao diện Liên hệ................................................................................56
Hình 44 Giao diện tìm kiếm sản phẩm..............................................................57
Hình 45 Giao diện giỏ hàng..............................................................................57
Hình 46 Giao diện đặt hàng..............................................................................58
Hình 47 Giao diện thanh tốn qua ngân hàng..................................................58
Hình 48 Giao diện đánh giá sản phẩm..............................................................59
Hình 49 Giao diện chi tiết sản phẩm.................................................................59


Hình 50 Giao diện thơng tin cá nhân................................................................60
Hình 51 Giao diện đăng nhập (Admin).............................................................60
Hình 52 Giao diện quản lý sản phẩm................................................................61
Hình 53 Giao diện quản lý danh mục................................................................61
Hình 54 Giao diện quản lý người dùng.............................................................62
Hình 55 Giao diện quản lý đơn hàng................................................................62

Hình 56 Giao diên quản lý thống kê..................................................................63
Hình 57 Giao diện quản ly đánh giá.................................................................63
Hình 58 Giao diện quản lý thông tin liên hệ.....................................................64


DANH MỤC BẢNG
Bảng 1 Đặc tả Đăng kí......................................................................................13
Bảng 2 Các sự kiện chính cho đăng kí.............................................................14
Bảng 3 Các sự kiện phụ....................................................................................15
Bảng 4 Đặc tả Đăng nhập.................................................................................17
Bảng 5 Các sự kiện chính cho Đăng nhập........................................................17
Bảng 6 Các sự kiện phụ cho đăng nhập............................................................18
Bảng 7 Đặc tả tìm kiếm sản phẩm....................................................................20
Bảng 8 Các sự kiện chính cho tìm kiếm sản phẩm...........................................20
Bảng 9 Các sự kiện phụ cho tìm kiếm sản phẩm..............................................21
Bảng 10 Đặc tả thêm sản phẩm vào giỏ hàng...................................................22
Bảng 11 Các sự kiện chính cho thêm sản phẩm vào giỏ hàng.........................23
Bảng 12 Các sự kiện phụ cho thêm sản phẩm vào giỏ hàng............................23
Bảng 13 Đặc tả Đặt hàng..................................................................................25
Bảng 14 Các sự kiện chính cho Đặt hàng.........................................................25
Bảng 15 Các sự kiện phụ cho đặt hàng............................................................26
Bảng 16 Đặc tả chỉnh sửa thông tin khách hàng..............................................27
Bảng 17 Các sự kiện chính cho Chỉnh sửa thông tin........................................28
Bảng 18 Các sự kiện phụ cho Chỉnh sửa thông tin..........................................28
Bảng 19 Đặc tả Thêm danh mục......................................................................30
Bảng 20 Các sự kiện chính cho Thêm danh mục.............................................30
Bảng 21 Các sự kiện phụ cho Thêm danh mục................................................30
Bảng 22 Đặc tả Sửa danh mục..........................................................................32
Bảng 23 Các sự kiện chính cho Sửa danh mục................................................32

Bảng 24 Các sự kiện phụ cho Sửa danh mục...................................................32
Bảng 25 Đặc tả Xóa danh mục.........................................................................34
Bảng 26 Các sự kiện chính cho Xóa danh mục................................................34
Bảng 27 Các sự kiện phụ cho Xóa danh mục...................................................34
Bảng 28 Đặc tả thêm sản phẩm........................................................................36
Bảng 29 Các sự kiện chính cho Thêm sản phẩm..............................................37
Bảng 30 Các sự kiện phụ cho Thêm sản phẩm.................................................37
Bảng 31 Đặc tả Sửa sản phẩm..........................................................................39
Bảng 32 Các sự kiện chỉnh cho Sửa sản phẩm.................................................39
Bảng 33 Các sự kiện phụ cho Sửa sản phẩm....................................................39
Bảng 34 Đặc tả xóa sản phẩm..........................................................................41
Bảng 35 Các sự kiện chính cho Xóa sản phẩm................................................42
Bảng 36 Các sự kiện phụ cho Xóa sản phẩm...................................................42
Bảng 37 Đặc tả Quản lý đơn hàng....................................................................44
Bảng 38 Các sự kiện chính cho Quản lý đơn hàng...........................................45
Bảng 39 Các sự kiện phụ cho Quản lý đơn hàng.............................................45


MỞ ĐẦU
1. Lý do chọn đề tài
Con người đang trở nên bận rộn và có rất ít thời gian để đi mua sắm hơn. Đó là
lý do tại sao, mua sắm trực tuyến đang dần lên ngôi. Xây dựng hệ thống shop quần
áo trực tuyến là cách tiết kiệm, hiệu quả để các cửa hàng giới thiệu sản phẩm và bán
hàng.
Do đó, với sự ra đời các website bán hàng qua mạng, mọi người có thể mua mọi thứ hàng
hóa mọi lúc mọi nơi mà không cần phải tới tận nơi để mua. Trên thế giới có rất nhiều trang
website bán hàng trực tuyến nhưng vẫn chưa được phổ biến rộng rãi
Biết được những nhu cầu đó chương trình “Xây dựng hệ thống shop quần áo trực tuyến”
được xây dựng trên nền tảng ReactJS nhằm để đáp ứng cho mọi người tiêu dùng trên tồn

quốc và thơng qua hệ thống Website này họ có thể đặt mua các mặt  hàng hay sản phẩm
cần thiết.

Với những vấn đề nêu trên em đã chọn đề tài “Xây dựng hệ thống shop quần
áo trực tuyến” với sự giúp đỡ của giáo viên hướng dẫn Nguyễn Trần Quốc Vinh.
2. Mục tiêu của đề tài
2.1. Mục đích
 Áp dụng các kiến thức đã học và ở cơ sở thực tập để xây dựng hệ thống shop
quần áo với các chức năng cơ bản .
 Nắm bắt công nghệ lập trình website phổ biến hiện nay.
 Xây dựng trang web thân thiện, dễ sử dụng.
 Đảm bảo trang web hoạt động ổn định.
 Xây dựng được website với kết nối online phục vụ nhu cầu bán hàng của cửa
hàng và mua hàng của khách hàng. 
 Với hệ thống sắp xếp thơng minh, khách hàng có thể nhanh chóng tìm kiếm
và thực hiện việc mua hàng của mình mà khơng tốn nhiều thời gian cũng như
công sức di chuyển. 
 Khách hàng có thể lựa chọn nhiều phương thức thanh tốn cũng như thời gian
và địa điểm nhận hàng. 
1

Nguyễn Công Đạt – 19CNTTD


 Cửa hàng sẽ dễ dàng trong việc quản lý hàng hóa và biết được tình hình bán
hàng để kịp thời thực hiện những biện pháp marketing phù hợp. 

2.2. Ý nghĩa
 Giúp cho khách hàng mua hàng nhanh chóng, tiết kiệm thời gian và tiền
bạc. 

 Giúp cửa hàng tăng doanh thu hoạt động có hiệu quả, dễ dàng quản lí đơn
hàng kho hàng nâng cao hiệu quả bán hàng
3. Đối tượng và phạm vi nguyên cứu
3.1. Đối tượng nguyên cứu
- Hệ thống shop quần áo.
- Các công cụ hổ trợ xây dựng hệ thống
3.2. Phạm vi nguyên cứu
- Nguyên cứu kỹ thuật lập trình, cách thức hoạt động và tối ưu hệ thống.
- Nguyên cứu các vấn đề thanh toán online để áp dụng vào hệ thống.
4. Phương pháp nguyên cứu
- Khảo sát nhu cầu sử dụng của người dùng.
- Tham khảo các hệ thống đã được sử dụng phổ biến.
5. Kết quả dự kiến
5.1. Lý thuyết
- Nắm rõ cơ bản HTML, CSS, Javascript.
- Sử dụng đưocwc ReacJS và ASP.NET
- Sử dụng SQL Server Management
5.2. Thực tiễn
- Xây dựng hệ thống shop quần áo trực tuyến cho người dùng.
 Người dùng đã đăng nhập có thể xem, đặt hàng, thanh tốn, đánh giá,…
 Người dùng chưa đăng nhập chỉ có thể xem sản phẩm.
2

Nguyễn Công Đạt – 19CNTTD


- Xây dựng hệ thống quản lý shop cho người quản lý dễ dàng nắm bắt thông tin
và thống kê một cách hiệu quả.
 Người quản lí có thể xem và thực hiện các chức năng của một quản lí như:
thêm, sửa, xóa, cập nhật, thống kê thơng tin các sản phẩm,…

3

Nguyễn Công Đạt – 19CNTTD


CHƯƠNG 1: CƠ SỞ LÝ THUYẾT
1.1 Tổng quan về HTML, CSS, JavaScript
1.1.1 Tổng quan về HTML
HTML (viết tắt của từ Hypertext Markup Language, hay là “Ngôn ngữ Đánh dấu
Siêu văn bản”) là một ngôn ngữ đánh dấu được thiết kế ra để tạo nên các trang web
trên World Wide Web. Nó có thể được trợ giúp bởi các cơng nghệ như CSS và các
ngôn ngữ kịch bản giống như JavaScript.
Các trình duyệt web nhận tài liệu HTML từ một web server hoặc một kho lưu trữ
cục bộ và render tài liệu đó thành các trang web đa phương tiện. HTML mô tả cấu trúc
của một trang web về mặt ngữ nghĩa và các dấu hiệu ban đầu được bao gồm cho sự
xuất hiện của tài liệu.
Các phần tử HTML là các khối xây dựng của các trang HTML. Với cấu trúc
HTML, hình ảnh và các đối tượng khác như biểu mẫu tương tác có thể được nhúng
vào trang được hiển thị. HTML cung cấp một phương tiện để tạo tài liệu có cấu trúc
bằng cách biểu thị ngữ nghĩa cấu trúc cho văn bản như headings, paragraphs, lists,
links, quotes và các mục khác. Các phần tử HTML được phân định bằng các tags,
được viết bằng dấu ngoặc nhọn. Các tags như và giới thiệu trực tiếp nội dung vào
trang. Các tags khác như bao quanh và cung cấp thông tin về văn bản tài liệu và có thể
bao gồm các thẻ khác làm phần tử phụ. Các trình duyệt khơng hiển thị các thẻ HTML,
nhưng sử dụng chúng để diễn giải nội dung của trang.
HTML có thể nhúng các chương trình được viết bằng scripting như JavaScript,
điều này ảnh hưởng đến hành vi và nội dung của các trang web. Việc bao gồm CSS
xác định giao diện và bố cục của nội dung. World Wide Web Consortium (W3C),
trước đây là đơn vị bảo trì HTML và là người duy trì hiện tại của các tiêu chuẩn CSS,

đã khuyến khích việc sử dụng CSS trên HTML trình bày rõ ràng kể từ năm 1997.
1.1.2 Tổng quan về CSS

4

Nguyễn Công Đạt – 19CNTTD


Để nói về CSS3 chắc chắn khơng thể khơng nhắc đến tiền thân của nó là CSS. CSS
là từ viết tắt của cụm từ Cascading Style Sheets, ngôn ngữ được sử dụng để tạo nên
phong cách cho website.
Có thể hiểu CSS đóng vai trị như một cơng cụ giúp chúng ta thêm vào những thay
đổi về mặt hình thức như đổi bố cục, màu sắc, font chữ,…
CSS hoạt động bằng cách khoanh vùng chọn dựa vào tên một thẻ HTML, ID hay
Class. Từ đó, áp dụng những thuộc tính cần thay đổi lên vùng được chọn.
Nếu một website khơng có CSS thì đó sẽ chỉ đơn thuần là một trang chứa văn bản
với 2 màu chủ đạo là trắng và đen.
CSS được đề xuất lần đầu tiên vào ngày 10/10/1994 bởi Håkon Wium Lie. Kể từ
đó, các phiên bản của CSS dần được hình thành qua nhiều giai đoạn. Tính từ lúc xuất
hiện đến nay, CSS đã có nhiều phiên bản khác nhau. Các phiên bản mới sẽ giúp vá các
lỗi của phiên bản cũ và mang đến nhiều cải tiến hơn.
Với phiên bản đầu tiên hay còn được gọi là CSS cấp 1 có những đặc điểm cụ thể
như: thuộc tính font chữ, màu văn bản, hình nền, các thuộc tính văn bản, căn lề, định
vị cho các yếu tố, nhận dạng duy nhất và phân loại chung các nhóm thuộc tính.
Phiên bản CSS cấp 2 được W3C phát triển vào tháng 5 năm 1998. Với những cải
tiến từ phiên bản CSS cấp 1 và mang đến những cải tiến mới như định vị tuyệt đối,
tương đối và cố định các yếu tố chỉ mục z. Khái niệm về các loại phương tiện, hỗ trợ
cho các biểu định kiểu âm thanh và văn bản hai chiều. Xuất hiện các kiểu font chữ
mới để định dạng văn bản.
Ngoài ra, sau phiên bản cấp 2 cịn có một sự nâng cấp khác là CSS 2.1 được đề

xuất vào tháng 4 năm 2011. Nhằm mục đích sửa lỗi và loại bỏ những tính năng kém
hoặc khơng tương thích cho người dùng.
1.1.3 Tổng quan về JavaScript
JavaScript, theo phiên bản hiện hành, là một ngơn ngữ lập trình thơng dịch được phát
triển từ các ý niệm nguyên mẫu. Ngôn ngữ này được dùng rộng rãi cho các trang web
(phía người dùng) cũng như phía máy chủ (với Nodejs).
5

Nguyễn Công Đạt – 19CNTTD


Nó vốn được phát triển bởi Brendan Eich tại Hãng truyền thông Netscape với cái
tên đầu tiên Mocha, rồi sau đó đổi tên thành LiveScript, và cuối cùng thành
JavaScript.
Giống Java, JavaScript có cú pháp tương tự C, nhưng nó gần với Self hơn Java. .js
là phần mở rộng thường được dùng cho tập tin mã nguồn JavaScript.
Nó cũng là một trong số 3 ngơn ngữ chính của lập trình web:
•

HTML: Giúp bạn thêm nội dung cho trang web.

•

CSS: Định dạng thiết kế, bố cục, phong cách, canh lề của trang web.

•

JavaScript: Cải thiện cách hoạt động của trang web.

1.2 Tổng quan về ReactJS

1.2.1 Giới thiệu
React.js là một thư viện Javascript đang nổi lên trong những năm gần đây với xu
hướng Single Page Application. Trong khi những framework khác cố gắng hướng đến
một mơ hình MVC hồn thiện thì React nổi bật với sự đơn giản và dễ dàng phối hợp
với những thư viện Javascript khác. Nếu như AngularJS là một Framework cho phép
nhúng code javasscript trong code html thông qua các attribute như ng-model, ngrepeat...thì với react là một library cho phép nhúng code html trong code javascript
nhờ vào JSX, bạn có thể dễ dàng lồng các đoạn HTML vào trong JS.Tích hợp giữa
javascript và HTML vào trong JSX làm cho các component dễ hiểu hơn.
1.2.2 React là gì?
React là một thư viện UI phát triển tại Facebook để hỗ trợ việc xây dựng những
thành phần (components) UI có tính tương tác cao, có trạng thái và có thể sử dụng lại
được.

React

được

sử

dụng

tại

Facebook

trong

production,

và www.instagram.com được viết hoàn toàn trên React.

Một trong những điểm hấp dẫn của React là thư viện này không chỉ hoạt động trên
phía client, mà cịn được render trên server và có thể kết nối với nhau. React so sánh
sự thay đổi giữa các giá trị của lần render này với lần render trước và cập nhật ít thay
đổi nhất trên DOM.
1.3 Tổng quan về ASP.NET
6

Nguyễn Công Đạt – 19CNTTD