đồ án chuyên ngành xây dựng website bán laptop

Nó là xương sống của một trang web.- Ưu điểm.● Có nhiều tài nguyên hỗ trợ với cộng đồng người dùng vô cùng lớn● Có thể hoạt động mượt mà trên hầu hết mọi trình duyệt hiện nay● Học HTML k

Giảng viên hướng dẫn : TS Vũ Thị Trà

Sinh viên : CHANDALASOUK Chanpaseuth

Lớp sinh hoạt : 21CNTT2

Ngành : Công Nghệ Thông Tin

LỜI CẢM ƠN

Đầu tiên, em xin chân thành cảm ơn các thầy các cô trong khoa Tin học

đã trang bị những kiến thức cho em trong suốt quá trình học tập tại Trường Đạihọc Sư phạm Đà Nẵng vừa qua Chính nhờ công lao giảng dạy, chỉ bảo tận tìnhcủa các thầy các cô mà em mới có được những kiến thức chuyên ngành côngnghệ thông tin để có thể thực hiện tiếp chặng đường học tập, vận dụng và sángtạo ra những sản phẩm hữu ích góp phần phục vụ các lĩnh vực khác nhau.Thứ hai, em xin chân thành cảm ơn cán bộ hướng dẫn Vũ Thị Trà người

đã tận tình hướng dẫn, chỉ bảo cho em trong suốt quá trình thực hiện đề tài này.Mặc dù đã có nhiều cố gắng để hoàn thành đồ án nhưng trong phạm vi vàkhả năng cho phép, chắc chắn đồ án không tránh khỏi những thiếu sót Em rấtmong nhận được sự thông cảm, góp ý và tận tình chỉ bảo của quý thầy cô

Em xin chân thành cảm ơn mọi người!

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

Sinh viên thực hiện

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 … Hội đồng phản biện

MỤC LỤC

M Đ U Ở Ầ

T NG QUAN Đ TÀI Ổ Ề 10

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

2 M c đích ụ 1

3 Nhi m v nghiên c u: ệ ụ ứ 10

4 Ph ươ ng pháp nghiên c u: ứ 11

4.1 Ph ươ ng pháp nghiên c u lý thuy t: ứ ế 11

4.2 Ph ươ ng pháp nghiên c u th c ti n: ứ ự ễ 11

CH ƯƠ NG 1: C S LÝ THUY T Ơ Ở Ế 12

1.1 T ng quan v ngôn ng l p trình: ổ ề ữ ậ 13

1.1.1 HTML 1

1.1.2 CSS

1.1.3 BOOTSTRAP 16

1.1.4 JAVASCRIPT 18

1.1.5 JQUERY 1

1.2 H qu n tr c s d li u MYSQL: ệ ả ị ơ ở ữ ệ 20

1.2.1 M c đích s d ng c s d li u: ụ ử ụ ơ ở ữ ệ 21

1.2.2 Các ki u d li u thông d ng trong c s d li u MICROSOFT SQL SERVER ể ữ ệ ụ ơ ở ữ ệ 21

1.2.3 Các thao tác c p nh t d li u ậ ậ ữ ệ 24

1.2.4 Các hàm thông d ng trong MySQL ụ 25

1.3 Ngôn ng PHP ữ 25

1.3.1 Khái ni m bi n, h ng,chu i và các ki u d li u ệ ế ằ ỗ ể ữ ệ 26

1.4 Tìm hi u v XAMPP đ t ể ề ể ươ ng tác v i c s d li u ớ ơ ở ữ ệ 32

1.4.1 Gi i thi u v XAMPP ớ ệ ề 32

1.4.2 Gói d ch v c a XAMPP ị ụ ủ 32

1.4.3 Các b ướ c cài đ t XAMPP ặ 32

CH ƯƠ NG 2: 3

PHÁT BI U, PHÂN TÍCH WEBSITE BÁN LAPTOP Ể 33

2.1 Kh o sát và phân tích h th ng ả ệ ố 33

2.1.1 M c tiêu c a h th ng Website bán Laptop ụ ủ ệ ố 33

2.1.2 L i ích c a vi c xây d ng website ợ ủ ệ ự 33

2.1.3 Mô t yêu c u c a h th ng ả ầ ủ ệ ố 33

2.1.4 Mô t ho t đ ng c a h th ng ả ạ ộ ủ ệ ố 34

2.2 Bi u đ Use case ể ồ 34

2.2.1 S đ Use case ơ ồ 34

2.2.2 Danh sách các Use Case 34

2.3 Phân tích 35

2.3.1 Nh ng lo i đ i t ữ ạ ố ượ ng s d ng h th ng ử ụ ệ ố 35

2.3.2 Phân tích yêu c u ầ 35

CH ƯƠ NG 3 K T QU VÀ NG D NG Ế Ả Ứ Ụ 39

3.1 S đ liên k t các màn hình ơ ồ ế 39

3.2 M t s hình nh giao di n ộ ố ả ệ 39

3.3 Đánh giá và h ướ ng phát tri n ể 44

3.3.1 Đánh giá 44

3.3.2 H ướ ng phát tri n ể 44

K t lu n ế ậ 45

TÀI LI U THAM KH O Ệ Ả 45

DANH MỤC CÁC HÌNH ẢNH

Hình 1 bi n trong php ế 26

Hình 2 chu i trong php ỗ 27

Hình 3 H ng trong php ẵ 27

Hình 4 ki u d li u trong php ể ữ ệ 27

Hình 5 ví d ki u d li u trong php ụ ể ữ ệ 27

Hình 6 ví d if else trong php ụ 28

Hình 7 ví d while trong PHP ụ 28

Hình 8 ví d do while trong PHP ụ 29

Hình 9 ví d for trong PHP ụ 29

Hình 9 ví d Switch case trong PHP ụ 30

Hình 10 ví d X lý giá tr trong PHP ụ ử ị 30

Hình 11 cài đ t Xampp ặ 32

Hình 12 nhanvien table 37

Hình 13 sanpham table 37

Hình 14 loaisanpham table 37

Hình 15 khachhang table 38

Hình 16 dondathang table 38

Hình 17 chitietdondathang table 38

Hình 18 chitietdondathang table 38

Hình 19 S đ liên k t các màn hình ơ ồ ế 39

Hình 20 Giao di n trang ch ệ ủ 39

Hình 21 Giao di n trang liên l c ệ ạ 40

Hình 22 Giao diện trang giới thiệu 40

Hình 23 Giao diện trang giỏ hàng 40

Hình 24 Giao diện trang đăng nhập admin 41

Hình 25 Giao di n trang sau khi ệ đăng nh p admin ậ 41

Hình 26 Giao diện trang quản lý tài khoản admin 42

Hình 27 Giao diện trang quản lý loại 42

Hình 28 Giao di n trang qu n lý s n ph m ệ ả ả ẩ 43

Hình 29 Giao di n trang qu n lý đ n đ t hàng ệ ả ơ ặ 43

MỞ ĐẦU

Trong những năm gần đây, công nghệ thông tin không ngừng phát triểnmột cách mạnh mẽ và hiện đại Sự ra đời của công nghệ thông tin làm phongphú bộ mặt xã hội, đời sống con người được nâng cao rõ rệt, đóng góp to lớncho sự phát triển của nhận loại Với xu thế toàn cầu hóa nền kinh tế thế giới, đặcbiệt là nhu cầu trao đổi hàng hóa con người ngày càng tăng cả về số lượng vàchất lượng, nhu cầu sử dụng Internet ngày càng nhiều và các hình thức kinhdoanh trên mạng ngày càng đa dạng và phong phú rất được nhiều người ưachuộng sử dụng Nhưng việc quản lý thế nào và quản lý làm sao cho đạt hiệuquả cao nhất như: nhanh, bảo mật, thân thiện Tất cả những yếu tố đó chúng tađều có thể nhờ đến nhưng thành tựu của công nghệ thông tin, đó là những phầnmềm trợ giúp hay những website quản lý thay cho những tài liệu dày cộm, thô

sơ và ta phải mất rất nhiều thời gian để tìm kiếm những thông tin quan trọng.Tất cả những điều bất tiện ở trên đều có thể được tích hợp trong một sản phẩmcủa công nghệ thông tin Để đáp ứng được yêu cầu cấp thiết đó thì đòi hỏi phải

có một đội ngũ có đủ chuyên môn có đủ trình độ để phân tích hệ thống quản lýmột cách đầy đủ chi tiết mà không bị thiếu sót hay thừa thông tin Từ đó thiết kế

hệ thống thành những chương trình thuận tiện trong quá trình làm việc như: tìmkiếm, nhập liệu, thống kê Chính vì vậy càng ngày càng nhiều cửa hàng, công

ty, xí nghiệp… đã áp dụng phương pháp bán hàng qua mạng để khách hàng dễdàng tìm kiếm thông tin mà không cần tốn nhiều thời gian và chi phí

TỔNG QUAN ĐỀ TÀI

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

Với sự phát triển nhảy vọt của công nghệ thông tin hiện nay, Internetngày càng giữ vai trò quan trọng trong các lĩnh vực khoa học kĩ thuật và đờisống Dĩ nhiên chúng ta đã được nghe nói nhiều về Internet, nói một cách đơngiản, Internet là một tập hợp máy tính nối kết với nhau, là một mạng máy tínhtoàn cầu mà bất kì ai cũng có thể kết nối bằng thiết bị có thể kết nối Internet của

họ Với mạng Internet, tin học thật sự tạo nên một cuộc cách mạng trao đổithông tin trong mọi lĩnh vực văn hóa, xã hội, chính trị, kinh tế

Như chúng ta đã thấy trong việc kinh doanh cũng như buôn bán cho dùnhỏ hay lớn hiện nay đều áp dụng công nghệ vào việc quản lý, kiểm soát hơnthế nữa với lợi thế internet nên việc dùng công nghệ để hỗ trợ giới thiệu, quảng

bá chất lượng của cửa hàng đến mọi người trên đất nước được nhanh chóng, đápứng nhu cầu của mọi người, giúp họ tiết kiệm được thời gian, chi phí trong việctìm kiếm sản phẩm Thay vào đó việc ngồi ở nhà với chiếc máy tính hoặc điệnthoại đã kết nói internet mọi người có thể thoải sức tìm kiếm sản phẩm theo sởthích của mình

Với lý do đó, được sự hướng dẫn và giúp đỡ của giáo viên hướng dẫnPhạm Dương Thu Hằng, em đã chọn đề tài “ Xây dựng website bán laptop” là

đề tài cho môn đồ án chuyên ngành của mình Với trang website này mọi người

có thể dễ dàng chọn được những sản phẩm dù hợp với mình mà không cần mấtquá nhiều thời gian cũng như công sức

2 Mục đích

- Tạo ra một website bán laptop chuyên nghiệp và thân thiện với người dùng

- Thiết kế giao diện trang web thân thiện với người dùng, thu hút khách hàngđến với sản phẩm và dịch vụ của doanh nghiệp Tăng doanh số bán hàng vàthu hút nhiều khách hàng mới

- Xây dựng hệ thống quản lý đơn hàng, quản lý sản phẩm và quản lý kháchhàng tiện lợi, chính xác và đảm bảo bảo mật thông tin khách hàng

3 Nhiệm vụ nghiên cứu:

- Tìm hiểu về các yêu cầu cơ bản của một website bán laptop

- Nghiên cứu các công nghệ, phần mềm, thiết kế web, các công cụ quản lý vàphân tích dữ liệu

- Xây dựng một website bán laptop với các tính năng cơ bản như tìm kiếm sảnphẩm, đặt hàng, thanh toán trực tuyến, quản lý đơn hàng và khách hàng.

- Thực hiện việc quản lý và phát triển website bán laptop để đáp ứng nhu cầucủa khách hàng và nâng cao hiệu quả kinh doanh

4 Phương pháp nghiên cứu:

4.1 Phương pháp nghiên cứu lý thuyết:

- Phân tích và đánh giá các tính năng, chức năng của các website bán laptoptrên thị trường hiện nay

- Phân tích và đánh giá nhu cầu của người dùng đối với các tính năng, chứcnăng của website bán laptop

- Xác định các yếu tố quan trọng cần có trong việc xây dựng website bán bánlaptop

- Thiết kế và triển khai website bán laptop, bao gồm cả giao diện và các tínhnăng, chức năng

- Đánh giá hiệu quả của website bán laptop vừa xây dựng và đưa ra các đềxuất để cải thiện

- Đề xuất các phương pháp quản lý website bán laptop để đảm bảo hoạt độnghiệu quả và ổn định

4.2 Phương pháp nghiên cứu thực tiễn:

- Xây dựng chương trình theo những yêu cầu đã đặt ra

- Triển khai chương trình và đánh giá kết quả đạt được

CHƯƠNG 1: CƠ SỞ LÝ THUYẾT

Trong chương này, nội dung chính sẽ được trình bày cơ sở lý thuyết vềngôn ngữ lập trình, công nghệ sử dụng để xây dựng và cài đặt cho mã nguồncho bài toán hỗ trợ quản lý

HTML : được sử dụng để định dạng và hiển thị văn bản trên trình duyệt tới

người sử dụng Nó là xương sống của một trang web

- Ưu điểm.

● Có nhiều tài nguyên hỗ trợ với cộng đồng người dùng vô cùng lớn

● Có thể hoạt động mượt mà trên hầu hết mọi trình duyệt hiện nay

● Học HTML khá đơn giản

● Các markup sử dụng trong HTML thường ngắn gọn, có độ đồng nhất cao

● Sử dụng mã nguồn mở, hoàn toàn miễn phí

● HTML là chuẩn web được vận hành bởi W3C

● Dễ dàng để tích hợp với các loại ngôn ngữ backend

- Nhược điểm.

● Chỉ được áp dụng chủ yếu cho web tĩnh Nếu muốn tạo các tính năngđộng, lập trình viên phải dùng thêm JavaScript hoặc ngôn ngữ backendcủa bên thứ 3

● Mỗi trang HTML cần được tạo riêng biệt, ngay có khi có nhiều yếu tốtrùng lặp như header, footer

● Khó để kiểm soát cách đọc và hiển thị file HTML của trình duyệt Một vàitrình duyệt còn chậm cập nhật để hỗ trợ tính năng mới của HTML

CSS: có thể điều khiển định dạng của nhiều trang web cùng lúc để tiết kiệm

công sức cho người viết web Nó phân biệt cách hiển thị của trang web với nộidung chính của trang bằng cách điều khiển bố cục, màu sắc, và font chữ

CSS giúp bạn thực hiện định kiểu mọi thứ mình muốn lên một file khác

Sử dụng CSS sẽ giúp bạn không cần thực hiện lặp lại các mô tả cho từng thànhphần Từ đó, bạn có thể tiết kiệm được tối đa thời gian làm việc với nó, làmcode ngắn lại giúp kiểm soát dễ dàng hơn các lỗi không đáng có

CSS giúp người dùng nhiều styles trên một trang web HTML nên khả năng điều

chỉnh trang của bạn trở nên vô hạn

Nhờ CSS mà mã nguồn của trang Web sẽ được tổ chức gọn gàng hơn, trật tựhơn, nội dung trang web sẽ được tách biệt hơn trong việc định dạng hiển thị

CSS tạo ra nhiều kiểu dáng nên có thể được áp dụng với nhiều trang web, từ đó

giảm tránh việc lặp lại các định dạng của các trang web giống nhau

Bootstrap – một framework CSS được Twitter phát triển.

Javascript – nhẹ và được sử dụng phổ biến nhất như là một phần của các trang

web, mà sự thi hành của chúng cho phép Client-Side script tương tác với người

sử dụng và tạo các trang web động

Jquery – một thư viện kiểu mới của JavaScript với một phương châm tuyệt

vời: Write less, do more - Viết ít hơn, làm nhiều hơn

MYSQL – Hệ quản trị cơ sở dữ liệu truy vấn có cấu trúc là một trong những

công cụ quản lý dữ liệu được sử dụng phổ biến ở nhiều lĩnh vực Do sự pháttriển nhanh chóng của nhu cầu xây dựng CSDL lớn theo mô hình khách/chủ(Client/Server)

1.1 Tổng quan về ngôn ngữ lập trình:

1.1.1 HTML.

HTML (tiếng Anh, viết tắt cho 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 với các mẩu thông tin được trình bày trên World WideWeb HTML được định nghĩa như là một ứng dụng đơn giản và được sử dụngtrong các tổ chức cần đến các yêu cầu xuất bản phức tạp HTML đã trở thànhmột chuẩn Internet do tổ chức World Wide Web Consortium (W3C) duy trì.Phiên bản chính thức mới nhất của HTML là HTML 4.01 (1999) Sau đó, các

nhà phát triển đã thay thế nó bằng XHTML Hiện nay, HTML đang được pháttriển tiếp với phiên bản HTML5 hứa hẹn mang lại diện mạo mới cho Web.HTML không phải là ngôn ngữ lập trình, nó là ngôn ngữ trình bày.

HTML là một đánh dấu cho ngôn ngữ mô tả các tài liệu web (trang web)

Tài liệu HTML được mô tả bởi các thẻ HTML.

Mỗi thẻ HTML mô tả nội dung tài liệu khác nhau

Cấu trúc một đoạn HTML:

- Các DOCTYPE khai báo xác định các loại tài liệu là HTML.

- Các văn bản giữa <html> và </ html> mô tả một tài liệu HTML

- Các văn bản giữa <head> và </ head> cung cấp thông tin về tài liệu

- Các văn bản giữa <title> và </ title> cung cấp một tiêu đề cho tài liệu

- Các văn bản giữa <body> và </ body> mô tả nội dung trang có thể nhìnthấy

- Các văn bản giữa <h1> và </ h1> mô tả một đề mục

- Các văn bản giữa <p> và </ p> mô tả đoạn

- Trong các thẻ còn có các thuộc tính, thuộc tính sẽ đặt bên trong thẻ mở đầu,mỗi thuộc tính sẽ có giá trị được đặt trong dấu ngoặc kép và cách nhau bởidấu bằng (=) với tên thuộc tính:

<form action="http://google.com"> </form>

Sử dụng mô tả này, một trình duyệt web có thể hiển thị một tài liệu với một tiêu

đề, đoạn văn và một link

Khi một tập tin HTML được hình thành, việc xử lý nó sẽ do trình duyệt webđảm nhận Trình duyệt sẽ đóng vai trò đọc hiểu nội dung HTML từ các thẻ bêntrong và sẽ chuyển sang dạng văn bản đã được đánh dấu để đọc, nghe hoặc hiểu

1.1.2 CSS.

CSS là chữ viết tắt của cụm từ tiếng anh (Cascading Style Sheet), CSSđược tổ chức World Wide Web (W3C) giới thiệu vào năm 1996 CSS chỉ đơn

thuần là một file có phần mở rộng là css, trong file này chứa những câu lệnhCSS, mỗi câu lệnh CSS sẽ định dạng một thành phần nhất định của tài liệuHTML như màu sắc, font chữ,

Hơn thế nữa sẽ được trình duyệt tải một lần và dùng nhiều lần (cache), do

đó giúp trang web được load nhanh hơn CSS có nhiều kiểu nhưng gom lại thìchúng ta sẽ có các thể loại CSS thông dụng như sau:

- Background: CSS tùy chỉnh hình nền.

- Text: CSS tùy chỉnh cách hiển thị đoạn text.

- Font: CSS tùy chỉnh kích thước, kiểu chữ.

- Link: CSS tùy chỉnh link.

- List: CSS tùy chỉnh danh sách.

- Table: CSS tùy chỉnh bảng.

- Box model: Mô hình box model kết hợp padding, margin, border.

-

Chúng ta có 3 cách để khai báo CSS trong tài liệu HTML là:

- CSS cục bộ: Viết mã CSS trực tiếp trong thẻ HTML, cụ thể là trong thuộctính style, CSS cục bộ chỉ có tác dụng trong thẻ HTML được khai báo

<p style="font-size: 16pt; color: blue">Đoạn văn bạn sẽ bị ảnh hưởng khi khai báo CSS cục bộ.</p>

- CSS nội tuyến: CSS nội tuyến là phần mã CSS được khai báo trong cặp thẻ

<style> và đặt trong phần <head> của tài liệu HTML Khi sử dụng CSS nộituyến nó sẽ có tác dụng lên file html được khai báo nhưng không ảnh hưởngđến các file khác trong cùng một website

● Nó có phạm vi ảnh hưởng toàn bộ đến toàn bộ website chứ không chỉ mộtfile html riêng biệt Do đó mỗi khi muốn thay đổi thuộc tính hiển thị củamột thành phần nào đó trong website thì chỉ cần chỉnh sửa file CSS nàythay vì phải chỉnh sửa tất cả các file html trong ứng dụng Đến đây chúng

ta thấy được sự cần thiết và hiệu quả mà CSS đem lại

● Để khai báo CSS ngoại tuyến, ta chỉ cần tạo một file style.css chẳng hạn,sau đó chèn đoạn code sau trong phần <head></head> của trang web

<link href="style.css" rel="stylesheet" type="text/css" media="screen" />

1.1.3 BOOTSTRAP.

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ốngnhau trong dự án web của mình

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="utf-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge">

<meta name="viewport" content="width=device-width, scale=1">

<title>Sài thử Bootstrap</title>

<! Khai báo sử dụng css của Bootstrap >

<link href="css/bootstrap.min.css" rel="stylesheet">

<! Sửa lỗi HTML5 cho IE 8 trở xuống >

<! [if lt IE 9]>

<script src=" https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js "></script> <script

src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script> <![endif] >

<! Khai báo sử dụng thư viện javascript của bootstrap >

<script src="js/bootstrap.min.js"></script>

</body>

</html>

Lý do lại sử dụng nó vì:

● Được viết bởi những người có óc thẩ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 ra và 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ụngBootstrap để tạo nên một trang web sang trọng và đầy đủ Nhưnglại không cần code quá nhiều CSS

● Với giao diện mặc định là màu xám bạc sang trọng, hỗ trợ các componentthô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 đổi theo ý thích của bản thân

● Do có sử dụng Grid System nên Bootstrap mặc định hỗ trợ Responsive.Bootstrap được viết theo xu hướng Mobile First tức là ưu tiên giao diệntrên Mobile trước Nên việc sử dụng Bootstrap cho website của bạn sẽphù hợp với tất cả kích thước màn hình Nhờ đó mà chúng ta không cầnxây dựng thêm một trang web riêng biệt cho mobile

1.1.4 JAVASCRIPT.

JavaScript, theo phiên bản hiện hành, là một ngôn ngữ lập trình kịch bản

dựa trên đối tượng đượ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, nhưng cũng được dùng để tạo khả năngviết script sử dụng các đối tượng nằm sẵn trong các ứng dụng Nó vốn đượcphá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ơnJava .js là phần mở rộng thường được dùng cho tập tin mã nguồn JavaScript.DOM (Document Object Model), một khái niệm thường được nhắc đếnvới JavaScript trên thực tế không phải là một phần của chuẩn ECMAScript,DOM là một chuẩn riêng biệt có liên quan chặt chẽ với XML.

JavaScript là một ngôn ngữ lập trình dựa trên nguyên mẫu với cú phápphát triển từ C Giống như C, JavaScript có khái niệm từ khóa, do đó,JavaScript gần như không thể được mở rộng

Cũng giống như C, JavaScript không có bộ xử lý xuất/nhập (input/output)riêng Trong khi C sử dụng thư viện xuất/nhập chuẩn, JavaScript dựa vào phầnmềm ngôn ngữ được gắn vào để thực hiện xuất/nhập

Trên trình duyệt, rất nhiều trang web sử dụng JavaScript để thiết kế trangweb động và một số hiệu ứng hình ảnh thông qua DOM JavaScript được dùng

để thực hiện một số tác vụ không thể thực hiện được với chỉ HTML như kiểmtra thông tin nhập vào, tự động thay đổi hình ảnh, Ở Việt Nam, JavaScript cònđược ứng dụng để làm bộ gõ tiếng Việt giống như bộ gõ hiện đang sử dụng trêntrang Wikipedia tiếng Việt Tuy nhiên, mỗi trình duyệt áp dụng JavaScript khácnhau và không tuân theo chuẩn W3C DOM, do đó trong rất nhiều trường hợplập trình viên phải viết nhiều phiên bản của cùng một đoạn mã nguồn để có thểhoạt động trên nhiều trình duyệt Một số công nghệ nổi bật dòng JavaScript đểtương tác với DOM bao gồm DHTML, Ajax và SPA

AJAX được ông Jesse James Garrett đưa ra và dùng lần đầu tiên vào2/2005 để chỉ kỹ thuật này AJAX là một ứng dụng giàu tính Internet và bêncạnh đó AJAX cũng không thể làm việc một cách độc lập, kỹ thuật mới này sửdụng kết hợp:

● HTML (hoặc XHTML) với CSS trong việc hiển thị thông tin

● Sử dụng đối tượng XMLHttpRequest để nhận dữ liệu từ một Web Servermột cách không đồng bộ

● Sử dụng mô hình DOM với sự trợ giúp của JavaScript để hiển thị/sử dụng

dữ liệu

1.1.5 JQUERY.

JQuery là một thư viện kiểu mới của JavaScript, được tạo bởi John Resig

vào năm 2006 với một phương châm tuyệt vời: Write less, do more - Viết íthơn, làm nhiều hơn

JQuery làm đơn giản hóa việc truyền tải HTML, xử lý sự kiện, tạo hiệu

ứng động và tương tác Ajax

JQuery là một bộ công cụ tiện ích JavaScript làm đơn giản hóa các tác

vụ đa dạng với việc viết ít code hơn Dưới đây liệt kê một số tính năng tối quantrọng được hỗ trợ bởi jQuery:

● Thao tác DOM − jQuery giúp dễ dàng lựa chọn các phần tử DOM

để traverse (duyệt) một cách dễ dàng như sử dụng CSS, và chỉnh sửa nội

dung của chúng bởi sử dụng phương tiện Selector mã nguồn mở, màđược gọi là Sizzle

● Xử lý sự kiện − jQuery giúp tương tác với người dùng tốt hơn bằngviệc xử lý các sự kiện đa dạng mà không làm cho HTML code rối tunglên với các Event Handler

● Hỗ trợ AJAX − jQuery giúp bạn rất nhiều để phát triển một site giàutính năng và phản hồi tốt bởi sử dụng công nghệ AJAX

● Hiệu ứng − jQuery đi kèm với rất nhiều các hiệu ứng đa dạng và đẹpmắt mà bạn có thể sử dụng trong các Website của mình

● Gọn nhẹ − jQuery là thư viện gọn nhẹ - nó chỉ có kích cỡ khoảng19KB (gzipped)

● Được hỗ trợ hầu hết bởi các trình duyệt hiện đại − jQuery được hỗ

trợ hầu hết bởi các trình duyệt hiện đại, và làm việc tốt trên IE 6.0+, FF2.0+, Safari 3.0+, Chrome và Opera 9.0+

● Cập nhật và hỗ trợ các công nghệ mới nhất − jQuery

hỗ trợ CSS3 Selector và cú pháp XPath cơ bản

1.2 Hệ quản trị cơ sở dữ liệu MYSQL:

MICROSOFT SQL SERVER là một hệ quản trị cơ sở dữ liệu quan hệ

(Relational Database Management System (RDBMS) ) sử dụng câu lệnh SQL

(Transact-SQL) để trao đổi dữ liệu giữa máy Client và máy cài SQL Server.

Một RDBMS bao gồm databases, database engine và các ứng dụng dùng đểquản lý dữ liệu và các bộ phận khác nhau trong RDBMS

MICROSOFT SQL SERVER là cơ sở dữ liệu có trình giao diện trên

Windows, cho phép người sử dụng có thể thao tác các hành động liên quan đến

nó Việc tìm hiểu từng công nghệ trước khi bắt tay vào việc viết mã kịch bản

ASP.NET MVC5, việc tích hợp hai công nghệ ASP.NET MVC5 vàMICROSOFT SQL SERVER là một công việc cần thiết và rất quan trọng

1.2.1 Mục đích sử dụng cơ sở dữ liệu:

Chức năng của MICROSOFT SQL SERVER

● Chúng ta có thể truy vấn Database theo nhiều cách khác nhau, sử dụngbởi các lệnh

● Người dùng có thể truy cập dữ liệu từ RDBMS

● Cho phép người dùng miêu tả dữ liệu

● Cho phép người dùng định nghĩa dữ liệu trong một Database và thao tác

nó

● Cho phép người dùng tạo, xóa Database và bảng

● Cho phép người dùng tạo view, Procedure, hàm trong một Database

● Cho phép người dùng thiết lập quyền truy cập vào bảng, thủ tục và view

1.2.2 Các kiểu dữ liệu thông dụng trong cơ sở dữ liệu MICROSOFT SQL SERVER.

1.2.2.1 Loại dữ liệu numeric.

● Kiểu dữ liệu số chấm động

Số thập phândạng Single hayDouble

Số thập phândạng Single

Double(M,D)

±1.7976931348623157308

308

1.1.2.2 Loại dữ liệu kiểu Date and Time.

Kiểu dữ liệu Date and Time cho phép bạn nhập dữ liệu dưới dạng chuỗi ngàytháng hay dạng số

Bảng 1.3 Kiểu dữ liệu thời gian

838:59:59Datetime

1000-01-0100:00:00,9999-12-

Bảng 1.4 Kiểu dữ liệu thời gian

1.1.2.3 Loại dữ liệu String.

Kiểu dữ liệu String chia làm 3 loại: loại thứ nhất như char (chiều dài cố định) vàvarchar (chiều dài biến thiên); loại thứ hai là Text hay Blob, Text cho phép lưuchuỗi rất lớn, Blob cho phép lưu đối tượng nhị phân; loại thứ ba là Enum và Set

characters Chiều dài của chuỗi lớn nhất 255 kí tự.

Varchar 1-255characters Chiều dài của chuỗi lớn nhất 255 kí tự(characters).Tinyblob 28-1 Khai báo cho Field chứa kiểu đối tượng nhị phân

Text 216-1 cỡ 65,535 characters.Khai báo cho Field chứa kiểu chuỗi dạng văn bảnMediumblo

SELECT<danh sách các cột>

[FROM<danh sách bảng>]

[WHERE<các điều kiện ràng buộc>]

[GROUP BY<tên cột/biểu thức trong SELECT>]

[HAVING<điều kiện bắt buộc của GROUP BY>]

[ORDER BY<danh sách các cột>]

[LIMIT số record OFFSET from record]

▪ INSERT(Thêm mẫu tin):

Cú pháp: INSERT INTO Tên_bảng VALUES(Bộ_giá_trị)

▪ UPDATE(Cập nhật dữ liệu):