Download to read offline
![Khoa Công Ngh Thông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web
Biên so n: Ph m ình NamTrang 36
- Th <form> thư ng g n v i m t chương trình th c thi, thư ng g i là “script”,
chương trình này s th c hi n m t công vi c nào ó khi ngư i s d ng nh t vào nút
Submit.
- Cú pháp:
<FORM METHOD=<Phương th c> ACTION=< ư ng d n n chương trình>
[n i dung trong FORM có th là văn b n ho c các th FORM]
<input type=submit value = “Nút Submit”>
</FORM>
- Phương th c: g m phương th c POST và GET.
+ Khi dùng phương th c POST, d li u g i i s không ư c hi n th trên a ch URL.
+ Khi dùng phương th c GET, d li u g i i ư c hi n th trên a ch URL.
- Các th Form: có th là th <input>, <TextArea>, <Button>, <option>, …
IV. G i d li u bi u m u qua Internet
- Khi ngư i s d ng nh n nút Submit, thông tin trong form s ư c g i i lên Server
yêu c u (Request) Server tr l i (Server Answer). Trên Server ã ư c cài t các
chương trình ng d ng (có th b ng m t ngôn ng Web C++, ASP, Java,…), các chương
trình ng d ng này s t ng x lý thông tin g i i t ngư i s d ng (Client) và ph n
h i thông tin (Response). Phương th c này ôi khi ngư i ta còn g i là Yêu c u – áp ng,
t c là nên Client thì Request còn trên Server s Response. Các b n có th hình dung ti n
trình g i thông tin quan Interner v i sơ sau:
Cách th c trao i thông tin qua chương trình](https://image.slidesharecdn.com/lptrnhweb-ihctinguynmitrng-150705162009-lva1-app6891/75/L-p-trinh-web-d-i-h-c-tai-nguyen-moi-tr-ng-36-2048.jpg)
![Khoa Công Ngh Thông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web
Biên so n: Ph m ình NamTrang 40
- BORDER=n: ư ng vi n nh. N u nh ư c dùng cho hyperlink thì ư ng vi n có
màu trùng v i màu hyperlink. N u nh không dùng cho hyperlink thì ư ng vi n không
hi n th .
- HEIGTH=n, WIDTH=n: ch cao và r ng c a nh. Ðơn v b ng pixel.
- HSPACE=n, VSPACE=n: ch nh kho ng cách t nh n văn b n quanh nó theo
chi u ngang và d c.
Ví d :
<A HREF="index.htm"><IMG SRC="images/btoc.gif" ALT="[các n i dung]"
ALIGN=MIDDLE HSACE=5 VSPACE=5>N i dung</A></P>
- Th <EMBED>: thêm i tư ng âm tham vào trang web.
Cú pháp:
<EMBED
ALIGN=align-type
SRC=url
HEIGTH=n
WIDTH=n
…
>
- Các tham s thu c tính tương t th <IMG>
Ví d :
<EMBED SRC="nhac/muatrenphohue.mp3" ALIGN=MIDDLE HSACE=5
VSPACE=5>Mưa trên ph Hu](https://image.slidesharecdn.com/lptrnhweb-ihctinguynmitrng-150705162009-lva1-app6891/75/L-p-trinh-web-d-i-h-c-tai-nguyen-moi-tr-ng-40-2048.jpg)
![Khoa Công Ngh Thông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web
Biên so n: Ph m ình NamTrang 45
2) Các hàm x lý s
i. SQR(n): Căn b c hai c a n
ii. INT(n) : L y ph n nguyên n
iii. MOD : Phép ng dư
iv. Toán t : Chia nguyên
v. Round(s , n) : Làm tròn s v i n ch s th p phân
vi. RND(): Tr v s ng u nhiên b t kì trong kho ng [0,1]
II. ưa các o n Script vào trong trang Web
Trong ASP ,m c nh ngôn ng script là Vbscript
N u mu n dùng Javascript ta ph i ch nh tags script language là Javascript.
- i v i ngôn ng m c nh, b n có th ch dùng c p d u <% và %> ch a o n
l nh Script.
- Ví d v m t o n l nh VBScript:
<% If (Time >=#12:00:00 AM#) then%>
Good Morning!
<% Else %>
Good Afternoon!
<%End If %>
- Ho c b n có th ch ra c th ang s d ng ngôn ng nào b ng cách s d ng th :
<Script language= “tên_ngôn_ng ”>
[l nh vi t ây]
</Script>
- ây tên ngôn ng có th là VBScript ho c JavaScript (Jscript).
Ví d :
<Script language= “VBScript”>
Response.Write(“Xin chào các b n!”)
</Script>
III. Thi t l p các thư vi n procedure, function cho 1 ng d ng WEB
Th t c và hàm trong ASP có th chèn t i v trí b t kỳ c a trang Web, tuy nhiên i
v i m t s trư ng h p, m t s hàm và th t c có th ư c dùng i dùng l i nhi u l n
trong nhi u trang web thì vi c nh nghĩa l i các th t c và hàm này s m t nhi u th i
gian và công s c. Vì v y b n nên xây d ng m t thư vi n hàm và th t c cho riêng mình
khi c n thì s dùng n. Ch ng h n, khi b n mu n xây d ng m t án web có 10
trang, m i trang u ph i có th t c ki m tra m t kh u ăng nh p, như v y b n nên
nh nghĩa th t c này trong m t thư vi n s thu n l i r t nhi u cho vi c phát tri n và
ch nh s a.](https://image.slidesharecdn.com/lptrnhweb-ihctinguynmitrng-150705162009-lva1-app6891/75/L-p-trinh-web-d-i-h-c-tai-nguyen-moi-tr-ng-45-2048.jpg)
![Khoa Công Ngh Thông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web
Biên so n: Ph m ình NamTrang 46
1. nh nghĩa th t c
Cú pháp:
Sub <tên th t c>
[N i dung th t c]
End Sub
Ví d :
Sub HienThi(hoten)
Response.Write(hoten)
End Sub
2. nh nghĩa hàm
Cú pháp:
Funtion <tên th t c>
[x lý]
<k t qu tr v >
End Funtion
Ví d :
Funtion TongDaySo(n)
Dim i, S
S = 0
For i=1 to n
S = S + i
Next
TongDaySo = S
End Funtion
3. S d ng thư vi n hàm, th t c](https://image.slidesharecdn.com/lptrnhweb-ihctinguynmitrng-150705162009-lva1-app6891/75/L-p-trinh-web-d-i-h-c-tai-nguyen-moi-tr-ng-46-2048.jpg)
![Khoa Công Ngh Thông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web
Biên so n: Ph m ình NamTrang 47
Sau khi nh nghĩa thư vi n hàm và th t c c a riêng b n (lưu ý là t p tin thư vi n
ph i có d ng Text có ph n m r ng b t kỳ), s d ng ư c thư vi n hàm và th t c
này, b n dùng th :
<!--#include file=tên_t p_tin_thư_vi n -->
chèn thư vi n t i v trí nào trong trang web mà b n mu n.
IV. M t s bài t p ng d ng m u
Ví d 1: Gi i h phương trình b c nh t 0=+Α Bχ (trong ó các h s A, B ư c l y
ng y nhiên). Xu t k t qu ra trình duy t.
%@ Language=VBScript %>
<HTML>
<BODY>
<%
Dim A, B
Randomize
A = Round(RND() * 10) ‘T o s nguyên ng u nhiêu trong kho n [0,10]
B = Round(RND() * 10) ‘T o s nguyên ng u nhiêu trong kho n [0,10]
IF (A=0) Then
IF (B=0) Then
Response.Write(“Phuong trinh co vo so nghiem!”)
ELSE
Response.Write(“Phuong trinh vo nghiem!”)
End IF
ELSE
Response.Write(“Phuong trinh co 1 nghiem la:” & B/A)
End IF
</BODY>
</HTML>
Ví d 2: Thư vi n hàm và th t c
- Trư c tiên, b n t o m t t p tin tên là thuvien.inc có n i dung như sau:
Sub HienThi(hoten)
Response.Write(hoten)
End Sub
Funtion TongDaySo(n)](https://image.slidesharecdn.com/lptrnhweb-ihctinguynmitrng-150705162009-lva1-app6891/75/L-p-trinh-web-d-i-h-c-tai-nguyen-moi-tr-ng-47-2048.jpg)
![Khoa Công Ngh Thông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web
Biên so n: Ph m ình NamTrang 53
8)Nh p nút 'TEST DATA SOURCE'. ki m tra thành CÔNG chưa.
9)Nh p nút các nút 'OK' k t thúc cài t ODBC.
5. CÁC L NH SQL
5.1 CREATE TABLE: t o table m i
CREATE TABLE TableName (FieldName1 FieldType [(nFieldWidth [, nPrecision])]
[NULL | NOT NULL] [, FieldName2 FieldType [(nFieldWidth [, nPrecision])] [NULL | NOT
NULL]...)
TableName: chu i kho ng 30 ký t .
FieldName1 , FieldName2: tên c t kho ng 30 ký t .
FieldType: Ki u c t.
Tên ki u( FieldType) Di n gi i
numeric s g m ph n nguyên và ph n th p phân
char ki u ký t có dài t i a 255 ký t
datetime ki u ngày gi
int ki u s nguyên
real ki u s th c
text ki u memo, text
image ki u hình nh
float ki u float
NULL: Là 1 m c vào không có giá tr rõ ràng. NULL không ph i là 0 ho c tr ng.
Ví d : CREATE TABLE Vidu (
so numeric(10, 2) NULL ,
chuoi char (255) NULL ,
ngay datetime NULL ,
nguyen int NULL ,
thuc real NULL ,
vanban text NULL ,
anh image NULL ,
so float float NULL
)
5.2 SELECT: truy v n d li u các table
SELECT [Alias.] Select_Item [AS Column_Name] [, [Alias.] Select_Item [AS
Column_Name] ...]
FROM [DatabaseName!]Table [INNER JOIN DatabaseName!]Table [ON JoinCondition
…]](https://image.slidesharecdn.com/lptrnhweb-ihctinguynmitrng-150705162009-lva1-app6891/75/L-p-trinh-web-d-i-h-c-tai-nguyen-moi-tr-ng-53-2048.jpg)
![Khoa Công Ngh Thông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web
Biên so n: Ph m ình NamTrang 54
[WHERE JoinCondition [AND JoinCondition ...] [AND | OR FilterCondition [AND | OR
FilterCondition ...]]]
[GROUP BY GroupColumn [, GroupColumn ...]]
[HAVING FilterCondition]
[UNION [ALL] SELECTCommand]
[ORDER BY Order_Item [ASC | DESC] [, Order_Item [ASC | DESC] ...]]
Tham s :
SELECT ch nh trư ng, h ng và bi u th c xu t hi n trong k t qu truy v n.
Alias. Bí danh table.
Select_Item ch nh 1 m c ư c bao g m trong k t qu truy v n . M c có th là:
- Tên trư ng c a table trong m nh FROM.
- 1 h ng ch nh cùng 1 giá tr cho t t c các hàng trong k t qu truy v n.
- 1 bi u th c có th là hàm t t o.
- AVG(Select_Item), tính trung bình Select_Item.
- COUNT(Select_Item), m s l n xu t hi n. COUNT(*) m s hàng trong k t qu
truy v n.
- MIN(Select_Item), tính giá tr nh nh t.
- MAX(Select_Item), tính giá tr l n nh t.
- SUM(Select_Item), tính t ng các s .
AS Column_Name Ch nh tiêu c a 1 c t trong table k t qu truy v n.
FROM Li t kê các table ch a d li u c n truy v n.
DatabaseName! ch nh tên c a CSDL ch a table.
INNER JOIN ch nh k t qu truy v n ch ch a các hàng t 1 table trùng v i 1 ho c
nhi u trong table kia.
ON JoinCondition ch nh các i u ki n k các table n i l i
WHERE Ch các hàng có th a mãn i u ki n i li n sau WHERE m i ư c th c hi n
truy v n.
B n dùng toán t AND/OR k t n i cùng lúc nhi u i u ki n khác nhau.
Các toán t so sánh:
Ký hi u Tương ương
= B ng
== Chính xác b ng
LIKE SQL LIKE
<>, !=, # Không b ng
> L n hơn
>= L n hơn ho c b ng
< Nh hơn](https://image.slidesharecdn.com/lptrnhweb-ihctinguynmitrng-150705162009-lva1-app6891/75/L-p-trinh-web-d-i-h-c-tai-nguyen-moi-tr-ng-54-2048.jpg)
![Khoa Công Ngh Thông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web
Biên so n: Ph m ình NamTrang 55
<= Nh hơn ho c b ng
GROUP BY GroupColumn [, GroupColumn ...] Các nhóm hàng trong câu truy v n d a
trên giá tr trên 1 ho c nhi u c t. GroupColumn d trên th t li t kê ra.
HAVING FilterCondition Ch nh i u ki n l c nhóm trong k t qu truy v n.
[UNION [ALL] SELECTCommand] K t h p k t qu cu i cùng c a 1 SELECT v i 1
SELECT khác.
ALL ngăn UNION ghép n i 2 l n các hàng t k t qu UNION.
Ví d :
SELECT customer.company, orders.order_id, orders.emp_id ;
FROM customer, orders ;
WHERE customer.cust_id = orders.cust_id ;
UNION ;
SELECT customer.company, " ", " " ;
FROM customer ;
WHERE customer.cust_id NOT IN ;
(SELECT orders.cust_id FROM orders)
ORDER BY Order_Item S p x p k t qu truy v n theo th t Order_Item.
ASC s p x p tăng d n
DESC s p x p gi m d n.
5.3 INSERT: thêm d li u(hàng) vào table
INSERT INTO dbf_name [(fname1 [, fname2, ...])] VALUES (eExpression1 [,
eExpression2, ...])
dbf_name: tên table mà d li u s thêm vào, l nh này t thêm 1 hàng m i và gán giá tr
vào.
fname1, fname2: tên các c t trong table
eExpression1 , eExpression2: bi u th c sau khi tính thành giá tr s ưa vào t ng c t
tương ng ã ch nh.
Ví d :
R_Don_Vi="Cty ÐB-ÐT"
R_Ho_Ten="Lê Th Thu Hoài"
R_Username="thuhoai"
R_Password="thuhoai"
INSERT INTO DHTT_Login (Don_Vi, Ho_Ten, Username, Password) VALUES
(R_Don_Vi, R_Ho_Ten, R_Username, R_Password)
5.4 UPDATE: Gán giá tr m i cho 1 ho c nhi u hàng c a table.](https://image.slidesharecdn.com/lptrnhweb-ihctinguynmitrng-150705162009-lva1-app6891/75/L-p-trinh-web-d-i-h-c-tai-nguyen-moi-tr-ng-55-2048.jpg)
![Khoa Công Ngh Thông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web
Biên so n: Ph m ình NamTrang 56
UPDATE [DatabaseName!]TableName SET Column_Name1 = eExpression1 [,
Column_Name2 = eExpression2 ...] WHERE FilterCondition1 [AND | OR FilterCondition2
...]]
[DatabaseName!]TableName: tên CSDL và Table thu c CSDL.
SET Column_Name1= eExpression1,...: gán giá tr eExpression1 cho
Column_Name1,...
WHERE FilterCondition1 [AND | OR FilterCondition2 ...]: ch nh các hàng tho mãn
i u ki n FilterCondition1 và/ho c FilterCondition2 m i ư c gán giá tr m i.
Ví d :
UPDATE DHTT.DHTT_Login SET Username =R_Username_Moi, Password =
R_Password_Moi WHERE Username=R_Username_Cu AND Password =
R_Password_Cu
5.5 DELETE:
DELETE FROM [DatabaseName!]TableName [WHERE FilterCondition1 [AND | OR
FilterCondition2 ...]]
[DatabaseName!]TableName: tên CSDL và Table thu c CSDL.
WHERE FilterCondition1 [AND | OR FilterCondition2 ...]: ch nh các hàng tho mãn
i u ki n FilterCondition1 và/ho c FilterCondition2 m i b xoá.
Ví d :
DELETE FROM DHTT.DHTT_Login WHERE Don_Vi=R_Don_Vi_Xoa AND
Ho_Ten=R_Ho_Ten_Xoa
II. Các l nh liên k t CSDL
1. K t n i cơ s d li u DSN(Data Source Name) qua i tư ng Recordset
+ Hi n th thông tin ra trình duy n
Dim rs
Set rs=Server.CreateObject(“ADODB.Recordset”)
Rs.Open “SINHVIEN”, “DSN=QLSV”
Rs.MoveFirst
Do While Not rs.EOF
Response.Write(rs(“HoTen”)
Response.Write(…………….)
Rs.MoveNext
Loop
Rs.Close](https://image.slidesharecdn.com/lptrnhweb-ihctinguynmitrng-150705162009-lva1-app6891/75/L-p-trinh-web-d-i-h-c-tai-nguyen-moi-tr-ng-56-2048.jpg)
![Khoa Công Ngh Thông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web
Biên so n: Ph m ình NamTrang 63
var fso, s, n, e, x;
fso = new ActiveXObject("Scripting.FileSystemObject");
e = new Enumerator(fso.Drives);
s = "";
do
{
x = e.item();
s = s + x.DriveLetter;
s += " - ";
if (x.DriveType == 3)
n = x.ShareName;
else if (x.IsReady)
n = x.VolumeName;
else
n = "[Drive not ready]";
s += n + "<br>";
e.moveNext();
}
while (!e.atEnd());
return(s);
}
4. for
Th c hi n 1 kh i l nh trong khi i u ki n ki m tra còn úng(=true).
Cú pháp
for (initialization; test; increment)
statement
Ph n Di n gi i
initialization Là 1 bi u th c. Bi u th c này ch ch y 1 l n trư c khi
vòng l p ư c th c hi n.
test Là bi u th c Boolean. N u test= true, statement ư c
th c hi n. N u test= false, vòng l p s d ng.
increment Là bi u th c. Bi u th c increment ư c th c hi n cu i
m i vòng l p.
statement Ðo n l nh ư c th c hi n khi test = true.
Ví d :
/* i is set to 0 at start, and is incremented by 1 at the end
of each iteration. Loop terminates when i is not less](https://image.slidesharecdn.com/lptrnhweb-ihctinguynmitrng-150705162009-lva1-app6891/75/L-p-trinh-web-d-i-h-c-tai-nguyen-moi-tr-ng-63-2048.jpg)
![Khoa Công Ngh Thông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web
Biên so n: Ph m ình NamTrang 64
than 10 before a loop iteration. */
var myarray = new Array();
for (i = 0; i < 10; i++)
{
myarray[i] = i;
}
5. for..in
Th c hi n 1 ho c nhi u câu l nh cho v i t ng thu c tính c a 1 object, ho c t ng
thành ph n c a 1 m ng.
Cú pháp
for (variable in [object | array])
statement
Ph n Di n gi i
variable Là 1 bi n có th là thu c tính c a object ho c thành
ph n c a m ng.
object,
array
M t object ho c array qua m i l n l p.
statement Nhóm l nh s ư c th c hi n v i t ng thành ph n c a
i tư ng ho c m ng.
Ví d :
function ForInDemo()
{
// Create some variables.
var a, key, s = "";
// Initialize object.
a = {"a" : "Athens" , "b" : "Belgrade", "c" : "Cairo"}
// Iterate the properties.
for (key in a)
{
s += a[key] + "<BR>";
}
return(s);
}
6. function
Khai báo 1 function m i.
Cú pháp](https://image.slidesharecdn.com/lptrnhweb-ihctinguynmitrng-150705162009-lva1-app6891/75/L-p-trinh-web-d-i-h-c-tai-nguyen-moi-tr-ng-64-2048.jpg)
![Khoa Công Ngh Thông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web
Biên so n: Ph m ình NamTrang 65
function functionname([argument1 [, argument2 [, ...argumentn]]])
{
statements
}
Ph n Di n gi i
functionname Tên function
argument1...argumentn Danh sách i s c a hàm
statements 1 ho c nhi u l nh JScript.
Ví d :
function myfunction(arg1, arg2)
{
var r;
r = arg1 * arg2;
return(r);
}
7. if...else
Th c hi n 1 nhóm l nh có i u ki n, ph c thu c vào giá tr c a 1 bi u th c.
Cú pháp
if (condition)
statement1
[else
statement2]
Ph n Di n gi i
condition Là bi u th c boolean. N u condition là null ho c
undefined , condition ư c gán là false.
statement1 Nhóm l nh ư c th c hi n n u condition = true.
statement2 Nhóm l nh ư c th c hi n n u condition = false.
Ví d :
if (x == 5)
if (y == 6)
z = 17;
else
z = 20;
Ví d :](https://image.slidesharecdn.com/lptrnhweb-ihctinguynmitrng-150705162009-lva1-app6891/75/L-p-trinh-web-d-i-h-c-tai-nguyen-moi-tr-ng-65-2048.jpg)
![Khoa Công Ngh Thông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web
Biên so n: Ph m ình NamTrang 66
if (x == 5)
{
if (y == 6)
z = 17;
}
else
z = 20;
Ví d :
if (x == 5)
z = 7;
q = 42;
else
z = 19;
8. return
Thoát kh i function hi n t i và tr v 1 giá tr t function ó.
Cú pháp
return [expression];
Ð i s expression là 1 giá tr tr v t function. N u b qua thì hàm không tr v giá
tr .
Ví d :
function myfunction(arg1, arg2)
{
var r;
r = arg1 * arg2;
return(r);
}
9. switch
Th c hi n 1 ho c nhi u l nh khi giá tr bi u th c ch nh trùng v i 1 nhãn.
Cú pháp
switch (expression) {
case label :
statementlist
case label :
statementlist
...
default :
statementlist
}](https://image.slidesharecdn.com/lptrnhweb-ihctinguynmitrng-150705162009-lva1-app6891/75/L-p-trinh-web-d-i-h-c-tai-nguyen-moi-tr-ng-66-2048.jpg)
![Khoa Công Ngh Thông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web
Biên so n: Ph m ình NamTrang 68
Cú pháp
var variable [ = value ] [, variable2 [ = value2], ...]
Ph n Di n gi i
variable, variable2 Tên các bi n ư c khai báo.
value, value2 Các giá tr gán cho bi n.
Ví d :
var index;
var name = "Thomas Jefferson";
var answer = 42, counter, numpages = 10
12. while
Th c hi n o n l nh l p l i cho n trong khi i u ki n ch nh = false.
Cú pháp
while (expression)
statement
Ph n Di n gi i
expression Bi u th c Boolean ki m tra trư c m i khi th c hi n o n
l nh. N u expression = true, vòng l p ư c th c hi n. N u
expression = false, vòng l p d ng.
statement Nhó m l nh ư c th c hi n n u expression = true.
Ví d :
function BreakTest(breakpoint)
{
var i = 0;
while (i < 100)
{
if (i == breakpoint)
break;
i++;
}
return(i);
}
II. CÁC PHƯƠNG TH C C A JavaScript
B ng toán t :](https://image.slidesharecdn.com/lptrnhweb-ihctinguynmitrng-150705162009-lva1-app6891/75/L-p-trinh-web-d-i-h-c-tai-nguyen-moi-tr-ng-68-2048.jpg)
![Khoa Công Ngh Thông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web
Biên so n: Ph m ình NamTrang 69
Toán t Ký hi u
C ng +
Gán giá tr =
AND &
NOT ~
OR |
XOR ^
Chia /
So sánh b ng ==
S/s l n hơn >
S/s l n hơn ho c b ng >=
Gi m 1 ơn v --
Tăng 1 ơn v ++
So sánh không b ng !=
S/s nh hơn <
S/s nh hơn ho c b ng <=
AND &&
NOT !
OR ||
Chia l y ph n dư %
Nhân *
T o object m i new
Tr -
Lưu ý: Giá tr logic tr v :
Ðúng true
Sai false
1. substr
stringvar.substr(start [, length ]): tr v 1 chu i con t chu i stringvar g m length
ký t b t u t v trí start
Ví d
function SubstrDemo()
{
var s, ss;](https://image.slidesharecdn.com/lptrnhweb-ihctinguynmitrng-150705162009-lva1-app6891/75/L-p-trinh-web-d-i-h-c-tai-nguyen-moi-tr-ng-69-2048.jpg)
![Khoa Công Ngh Thông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web
Biên so n: Ph m ình NamTrang 70
var s = "The quick brown fox jumped over the lazy yellow dog.";
ss = s.substr(16, 3);
// Tr v "fox".
return(ss);
}
2. abs
Math.abs(number): tr v tr tuy t i c a number
Ví d :
function ComparePosNegVal(n)
{
var s;
var v1 = Math.abs(n);
var v2 = Math.abs(-n);
if (v1 = v2)
s = "The absolute values of " + n + " and "
s += -n + " are identical.";
return(s);
}
3. atEnd
myEnum.atEnd( ): tr v giá tr true n u thành ph n c a t p h p myEnum là cu i
cùng ho c r ng, ngư c l i cho giá tr false
Ví d :
function ShowDriveList()
{
var fso, s, n, e, x;
fso = new ActiveXObject("Scripting.FileSystemObject");
e = new Enumerator(fso.Drives);
s = "";
for (; !e.atEnd(); e.moveNext())
{
x = e.item();
s = s + x.DriveLetter;
s += " - ";
if (x.DriveType == 3)
n = x.ShareName;
else if (x.IsReady)
n = x.VolumeName;
else
n = "[Drive not ready]";](https://image.slidesharecdn.com/lptrnhweb-ihctinguynmitrng-150705162009-lva1-app6891/75/L-p-trinh-web-d-i-h-c-tai-nguyen-moi-tr-ng-70-2048.jpg)
![Khoa Công Ngh Thông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web
Biên so n: Ph m ình NamTrang 72
for (i = 1; i <= a.dimensions(); i++)
{ s = "The upper bound of dimension ";
s += i + " is ";
s += a.ubound(i)+ ".<BR>"; } return(s);
} -->
</SCRIPT>
</HEAD>
<BODY> <SCRIPT language="jscript">
document.write(VBArrayTest(CreateVBArray())); </SCRIPT> </BODY>
6. eval
eval(codestring): th c hi n l nh codestring, codestring vi t d ng chu i
Ví d :
eval("var mydate = new Date();");
//cho k t qu mydate là 1 ngày
7. getDate
objDate.getDate(): tr v ngày trong tháng. Ngày l y t ngày hi n t i c ah th ng.
Ví d :
function DateDemo()
{
var d, s = "Today's date is: ";
d = new Date();
s += (d.getMonth() + 1) + "/";
s += d.getDate() + "/";
s += d.getYear();
return(s);
}
8. getItem
safeArray.getItem(dimension1[, dimension2, ...], dimensionn): tr v giá tr trong
m ng ư c ch nh b i th t chi u c a ph n t .
Ví d :
<HEAD>
<SCRIPT LANGUAGE="VBScript">
<!--
Function CreateVBArray()
Dim i, j, k
Dim a(2, 2)
k = 1
For i = 0 To 2
For j = 0 To 2](https://image.slidesharecdn.com/lptrnhweb-ihctinguynmitrng-150705162009-lva1-app6891/75/L-p-trinh-web-d-i-h-c-tai-nguyen-moi-tr-ng-72-2048.jpg)
![Khoa Công Ngh Thông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web
Biên so n: Ph m ình NamTrang 74
var HrMilli = MinMilli * 60;
var DyMilli = HrMilli * 24;
d = new Date();
t = d.getTime();
s = "It's been "
s += Math.round(t / DyMilli) + " days since 1/1/70";
return(s);
}
10. getDay
objDate.getDay(): Tr v th trong tu n v i:
0 = Sunday
1 = Monday
2 = Tuesday
3 = Wednesday
4 = Thursday
5 = Friday
6 = Saturday
Ví d :
function DateDemo()
{
var d, day, x, s = "Today is: ";
var x = new Array("Sunday", "Monday", "Tuesday");
var x = x.concat("Wednesday","Thursday", "Friday");
var x = x.concat("Saturday");
d = new Date();
day = d.getDay();
return(s += x[day]);
}
11. join
arrayobj.join(separator): tr v 1 chu i g m các giá tr trong m ng arrayobj cách
nhau b ng separator.
Ví d :
function JoinDemo()
{
var a, b;
a = new Array(0,1,2,3,4);
b = a.join("-");
return(b);
}](https://image.slidesharecdn.com/lptrnhweb-ihctinguynmitrng-150705162009-lva1-app6891/75/L-p-trinh-web-d-i-h-c-tai-nguyen-moi-tr-ng-74-2048.jpg)
![Khoa Công Ngh Thông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web
Biên so n: Ph m ình NamTrang 78
if (x.DriveType == 3)
n = x.ShareName;
else if (x.IsReady)
n = x.VolumeName;
else
n = "[Drive not ready]";
s += n + "<br>";
}
return(s);
}
18. replace
stringObj.replace(rgExp, replaceText): Tr v 1 chu i t chu i stringObj sau khi thay
th chu i replaceText vào v trí xu t hi n chu i rgExp.
Ví d :
function ReplaceDemo()
{
var r, re;
var s = "The quick brown fox jumped over the lazy yellow dog.";
re = /fox/i;
r = s.replace(re, "pig");
return(r);
}
19. reverse
arrayobj.reverse( ): tr v m ng o ngư c th t c a m ng arrayobj
Ví d :
function ReverseDemo()
{
var a, l;
a = new Array(0,1,2,3,4);
l = a.reverse();
return(l);
}
20. sort
arrayobj.sort(sortfunction): tr v 1 m ng t m ng arrayobj sau khi ã s p x p giá
tr theo hàm sortfunction ch nh. N u không ch nh hàm thì s p theo th t tăng d n.
Ví d :
function SortDemo()
{](https://image.slidesharecdn.com/lptrnhweb-ihctinguynmitrng-150705162009-lva1-app6891/75/L-p-trinh-web-d-i-h-c-tai-nguyen-moi-tr-ng-78-2048.jpg)
![Khoa Công Ngh Thông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web
Biên so n: Ph m ình NamTrang 80
s1 = " does not contain ";
// Get text of the regular expression itself.
return(s + s1 + re.source);
}
24. toArray
safeArray.toArray( ): Tr v m ng 1 chi u JavaScript t m ng safeArray c a
VBScript.
Ví d :
<HEAD>
<SCRIPT LANGUAGE="VBScript">
<!--
Function CreateVBArray()
Dim i, j, k
Dim a(2, 2)
k = 1
For i = 0 To 2
For j = 0 To 2
a(j, i) = k
document.writeln(k)
k = k + 1
Next
document.writeln("<BR>")
Next
CreateVBArray = a
End Function
-->
</SCRIPT>
<SCRIPT LANGUAGE="JScript">
<!--
function VBArrayTest(vbarray)
{
var a = new VBArray(vbarray);
var b = a.toArray();
var i;
for (i = 0; i < 9; i++)
{
document.writeln(b[i]);
}
}
-->](https://image.slidesharecdn.com/lptrnhweb-ihctinguynmitrng-150705162009-lva1-app6891/75/L-p-trinh-web-d-i-h-c-tai-nguyen-moi-tr-ng-80-2048.jpg)
![Khoa Công Ngh Thông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web
Biên so n: Ph m ình NamTrang 83
else if (x.IsReady)
n = x.VolumeName;
else
n = "[Drive not ready]";
s += n + "<br>";
}
return(s);
}
29. isNaN
Tr v 1 tr Boolean xác nh 1 giá tr có ph i là s hay không.
Cú pháp
isNaN(numvalue)
Trong ó numvalue là giá tr c n ki m tra. Hàm isNaN tr v giá tr true n u
numvalue không ph i là s , và false n u là s .
Ví d :
function checkinput(value)
{
if (isNaN(value)==true)
{
alert("Làm ơn nh p vào ki u s ");
document.forms[0].o_so.focus();
return;
}
document.forms[0].submit();
}
III. Ð I TƯ NG C A JAVASCRIPT
1. ActiveXObject
Cho phép và tr v m t s tham kh o n m t i tư ng Automation .
Cú pháp
var newObject = new ActiveXObject(servername.typename[, location])
Ph n Mô t
servername Ph i có. Tên c a c a ng d ng cung c p i tư ng.
typename Ph i có. Ki u ho c l p c a i tư ng t o.
location Tùy ch n. Tên c a server nơi i tư ng ư c t o.
Ví d :
Ð t o 1 Automation object, t o ActiveXObject m i cho cho 1 bi n i tư ng:](https://image.slidesharecdn.com/lptrnhweb-ihctinguynmitrng-150705162009-lva1-app6891/75/L-p-trinh-web-d-i-h-c-tai-nguyen-moi-tr-ng-83-2048.jpg)
![Khoa Công Ngh Thông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web
Biên so n: Ph m ình NamTrang 84
var ExcelSheet;
ExcelSheet = new ActiveXObject("Excel.Sheet");
Ví d :
// Make Excel visible through the Application object.
ExcelSheet.Application.Visible = true;
// Place some text in the first cell of the sheet.
ExcelSheet.ActiveSheet.Cells(1,1).Value = "This is column A, row 1";
// Save the sheet.
ExcelSheet.SaveAs("C:TEST.XLS");
// Close Excel with the Quit method on the Application object.
ExcelSheet.Application.Quit();
// Release the object variable.
ExcelSheet = "";
Ví d :
Tr v version c a Excel ch y t PC t xa c a m ng có computer name là
"myserver":
Function GetVersion {
var XLApp = CreateObject("Excel.Application", "MyServer");
return(XLApp.Version);
}
2. Array
H tr t o các m ng v i nhi u ki u d li u.
Cú pháp
new Array()
new Array(size)
new Array(element0, element1, ..., elementn)
Ph n Di n gi i
size C c a m ng. Các thành ph n c a m ng có
ch s u tiên là 0 n size -1.
element0,...,elementn Các thành ph n t trong m ng. Có n + 1
thành ph n v i thành ph n là các giá tr gán tr c
ti p cho m ng.
Ví d :
var my_array = new Array();
for (i = 0; i < 10; i++)
{
my_array[i] = i;
}](https://image.slidesharecdn.com/lptrnhweb-ihctinguynmitrng-150705162009-lva1-app6891/75/L-p-trinh-web-d-i-h-c-tai-nguyen-moi-tr-ng-84-2048.jpg)
![Khoa Công Ngh Thông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web
Biên so n: Ph m ình NamTrang 85
x = my_array[4];
3. Date
Ð nh kho ng lưu tr và cho 1 ngày.
Cú pháp
var newDateObj = new Date()
var newDateObj = new Date(year, month, date[, hours[, minutes[, seconds[,ms]]]])
4. Function
T o m t function m i.
Cú pháp
function functionname( [argname1 [, ... argnameN]] )
{
body
}
Part Description
functionname Tên c a function.
argname1...argnameN Tuỳ ch n. Danh sách i s c a hàm.
body Chu i ch a ng các mã l nh JScript s ch y
khi funtion ư c g i.
Ví d :
function add(x, y)
{
return(x + y);
}
ví d : g i hàm add như sau:
add(2, 3);
5. Math
M t i tư ng bên trong cung c p h ng hàm toán h c.
Cú pháp
Math[.{property | method}]
Các thu c tính(property):
LN2
LN10
LOG2E
LOG10E
PI](https://image.slidesharecdn.com/lptrnhweb-ihctinguynmitrng-150705162009-lva1-app6891/75/L-p-trinh-web-d-i-h-c-tai-nguyen-moi-tr-ng-85-2048.jpg)
![Khoa Công Ngh Thông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web
Biên so n: Ph m ình NamTrang 87
-->
</SCRIPT>
<SCRIPT LANGUAGE="JScript">
<!--
function VBArrayTest(vbarray)
{
var a = new VBArray(vbarray);
var b = a.toArray();
var i;
for (i = 0; i < 9; i++)
{
document.writeln(b[i]);
}
}
-->
</SCRIPT>
</HEAD>
<BODY>
<SCRIPT LANGUAGE="JScript">
<!--
VBArrayTest(CreateVBArray());
-->
</SCRIPT>
</BODY>](https://image.slidesharecdn.com/lptrnhweb-ihctinguynmitrng-150705162009-lva1-app6891/75/L-p-trinh-web-d-i-h-c-tai-nguyen-moi-tr-ng-87-2048.jpg)
![[ST] Tài liệu thiết kế website cho người mới bắt đầu](https://cdn.slidesharecdn.com/ss_thumbnails/giao-trinh-thiet-ke-web-150620121304-lva1-app6891-thumbnail.jpg?width=640&height=640&fit=bounds)
Lập trình web đại học tài nguyên môi trường
- 1. M C LC CHƯƠNG 1: CÁC THÀNH PH N CƠ B N C A HTML ................................................ 2 I. Gi i thi u và thu t ng ...................................................................................... 2 II. T ng quan v HTML ......................................................................................... 5 CHƯƠNG 2: THAO TÁC V I PH N M M T O WEB.................................................. 14 I. Gi i thi u v IIS- Internet Information Server ................................................. 14 II. Xây d ng Web Site b ng ph n m m Microsoft Visual InterDev 6.0.................. 15 III. Thi t k giao di n........................................................................................... 24 IV. T ch c h th ng t p tin thư m c c a m t Web site....................................... 25 CHƯƠNG 3: SIÊU LIÊN K T ................................................................................... 26 I. Khái ni m v siêu liên k t ................................................................................. 26 II. T o siêu liên k t .............................................................................................. 26 CHƯƠNG 4: T O DANH SÁCH, THI T K B NG, T O BI U M U............................. 31 G I D LI U QUA INTERNET ................................................................................ 31 I. nh nghĩa m t danh sách................................................................................. 31 II. Thi t k b ng................................................................................................... 33 III. T o bi u m u ................................................................................................. 35 IV. G i d li u bi u m u qua Internet .................................................................. 36 V. T o khung (Frame)........................................................................................... 37 CHƯƠNG 5: A PHƯƠNG TI N .............................................................................. 39 I. Khái ni m v a phương ti n (Multimedia) ....................................................... 39 II. Gi i thi u m t s k thu t t o file âm thanh, hình nh .................................... 39 III. Nhúng hình nh, âm thanh vào trang Web ..................................................... 39 CHƯƠNG 6: VB SCRIPT VÀ CÁC NG D NG........................................................... 41 I. Khái ni m v ngôn ng VB Script .................................................................... 41 II. ưa các o n Script vào trong trang Web....................................................... 45 III. Thi t l p các thư vi n procedure, function cho 1 ng d ng WEB ................... 45 IV. M t s bài t p ng d ng m u......................................................................... 47 CHƯƠNG 7: LIÊN K T TRANG WEB N H CSDL XÂY D NG CÁC TRANG WEB NG ................................................... 49 I. Nh c l i m t s khái ni m v CSDL ................................................................... 49 II. Các l nh liên k t CSDL ..................................................................................... 56 III. M t s bài t p ng d ng m u ......................................................................... 57 BÀI T P ................................................................................................................ 60 CHƯƠNG 8: JAVASCRIPT ...................................................................................... 61 I. PHÁT BI U L NH C A JAVASCRIPT ................................................................... 61 II. CÁC PHƯƠNG TH C C A JavaScript................................................................. 68 III. Ð I TƯ NG C A JAVASCRIPT ........................................................................ 83
- 2. Khoa Công NghThông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web Biên so n: Ph m ình NamTrang 2 CHƯƠNG 1: CÁC THÀNH PH N CƠ B N C A HTML M c tiêu: - S d ng ư c c u trúc t ng th c a HTML, các th HTML - Nh n d ng tên t p tin, các a ch URL I. Gi i thi u và thu t ng - HTML là gì? HTML (hay Hypertext Markup Language-Ngôn ng liên k t siêu văn b n) là ngôn ng ánh d u chu n dùng l p trình các tài li u World Wide Web, tài li u là các t p tin văn b n ơn gi n. Ngôn ng HTML dùng các tag ho c các o n mã l nh ch cho các trình duy t(Web browsers) cách hi n th các thành ph n c a trang như text và graghics ,và áp l i nh ng thao tác c a ngư i dùng b i các thao tác n phím và nh p chu t. H u h t các Web browser, c bi t là Microsoft Internet Explorer và Netscape Navigator, nh n bi t các tag c a HTML vư t xa nh ng chu n HTML t ra. Microsoft FrontPage ch dùng c và vi t các t p tin HTML mà không hi u ngôn ng HTML yêu c u ph i làm gì. - Dynamic HTML (DHTML-HTML ng): là ngôn ng HTML m r ng làm tăng hi u ng trình bày văn b n và i tư ng khác. Trong FrontPage, b n có th s d ng thanh công c DHTML Effects làm tăng cư ng hi u ng cho các thành ph n c a mà không c n l p trình. - Active Data Objects(ADO): Các thành ph n gíup các ng d ng c a ngư i dùng (client applications) truy c p và ch tác d li u c a cơ s d li u trên server qua 1 nhà cung c p. - Active Server Page(ASP): là 1 tài li u ch a script nhúng trên server . Web servers tương thích ASP có th ch y các script này. Trên máy tr m, 1 ASP là 1 tài li u HTML chu n có th ư c xem trên b t kỳ máy nào trên Web browser nào. - ActiveX: 1 t p h p các k thu t cho phép các thành ph n ph n m m tương tác v i m t thành ph n khác trong môi trư ng m ng, b t ch p ngôn ng c a thành ph n ư c t o ra. ActiveX ư c dùng làm chính y u phát tri n n i dung tương tác c a World Wide Web, m c dù nó có th s d ng trong các ng d ng ngư i-máy và các chương trình khác. - URL(Uniform Resource Locator): a ch t i m t tr m Internet hay m ng n i b , là 1 chu i cung c p a ch Internet c a 1 Web site tài nguyên trên World Wide Web, i theo sau 1 nghi th c. URL thư ng dùng là http://, ch nh a ch Web site trên Internet. Nh ng URL khác là gopher://, ftp://, mailto://... - Bookmark: 1 v trí trên 1 trang web có th là ích c a 1 hyperlink. 1 bookmark có th áp d ng cho 1 chu i ký t t n t i trên trang ngăn cách b i b t kỳ ký t nào. Bookmarks cho phép tác gi link n 1 ph n ã ch nh trên trang. Trong 1 URL, 1 bookmark ư c ánh d u phía trư c b ng d u thăng(#). Cũng ư c g i là neo(anchor).
- 3. Khoa Công NghThông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web Biên so n: Ph m ình NamTrang 3 - Web browser(Trình duy t web): Ph n m n phiên d ch ánh d u c a các file b ng HTML, nh d ng chúng sang các trang Web, và th hi n chúng cho ngư i dùng. Vài browser có th cho phép ngư i dùng g i nh n e-mail, c newsgroups, và th c hi n các file sound ho c video ã ư c nhúng và trong tài li u Web. - Script: M t t p các ch l nh dùng báo cho chương trình bi t cách th c hi n m t th t c qui nh, như ăng nh p vào h th ng thư i n t ch ng h n. Các kh năng script ư c cài s n trong m t s chương trình. B n ph i tìm hi u cách vi t script ó b ng lo i ngôn ng không khác gì ngôn ng l p trình mini. Có m t s chương trình ghi script này m t cách t ng b ng cách ghi l i nh ng l n gõ phím và ch n dùng l nh c a b n khi b n ti n hành th t c này. Các script gi ng như các macro, tr m t i u là thu t ng macro ư c dành riêng ch nh ng script nào mà b n có th kh i u b ng cách n m t t h p phím do b n t quy nh. - Structured Query Language - SQL: Trong các h qu n tr cơ s d li u, ây là ngôn ng v n áp do IBM so n th o ư c s d ng r ng rãi trong máy tính l n và h th ng máy tính mini. SQL ang ư c trang b trong các m ng khách/ch như là m t phương pháp làm cho các máy tính cá nhân có kh năng thâm nh p vào các tài nguyên c a các cơ s d li u h p tác. Ðây là lo i ngôn ng c l p v i d li u; ngư i s d ng không ph i b n tâm n v n d li u s ư c thâm nh p vào b ng cách nào v m t v t lý. Theo lý thuy t, SQL cũng c l p v i thi t b ; có th dùng cùng m t ngôn ng v n áp thâm nh p vào các cơ s d li u trên máy tính l n, máy tính mini, và máy tính cá nhân. Tuy nhiên, hi n nay có m t s phiên b n c a SQL ang b c nh tranh. SQL là m t ngôn ng v n áp súc tích ch v i 30 l nh. B n l nh cơ b n ( SELECT, UPDATE, DELETE, và INSERT) áp ng cho b n ch c năng x lý d li u cơ b n (ph c h i, c i ti n, xoá, và chèn vào). Các câu h i c a SQL g n gi ng c u trúc c a m t câu h i ti ng Anh t nhiên. K t qu c a câu h i s ư c bi u hi n trong m t b n d li u bao g m các c t (tương ng v i các trư ng d li u) và các hàng (tương ng v i các b n ghi d li u). - Hypertext Transfer Protocol-HTTP: Giao th c truy n siêu văn b n - Hyperlink: Siêu liên k t - Web site: nghĩa h p: trang web, nghĩa r ng: ch ch a web. - HTTP address: a ch HTTP, ví d : http://www.dalattech.edu.vn - Database: cơ s d li u, kho d li u. M t b sưu t p các thông tin v m t ch , ư c t ch c h p lý thành m t cơ s cho các th t c công vi c như truy tìm thông tin, rút ra các k t lu n, và thành l p các quy t nh. B t kỳ m t sưu t p thông tin nào ph c v cho các m c ích này u ư c coi là m t cơ s d li u, ngay c trư ng h p các thông tin ó không ư c lưu tr trong máy tính. Th c ra, "t tiên" c a các h cơ s d li u doanh thương ph c t p hi n nay là nh ng t p ư c gi trên các t m bìa, có mang mã s , và ư c x p trong các phòng lưu tr trư c ây. Thông tin thư ng ư c chia ra thành nhi u b n ghi ( record) d li u khác nhau, trên ó có m t hay nhi u trư ng d li u. - Table: b ng trong chương trình qu n lý cơ s d li u liên quan, ây là c u trúc cơ s c a vi c lưu tr và hi n th d li u, trong ó các kho n m c d li u ư c liên k t v i nhau b i các quan h hình thành do vi c t chúng theo các hàng và các c t. Các hàng
- 4. Khoa Công NghThông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web Biên so n: Ph m ình NamTrang 4 ng v i các b n ghi d li u c a các chương trình qu n lý d li u hư ng b ng, và các c t thì ng v i các trư ng d li u. - Hypertext: văn b n c a m t tài li u truy tìm không theo tu n t . Ngư i c t do u i theo các d u v t liên quan qua su t tài li u ó b ng các m i liên k t xác nh s n do ngư i s d ng t l p nên. Trong m t môi trư ng ng d ng hepertext th c s , b n có th tr vào (highlight) b t kỳ t nào c a tài li u và s t c kh c nh y n các tài li u khác có văn b n liên quan n nó. Cũng có nh ng l nh cho phép b n t t o cho riêng mình nh ng d u v t k t h p qua su t tài li u. Các trình ng d ng hypertext r t h u ích trong trư ng h p ph i làm v i m t s lư ng văn b n l n, như các b t i n bách khoa và các b sách nhi u t p. - Multimedia: a phương ti n, a môi trư ng, a truy n thông M t phương pháp gi i thi u thông tin b ng máy tính, s d ng nhi u phương ti n truy n thông tin như văn b n, ho và âm thanh, cùng v i s gây n tư ng b ng tương tác. - World Wide Web - WWW: Là m t d ch v c a Internet. Ðây là m t h th ng dùng truy tìm và ph c h i các tài li u hypertext th c hi n. - File Transfer Protocol - FTP: nh ư c truy n t p, giao th c truy n t p. Trong truy n thông không ng b , ây là m t tiêu chu n nh m b o m truy n d n không b l i cho các t p chương trình và d li u thông qua h th ng i n tho i. Chương trình FTP cũng ư c dùng g i tên cho nh ư c truy n t p UNIX, m t nh ư c hư ng d n vi c truy n d li u. - Internet: M t h th ng g m các m ng máy tính ư c liên k t v i nhau trên ph m vi toàn th gi i, t o i u ki n thu n l i cho các d ch v truy n thông d li u, như ăng nh p t xa, truy n các t p tin, thư tín i n t , và các nhóm thông tin. Internet là m t phương pháp ghép n i các m ng máy tính hi n hành, phát tri n m t cách r ng rãi t m ho t ng c a t ng h th ng thành viên. Ngu n g c u tiên c a Internet là h th ng máy tính cu B Qu c Phòng M , g i là m ng ARPAnet, m t m ng thí nghi m ư c thi t k t năm 1969 t o i u ki n thu n l i cho vi c h p tác khoa h c trong các công trình nghiên c u qu c phòng. ARPAnet ã nêu cao tri t lý truy n thông bình ng ( peer-to-peer), trong ó m i máy tính c a h th ng u có kh năng "nói chuy n" v i b t kỳ máy tính thành viên nào khác. B t kỳ m ng máy tính nào d a trên cơ s thi t k c a ARPAnet u ư c mô t như m t t p h p các trung tâm i n toán t qu n, mang tính a phương và t i u hành, chúng ư c liên k t dư i d ng "vô chính ph nhưng có i u ti t" . S phát tri n thi t k c a m ng ARPAnet ơn thu n ch do nh ng yêu c u v quân s : M ng này ph i có kh năng ch ng l i m t cu c t n công có th vô hi u hoá m t s l n các tr m thành viên c a nó. Tư tư ng này ã ư c ch ng minh là úng khi M và các ng minh tham gia vào cu c chi n tranh vùng V nh.
- 5. Khoa Công NghThông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web Biên so n: Ph m ình NamTrang 5 S ch huy và m ng ki m soát c a Irak, ư c t ch c mô ph ng theo công ngh ARPAnet, ã ch ng l i m t cách thành công i v i các n l c c a l c lư ng ng minh nh m tiêu di t nó. Ðó là lý do t i sao công ngh có ngu n g c t ARPAnet hi n nay ang ư c xu t c ng m t cách r ng rãi. M ng Internet nguyên thu ư c thi t k nh m m c ích ph c v vi c cung c p thông tin cho gi i khoa h c, nên công ngh c a nó cho phép m i h th ng u có th liên k t v i nó thông qua m t c ng i n t . Theo cách ó, có hàng ngàn h máy tính h p tác, cũng như nhi u h th ng d ch v thư i n t có thu phí, như MCI và Compuserve ch ng h n, ã tr nên thành viên c a Internet. - Password: m t kh u, m t l nh. M t công c b o v an toàn, dùng xác nh úng ngư i s d ng ư c phép i v i m t chương trình máy tính ho c m ng máy tính, và xác nh các ph m vi quy n h n c a h như ch c ra, ư c c và ghi, ho c ư c sao chép các t p. II. T ng quan v HTML 1. C u trúc trang web <HTML> <HEAD> <TITLE>Tiêu trang web</TITLE> </HEAD> <BODY> Thân trang web </BODY> </HTML> 2. Cú pháp tag t ng quát Khi trình duy t (web browser) hi n th n i dung 1 trang web nó s tìm ki m trong ó nh ng o n mã c bi t là các tag ư c ánh d u b i ký hi u <và>, và căn c vào ó th hi n. Cú pháp t ng quát c a 1 tag: <tên_tag thu c_tính_1=giá_tr _1 thu c_tính_2=giá_tr _2...>...</tên_tag> ho c ơn gi n nh t là: <tên_tag>Chu i văn b n</tên_tag> tên_tag gõ vào d ng ch thư ng ho c hoa u ư c và các tag có th l ng vào nhau. Ví d : - tag ch m <B> cú pháp <B>chu i văn b n in m</B> - tag xu ng hàng <P> có cú pháp <P ALIGN=align-type>m t o n văn b n</P> HTML K t qu Dòng ch này thư ng Dòng ch này thư ng <b>Dòng ch này m</b> Dòng ch này m
- 6. Khoa Công NghThông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web Biên so n: Ph m ình NamTrang 6 <i>Dòng ch này nghiêng</i> Dòng ch này nghiêng <font color="#800000" face="Verdana">Ðây là o n văn th nh t màu có phông là Verdana.</font><p><font color="Black" face="Verdana">Ðây là o n văn th hai màu ô liu có phông cũng là Verdana.</font></p> Ðây là o n văn th nh t màu có phông là Verdana. Ðây là o n văn th hai màu ôliu có phông cũng là Verdana. <b><i>Dòng ch này v a m v a nghiêng</i></b> Dòng ch này v a m v a nghiêng Ðo n này canh trái.</font><p align="center"><font face="Verdana">Ðo n này canh gi a.</font></p><p align="right"><font face="Verdana">Ðo n này canh ph i.</font> Ðo n này canh trái. Ðo n này canh gi a. Ðo n này canh ph i. --------------------------------------------------------------------------- 3. Tag u trang <HTML></HTML> :Tag <HTML> u trang web tĩnh và </HTML> cu i trang. Trang web ư c b t u và k t thúc b i tag này. 4. Tag b t u <HEAD></HEAD> :Tag <HEAD> ánh d u i m b t u ph n_ u_heading c a trang web. Tag </HEAD> có th b qua. 5. Tag tiêu <TITLE></TITLE> :Tag <TITLE> ch nh tiêu c a c a trang web. Tiêu này s xu t hi n trên thanh tiêu c a trình duy t(web browser: Internet Explorer ho c Netscape Navigator). Tag này ch h p l khi ưa vào bên trong ph n <HEAD> Ví d : HTML K t qu <html> <head> <title>Web demo</title> </head> <body> Hello World! </body> </html> - Trên thanh tiêu xu t hi n: Web demo - Microsoft Internet Explorer - N i dung trang web xu t hi n: Hello World! 6. Tag thân trang <BODY></BODY>: dùng ch nh b t u và k t thúc ph n n i dung trang web. Tag này ư c nh nghĩa như sau: <BODY BACKGROUND=url BGCOLOR=color BGPROPERTIES=FIXED
- 7. Khoa Công NghThông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web Biên so n: Ph m ình NamTrang 7 LEFTMARGIN=n LINK=color TEXT=color TOPMARGIN=n VLINK=color> trong ó: Thu c tính Di n gi i url Vi t t t c a Uniform Resource Locators: là 1 chu i cung c p a ch Internet c a 1 Web site ho c tài nguyên trên World Wide Web, theo cùng là nghi th c protocol c a site ho c tài nguyên truy c p vào. Nghi th c thư ng dùng http://, cho các a ch Internet c a m t trang web. Vài d ng URL khác là gopher://, cho các a ch Internet c a 1 thư m c d ch v gopher, và ftp://, cho các a ch tài nguyên FTP. Trong tag <BODY> ta thư ng dùng d ng URL là file://, tên t p tin nh .GIF, .JPG, .BMP. Khi lưu trang web, b n s xác nh thư m c m i s lưu tr t p tin nh. color Màu d ng #NNNNNN v i N:0,1,...,F. Ho c tên nh ng màu ã quy nh trư c như: AQUA, BLACK, Black, FUCHSIA, GRAY, GREEN, LIME, MAROON, NAVY, OLIVE, PURPLE, #800000, SILVER, TEAL, WHITE, YELLOW. BACKGROUND=url Ch nh nh n n cho trang web, url là a ch và tên t p tin làm nh n n. BGCOLOR=color Ch nh màu n n cho trang web BGPROPERTIES=FIXED Ch nh nh n n trang web không cu n khi cu n thanh scrollbar. LEFTMARGIN=n Ch nh l trái trang web, n là 1 s nguyên dương tính theo pixel LINK=color Ch nh màu cho các hyperlink khi chưa ư c "duy t" trong trang web. TEXT=color Ch nh màu văn b n trong trang web TOPMARGIN=n Ch nh l trên trang web, n là 1 s nguyên dương tính theo pixel VLINK=color Ch nh màu cho các hyperlink khi ã ư c "duy t" trong trang web. Ví d : HTML K t qu <BODY BGCOLOR=YELLOW TEXT=#800000> Chào m ng th k m i Chào m ng th k m i
- 8. Khoa Công NghThông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web Biên so n: Ph m ình NamTrang 8 </BODY> <BODY BGCOLOR="#0000FF" TEXT="#FFFFFF"> Chào m ng th k m i </BODY> Chào m ng th k m i <html> <head> <title>Web demo</title> </head> <BODY text=BLACK background="images/so01871_1.gif" topmargin="20" leftmargin="25" link=#800000 vlink=GREEN> <p align="center"><b>Danh m c công vi c</b><p><a href="#N i dung m c 1">M c 1</a></p> <p><a href="#N i dung m c 2">M c 2</a></p> <p><a href="#N i dung m c 3">M c 3</a></p> <p></p> <p><a name="N i dung m c 1">N i dung m c 1</a></p> <p></p> <p></p> <p> </p> <p> </p> <p><a name="N i dung m c 2">N i dung m c 2</a></p> <p></p> <p></p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p><a name="N i dung m c 3">N i dung m c 3</a></p> <p> </p> </BODY> </html> - file nh n n: so01871_1.gif - Vì không ưa vào thu c tính bgproperties="fixed" nên nh n n b cu n - l trái=25 - l trên=20 - màu văn b n en - màu hyperlink chưa duy t là - màu hyperlink ã duy t là xanh
- 9. Khoa Công NghThông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web Biên so n: Ph m ình NamTrang 9 7. Tag xu ng dòng sang o n m i <P></P>: ng t văn b n sang o n (paragraph) m i. Thành ph n </P> cu i o n không nh t thi t ph i có. Tag này ư c nh nghĩa như sau: <P ALIGN=align-type>, ALIGN=align-type dùng ch nh canh o n m i. align- type=LEFT(canh trái), RIGHT(canh ph i) ho c CENTER(canh gi a). Ví d : HTML K t qu Có 2 trình duy t hi n ang ư c s d ng r ng rãi là: <p align=left>- Netscape Navigator <p align=center>- Và Internet Explorer Có 2 trình duy t hi n ang ư c s d ng r ng rãi là: - Netscape Navigator - Và Internet Explorer 8. Tag xu ng dòng không sang o n m i <BR></BR>: ng t xu ng dòng m i nhưng v n thu c cùng m t o n hi n hành.</BR> không nh t thi t ph i có. Ví d : HTML K t qu Prontpage hay t thêm vào các chu i mã thay th cho vi c ưa các ký t vào source trang web như:<BR>- chu i "®" thay th ký t (R).<BR>- chu i "<" thay th d u <. Prontpage hay t thêm vào các chu i mã thay th cho vi c ưa các ký t vào source trang web như: - chu i "®" thay th ký t (R). - chu i "<" thay th d u <. 9. Tag thêm ư ng th ng n m ngang <HR></HR>: thêm ư ng th ng n m ngang trong trang web. Tag này ư c nh nghĩa như sau: <HR ALIGN=align-type COLOR=color NOSHADE SIZE=n WIDTH=m> trong ó: - ALIGN=align-tpye: canh l cho ư ng th ng ngang, align-type có th là LEFT, RIGHT, CENTER - COLOR=color: màu ư ng th ng ngang - NOSHADE: không có bóng - SIZE=n : m c a ư ng th ng ngang, n có giá tr là s nguyên tính theo ơn v pixel. Ví d : HTML K t qu
- 10. Khoa Công NghThông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web Biên so n: Ph m ình NamTrang 10 <HR ALIGN=CENTER COLOR=#800000 NOSHADE SIZE=3 WIDTH=200> <HR ALIGN=LEFT COLOR=BLACK SIZE=2 WIDTH=150> 10. Tag m <B></B>: Hi n th văn b n m theo physical type 11. Tag nghiêng <I></I>: Hi n th văn b n nghiêng theo physical type 12. Tag g ch dư i <U></U>: Hi n th văn b n g ch dư i theo physical type 13. Tag g ch gi a <S></S>: Hi n th văn b n g ch gi a(strikeout) theo physical type Ví d : HTML K t qu Dòng này thông thư ng Dòng này thông thư ng <b>Dòng này m</b> Dòng này m <i>Dòng này nghiêng</i> Dòng này nghiêng <u>Dòng này g ch dư i</u> Dòng này g ch dư i <s>Dòng này g ch gi a</s> Dòng này g ch gi a <b><i>Dòng này v a m v a nghiêng</b></i> Dòng này v a m v a nghiêng <i><u>Dòng này v a nghiêng v a g ch dư i</u></i> Dòng này v a nghiêng v a g ch dư i 14. Tag m logic type <STRONG></STRONG>:Hi n th văn b n m theo logic type 15. Tag nghiêng logic type <EM></EM>: Hi n th văn b n nghiêng theo logic type 16. Tag g ch ngang logic type <STRIKE></STRIKE>: Hi n th văn b n g ch dư i theo logic type 17. Tag ch s logic type <SUB></SUB>: Hi n th văn b n d ng ch s theo logic type 18. Tag mũ logic type <SUP></SUP>: Hi n th văn b n d ng mũ theo logic type Ví d :
- 11. Khoa Công NghThông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web Biên so n: Ph m ình NamTrang 11 HTML K t qu Dòng này thông thư ng Dòng này thông thư ng <strong>Dòng này m</strong> Dòng này m <em>Dòng này nghiêng</em> Dòng này nghiêng <strike>Dòng này g ch gi a</strike> Dòng này g ch gi a <strong><em>Dòng này v a m v a nghiêng</strong></em> Dòng này v a m v a nghiêng <em><u>Dòng này v a nghiêng v a g ch dư i</u></em> Dòng này v a nghiêng v a g ch dư i H<sub>2</sub>SO<sub>4</sub> H2SO4 x<sup>y</sup> x y 19. Tag nh font ch cơ s <BASEFONT></BASEFONT>:ch nh font, size, màu văn b n cho các văn b n không nh d ng và dùng v i tag <BASEFONT SIZE=n FACE=name COLOR=color> Trong ó: SIZE=n: ch nh kích thư c văn b n, n t 1 n 7. Giá tr m c nhiên là 3. COLOR=color: màu văn b n FACE=name: tên font 20. Tag font ch <FONT></FONT>: ch nh font, size, màu văn b n. Ð nh nghĩa như sau: <FONT SIZE=n FACE=name COLOR=color> Trong ó: SIZE=n: ch nh kích thư c văn b n, n t 1 n 7. Thêm d u c ng + ho c tr - phía trư c ch nh vi c tăng ho c gi m kích thư c so v i kíhc thư c ã nh trong BASEFONT. COLOR=color: màu văn b n FACE=name: tên font Ví d : Văn b n thư ng HTML K t qu
- 12. Khoa Công NghThông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web Biên so n: Ph m ình NamTrang 12 <basefont size=3> <font size=5> Kích th c văn b n là 5</font> <p><font size=+1>Kích th c văn b n là 4</p></font> <p><font size=+2>Kích th c văn b n là 5</p></font> <p><font size=-1>Kích th c văn b n là 2</p></font> Kích thư c văn b n là 5 Kích thư c văn b n là 4 Kích thư c văn b n là 5 Kích thư c văn b n là 2 21. Tag nh c n n <BGSOUND>: nh nh c n n cho trang tư li u. Tag này ư c t dư i tag </HEAD> nhưng trên tag <BODY>. Ð nh nghĩa như sau: <BGSOUND SCR=url LOOP=n> Trong ó: url: ch nh t p tin nh c. Các ki u nh c có th là WAV, AU, MIDI. n: ch s l n l p l i bài nh c. N u n=-1 ho c infinite thì s l p n khi nào óng trang web. Ví d : <HTML> <TITLE>Background Sound</TITLE> <HEAD> </HEAD> <BGSOUND SCR="sound/bgs.wav" LOOP=-1> <BODY> Enjoy my sound. </BODY> </HTML> 22. Tag 6 m c tiêu <Hn></Hn> Dùng t o các chu i tiêu to nh tùy ý tùy theo c p tiêu ó trong trang web. Có 6 c p tiêu khác nhau ư c nh nghĩa như sau: <Hn>Text xu t hi n trong tiêu </Hn> v i n là m t s t 1 n 6 Ví d : HTML K t qu <H1>Tiêu c p 1</H1> Tiêu c p 1
- 13. Khoa Công NghThông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web Biên so n: Ph m ình NamTrang 13 <H2>Tiêu c p 2</H2> Tiêu c p 2 <H3>Tiêu c p 3</H3> Tiêu c p 3 <H4>Tiêu c p 4</H4> Tiêu c p 4 <H5>Tiêu c p 5</H5> Tiêu c p 5 <H6>Tiêu c p 6</H6> Tiêu c p 6
- 14. Khoa Công NghThông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web Biên so n: Ph m ình NamTrang 14 CHƯƠNG 2: THAO TÁC V I PH N M M T O WEB M c tiêu: - Thi t k ư c m t Web Site trên m t ph n m m t o Web áp ng yêu c u t ra - T ch c ư c h th ng thư m c t p tin lưu trên ĩa. I. Gi i thi u v IIS- Internet Information Server. a. IIS là gì? Microsoft Internet Information Server là m t ng d ng server chuy n giao thông tin b ng vi c s d ng giao th c chuy n i siêu văn b n HTTP. b. IIS có th làm ư c gì? Xu t b n m t Home page lên Internet. T o các giao d ch thương m i i n t trên Internet( Quá trình giao d ch, t hàng…) Cho phép ngư i dùng t xa có th truy xu t Cơ s d li u (Data Base Remote Access) c. IIS ho t ng như th nào ? Web, v cơ b n th c s là m t h th ng các yêu c u (Request) và các áp ng (Response). IIS ph n h i l i các yêu c u òi thông tin c a Web Browser. IIS l ng nghe các yêu c u ó t phía Users trên m t m ng s d ng WWW. d. Cài t IIS i v i Window XP: - Vào Start Control Panel Add or Remove Programs - Ch n tab Add/Remove Windows Components ánh d u vào ô Internet Information Services(IIS).
- 15. Khoa Công NghThông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web Biên so n: Ph m ình NamTrang 15 - Nh n nút Details…, c a s hi n ra, ánh d u m c Frontpage 2000 Server Extensions và Wold Wide Web Service, nh n OK. - Nh n Next cài t Finish hoàn t t. II. Xây d ng Web Site b ng ph n m m Microsoft Visual InterDev 6.0 1. Kh i t o m t án Web
- 16. Khoa Công NghThông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web Biên so n: Ph m ình NamTrang 16 b t u v i vi c xây d ng m t Website chúng ta ph i ti n hành t o m t án nh m thu n ti n cho vi c phát tri n v sau, i v i ph n m m Microsoft Visual InterDev 6.0 công vi c này th c hi n khá d dàng qua các thao tác thân thi n như sau: 1.1 Vào Start Program files Microsoft Visual Studio 6.0 Microsoft Visual InterDev 6.0. Môi trư ng phát tri n s hi n ra, thư ng s xu t hi n h p tho i New Project như sau (n u không có, hãy vào menu File New Project…): 1.2 Nh p tên Project, như trong hình trên ng d ng t t tên là Project3 không trùng v i nh ng án ã có. Chúng ta có th thay i l i tên án, nên t tên cho g i nh phù h p v i ng d ng mà chúng ta mu n phát tri n.
- 17. Khoa Công NghThông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web Biên so n: Ph m ình NamTrang 17 N u mu n thay i thư m c lưu tr thì nh n vào nút Browse… ch n nơi lưu tr . Nh n nút Open ti p t c, c a s ti p theo s hi n ra: 1.3 Nh p vào tên Server, n u chúng ta ang phát tri n án web trên IIS c a máy c c b thì nh p vào tên server là localhost như hình trên. Nh n Next ti p t c, c a s ti p theo s hi n ra:
- 18. Khoa Công NghThông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web Biên so n: Ph m ình NamTrang 18 1.4 N u mu n ch n nh ng m u giao di n có s n thì nh n nút Next ti p t c, b ng không thì nh n Finish hoàn t t. 1.5 Khi nh n nút Finish hoàn thành, c a s môi trư ng phát tri n web s xu t hi n có d ng như sau:
- 19. Khoa Công NghThông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web Biên so n: Ph m ình NamTrang 19 M c nh, án s t o ra các thư m c và t p tin c n thi t lưu tr thông tin v án, m t thư m c images và m t t p tin global.asa (chúng ta s tìm hi u t p tin này chương sau). Bây gi , công vi c ti p theo là làm th nào ki m tra r ng án c a chúng ta có th phát tri n và ch y ư c. Ta ti n hành các bư c như sau: a) B sung vào m t t p tin m i web m i, ngôn ng k ch b n VBScript có th ch y ư c, ta ph i t o t p tin Active Server Page (ASP) ( ây cũng là lo i t p tin mà chúng ta s s d ng trong h u h t quá trình l p trình). Nh n chu t ph i lên tên Project Add Active Server Page… C a s ti p theo s hi n ra:
- 20. Khoa Công NghThông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web Biên so n: Ph m ình NamTrang 20 t l i tên như hình trên, nh n Open t o t p tin ASP m i. Trang m i t o ch g m m t s dòng như sau, ây chúng ta quan tâm nh t n dòng u tiên, dòng u tiên ch cho trình duy t bi t r ng ngôn ng k ch b n chính ư c s d ng cho phía Server là VBScript. <%@ Language=VBScript %> <HTML> <HEAD> <META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0"> </HEAD> <BODY> <P> </P> </BODY> </HTML> b) ưa thông tin, vi t l nh cho trang web. ph n dư i c a trang chúng ta th y có ba ch c năng là Design, Source và Quick View, m c nh là Source:
- 21. Khoa Công NghThông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web Biên so n: Ph m ình NamTrang 21 Ta có th chuy n sang ch Design nh p văn b n như là Mocrosoft Word: c) Lưu n i dung trang web b ng cách nh n t h p Ctrl+S ho c nh n nút Save d) Thi t l p trang m c nh cho án: Nh n chu t ph i lên tên t p tin index.asp, ch n Set As Start Page: e) Click nút Start ho c nh n F5 ch y án, n u l n u tiên h p tho i sau s xu t hi n:
- 22. Khoa Công NghThông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web Biên so n: Ph m ình NamTrang 22 Ch n Yes ti p t c, c a s ti p theo hi n ra: Ch n Yes m t l n n a, n u trang web không có l i s ư c hi n th trong trình duy t c a Internet Explorer như sau: Lưu ý: Trong quá trình th c hành, chúng ta ch c n gõ ti ng Vi t không d u! - Sau khi xem k t qu hi n tr trên trình duy t, hãy nh n nút Stop ho c óng c a s trình duy t l i, chuy n sang Tab HTML, b sung o n l nh sau vào ph n <body> c a trang v i n i dung:
- 23. Khoa Công NghThông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web Biên so n: Ph m ình NamTrang 23 <% If (Time >=#12:00:00 AM#) then%> Good Morning! <% Else %> Hello ! <%End If %> - Lưu trang web và ch y l i. K t qu hi n ra th t b t ng ! Nh ng câu l nh này có ý nghĩa gì? Chúng ta s tìm hi u trong chương 6. 2. óng m t án Web Vào menu File Close All. 3. M m t án ã có s n Nh n nút Open ho c vào menu File Open Project, ch n tab Existing như hình sau: Tìm n tên án c n m , ch n t p tin có ph n m r ng .sln ho c .vip trong án Open.
- 24. Khoa Công NghThông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web Biên so n: Ph m ình NamTrang 24 III. Thi t k giao di n thu n ti n trong vi c thi t k giao di n, chúng ta cho hi n h p ToolBox b ng cách vào menu View ToolBox:
- 25. Khoa Công NghThông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web Biên so n: Ph m ình NamTrang 25 C a s hi n ra g m các i tư ng HTML, ưa các i tư ng này vào trang web, chúng ta click và rê chu t t các i tư ng vào trang web: IV. T ch c h th ng t p tin thư m c c a m t Web site Khi t o m t án web, ng d ng luôn t o ra m t thư m c có tên <tên_ _án>__Local. Thư m c này s ch a t t c nh ng t p tin, thư m c mà ta ã xây d ng trong án. Ch ng h n, v i án QuanLyDiem v a t o s t sinh ra m t thư m c con tên là QuanLyDiem_Local ch a các t p tin và thư m c như sau: Ngư i phát tri n có th thao tác Copy, Cut, Delete tr c ti p trong án Web.
- 26. Khoa Công NghThông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web Biên so n: Ph m ình NamTrang 26 CHƯƠNG 3: SIÊU LIÊN K T M c tiêu: -T o ư c các m i liên k t t m t traqng Web này n m t trang Web khác - T ch c các m i liên k t I. Khái ni m v siêu liên k t - c trưng cơ b n c a ngôn ng HTML chính là tính siêu liên k t. Tính siêu liên k t th hi n t t c m i lo i tài li u mà ngư i c t do u i theo các d u v t liên quan qua su t tài li u ó b ng các m i liên k t xác nh s n do ngư i s d ng t l p nên. M t khái ni m quan tr ng ư c s d ng trong liên k t là Hypertext. Trong m t môi trư ng ng d ng hypertext th c s , b n có th tr vào ( highlight) b t kỳ t nào c a tài li u và s t c kh c nh y n các tài li u khác có văn b n liên quan n nó. Cũng có nh ng l nh cho phép b n t t o cho riêng mình nh ng d u v t k t h p qua su t tài li u. Các trình ng d ng hypertext r t h u ích trong trư ng h p ph i làm v i m t s lư ng văn b n l n, như các b t i n bách khoa và các b sách nhi u t p. Trong chương này chúng ta s tìm hi u liên k t qua môi trư ng ProntPage 2002 (ProntPage XP). II. T o siêu liên k t 1. T o Bookmark - Ch n i tư ng c n t tên (lưu ý, i tư ng ây có th là i t ong Text ho c hình nh, …). - Vào menu Insert Bookmark, trong ph n Bookmark name nh p tên cho i tư ng.
- 27. Khoa Công NghThông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web Biên so n: Ph m ình NamTrang 27 t tên cho i tư ng Bookmark 2. T o liêu liên k t (Hyperlink) - Ch n i tư ng c n liên k t - Vào Insert Hyperlink (ho c nh n Ctrl+K ho c nh n vào nút l nh có hình qu c u) - T i ph n Address, nh p vào a ch URL ho c ch n t p tin c n liên k t.
- 28. Khoa Công NghThông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web Biên so n: Ph m ình NamTrang 28 Liên k t t i m t a ch URL - N u mu n liên k t t i m t Bookmark trong trang web v a t o thì nh n vào nút Boomark… ch n tên Bookmark: Liên k t t i m t Bookmark - N u trang có s d ng Frame thì b n có th ch nh cho liên k t ư c hi n th trong ph n Frame nào b ng cách nh n vào nút Taget frame, c a s hi n ra cho phép ta ch n các tham s :
- 29. Khoa Công NghThông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web Biên so n: Ph m ình NamTrang 29 Ch n Frame hi n th + Same Frame: trang hi n th úng v i frame ch a trang có ch a ư ng link + Whole Page: trang hi n th toàn b c a s (không thu c m t frame nào) + New Window: trang hi n th m t c a s m i (không thu c frame nào) + Parent Frame: trang hi n th frame cha (bao frame có ch a ư ng link) 3. Xem mã HTML c a siêu li n k t Bây gi chúng ta hãy xem HTML ã sinh ra nh ng th gì trong nh ng công vi c ta v a th c hi n, t ó các b n có th n m b t ư c nh ng o n mã ch y u t o nên s siêu liên k t thú v này. Như trên, chúng ta ã t o ra m t bookmark tên là cntt ( n i dung Công ngh thông tin) và liên k t o n văn b n Công ngh thông tin t i bookmark này, HTML ã sinh ra o n mã v i th <a> …</a> sau: <a target="_self" href="#cntt">Công ngh thông tin</a> - N u mu n liên k t n m t a ch URL, các b n ch c n thay i thu c tính href=< a ch URL>. - N u mu n thay i frame hi n th , chúng ta thay i thu c tính target. - Ðôi khi n i dung trang web dài và chi m nhi u trang màn hình, nhưng n i dung l i có m i liên h ch t ch , hay vì 1 lý do nào ó mà ta không mu n toàn b n i dung này ư c ch a trong cùng 1 trang web và chia ra nhi u trang. Khi ó ta c n t các hyperlink ngay u trang web khi c n ngư i dùng có th click vào ó i n m t o n tư li u h quan tâm mà không c n ph i kéo scrollbar n o n ó. - Ð nh nghĩa tag <A></A> như sau: a) Ð nh nghĩa 1 bookmark và hyperlink trong cùng trang web: bookmark là k thu t ch nh 1 nh danh( ích) hyperlink nh y n u o n văn b n. <A name="tên">chu i ký t u o n văn b n</A>
- 30. Khoa Công NghThông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web Biên so n: Ph m ình NamTrang 30 Ví d : <A name="Nd ph n 1">N i dung ph n 1</A> bao g m các n i dung chi ti t sau... Khi ó trong ph n khai báo hyperlink b n khai báo theo cú pháp sau: <a href="#tên_c a_bookmark_ ã_khai_báo">Chu i hư ng d n nh y n u o n có bookmark="tên_c a_bookmark_ ã_khai_báo"</a> Ví d : <a href="#Nd ph n 1">Xem n i dung ph n 1</a> b) Hyperlink n m t trang web khác: Cú pháp: <A HREF=" a_ch _trang_web_s _nh y_t i"> Chu i di n gi i hyperlink </A> Ví d : <A HREF="http://www.dalattech.edu.vn">Link n trang web ch c a hãng máy tính Microsoft.</A> <A HREF="trang_chu.htm">Link n trang web trang_chu.htm trong cùng thư m c.</A> <A TARGET="viewer" HREF="sample.htm">Click vào ây m trang web sample.htm trong c a s "viewer".</A> <A HREF="http://www.dalattech.edu.vn"><IMG SRC="images/bullet.gif">Click vào nh này link n trang web c a Microsoft</A> <A HREF="mailto:admin@kythuatdalat.edu.vn"> admin@kythuatdalat.edu.vn </A><br>
- 31. Khoa Công NghThông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web Biên so n: Ph m ình NamTrang 31 CHƯƠNG 4: T O DANH SÁCH, THI T K B NG, T O BI U M U G I D LI U QUA INTERNET M c tiêu: - T o các danh sách, theo th t , không theo th t , danh sách l ng nhau - Thi t k và nh d ng các b ng, thi t k và nh d ng khung - T o m u bi u, t o các h p nh p d li u, t o các nút, g i d li u m u bi u thông qua e-mail I. nh nghĩa m t danh sách - Th <DL> </DL> Cú pháp: <DL> m c danh dách <DT> Danh sách m c 1 </DT> <DT> Danh sách m c 1 </DT> …… <DD> Danh sách m c 2 </DD> <DD> Danh sách m c 2 </DD> …… <DT> Danh sách m c 1 </DT> <DD> Danh sách m c 2 </DD> </DL> Ví d : Trong ph n HTML chúng ta gõ vào o n l nh sau: <html> <head> <title>Vi du ve danh sach</title> </head> <body> <b><DL> m c danh dách</b> <DT> Danh sách m c 1 </DT> <DT> Danh sách m c 1 </DT> <DD> Danh sách m c 2 </DD> <DD> Danh sách m c 2 </DD> <DT> Danh sách m c 1 </DT> <DD> Danh sách m c 2 </DD> </DL> </body> </html>
- 32. Khoa Công NghThông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web Biên so n: Ph m ình NamTrang 32 K t qu hi n th trong trình duy t: - Th <UL><LI></UL>, <OL><LI></OL>: Danh sách s p x p (Ordered List), danh sách không s p x p(Unordered List) và danh sách các nh nghĩa (Definition List). Danh sách s p x p b t u b ng tag <OL>, danh sách không s p x p b t u b ng 1 trong các tag sau: <UL>, <DIR> và <MENU>, danh sách các nh nghĩa b t u b ng tag <DL>. Ð th hi n m i m t m u trong danh sách s p x p và không s p x p dùng tag <LI>. UL, DIR, MENU: danh sách không s p x p ki u bullet, m i m u b t u b ng tag LI. Ví d : danh sách ki u bullet(không s p x p). <UL> <LI>Ðây là m c 1 trong danh sách. <LI>Ðây là m c 2 trong danh sách. </UL> K t qu trình duy t như sau: • Ðây là m c 1 trong danh sách. • Ðây là m c 2 trong danh sách. OL: danh sách s p x p. M i m c trong danh sách cũng b t u b ng <LI>. - Ðinh nghĩa OL: <OL START=n TYPE=order-type> trong ó: START=n: ch nh ch s b t u TYPE=order-type: ch nh ki u ch s . Có th là m t trong các giá tr sau: A: s d ng ký t l n A,B,C,... a: s d ng ký t nh a,b,c,... I: s d ng s La Mã l n I,II,III,... i: s d ng s La Mã nh i,ii,iii,... 1: s d ng s 1,2,3,... Ví d : <OL TYPE=I> <LI>Nghi th c HTTP <LI>Nghi th c FTP <LI>Nghi th c SMTP </OL>
- 33. Khoa Công NghThông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web Biên so n: Ph m ình NamTrang 33 K t qu trình duy t như sau: I. Nghi th c HTTP II. Nghi th c FTP III. Nghi th c SMTP II. Thi t k b ng - Th <TABLE><TR><TD></TABLE>: s d ng tag <TABLE> b t u và k t thúc 1 b ng. S d ng kèm theo v i tag <TR></TR> thêm 1 dòng trong b ng và tag <TD></TD> thêm vào 1 ô trên dòng. Ví d : <TABLE> <TR><TD>Ô 11<TD>Ô 12 <TR><TD>Ô 21<TD>Ô 22 </TABLE> K t qu trình duy t như sau: Ô 11 Ô 12 Ô 21 Ô 22 Ð óng khung cho b ng, s d ng thu c tính BORDER Ví d : <TABLE BORDER=1> <TR><TD>Ô 11<TD>Ô 12 <TR><TD>Ô 21<TD>Ô 22 </TABLE> K t qu trình duy t như sau: Ô 11 Ô 12 Ô 21 Ô 22 Chi u r ng m c nh c a b ng s là chi u r ng l n nh t c a dòng r ng nh t trong b ng. Ð ch nh chi u r ng các b ng, s d ng thu c tính WIDTH=n% quy nh chi u r ng. Ví d : <TABLE BORDER=1 WIDTH=100%> <TR><TD>Ô 11<TD>Ô 12 <TR><TD>Ô 21<TD>Ô 22 </TABLE> K t qu trình duy t như sau: Ô 11 Ô 12 Ô 21 Ô 22
- 34. Khoa Công NghThông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web Biên so n: Ph m ình NamTrang 34 Ð thêm tiêu cho b ng, s d ng tag <CAPTION></CAPTION>. M c nh tiêu c a b ng n m trên và canh l gi a. Tuy nhiên có th thay i b ng cách dùng thu c tính ALIGN bên trong CAPTION. Ví d : <TABLE BORDER=1 WIDTH=100%> <CAPTION> Tiêu c a b ng</CAPTION> <TR><TD>Ô 11<TD>Ô 12 <TR><TD>Ô 21<TD>Ô 22 </TABLE> K t qu trình duy t như sau: Tiêu c a b ng Ô 11 Ô 12 Ô 21 Ô 22 Ð thêm vào các ô tr i dài trên nhi u c t, dòng khác, dùng thu c tính COLSPAN=n và ROWSPAN=n. Ví d : <TABLE BORDER=1 WIDTH=100%> <CAPTION> Tiêu c a b ng</CAPTION> <TR><TD>Ô 11<TD COLSPAN=2>Ô 12 tr i dài trên 2 ô <TR><TD>Ô 21<TD>Ô 22<TD>Ô 23 </TABLE> K t qu trình duy t như sau: Ô 11 Ô 12 tr i dài trên 2 ô Ô 21 Ô 22 Ô 23 - Ð nh nghĩa TABLE(b ng): <TABLE ALIGN=align-type BACKGROUND=url BGCOLOR=color-type BORDER=n CELLPADDING=n WIDTH=n%> Trong ó: ALIGN=align-type: l c a b ng, có giá tr là LEFT ho c RIGHT BACKGROUND=url: ch nh nh n n c a b ng BGCOLOR=color-type: màu n n c a b ng BORDER=n: ư ng vi n b ng, n tính b ng pixel CELLPADDING=n: kho ng cách t ô t i n i dung c a ô, ơn v pixel
- 35. Khoa Công NghThông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web Biên so n: Ph m ình NamTrang 35 WIDTH=n: r ng c a b ng, n tính theo % (ph i có d u % theo sau) - Ð nh nghĩa TR(dòng): <TR ALIGN=align-type BACKGROUND=url BGCOLOR=color-type VALIGN=v-align-type> Trong ó: ALIGN=align-type: l c a các ô trong dòng, có giá tr là LEFT, RIGHT ho c CENTER BACKGROUND=url: ch nh nh n n c a dòng BGCOLOR=color-type: màu n n c a dòng VALIGN=v-align-type: l theo chi u d c cho văn b n trong các ô trên dòng. Giá tr có th là: TOP, BOTTOM, MIDDLE. - Ð nh nghĩa TD (ô): <TD ALIGN=align-type BACKGROUND=url BGCOLOR=color-type COLSPAN=n ROWSPAN=n VALIGN=v-align-type> Trong ó: ALIGN=align-type: l văn b n trong ô, có giá tr là LEFT, RIGHT ho c CENTER BACKGROUND=url: ch nh nh n n cho ô BGCOLOR=color-type: màu n n c a ô COLSPAN=n: ô tr i r ng trên n c t ROWSPAN=n: ô tr i dài trên n hàng VALIGN=v-align-type: l theo chi u d c cho văn b n trong các ô . Giá tr có th là: TOP, BOTTOM, MIDDLE. TH: t o ô tiêu . Tương t như TD ch khác là văn b n ư c th hi n d ng nghiêng. III. T o bi u m u - Th <form> …</form>: là công c ch y u t o ra các trang web có tính ch t tương tác. - Bi u m u cho phép ngư i s d ng nh p thông tin ho c tùy ch n các kh năng có s n.
- 36. Khoa Công NghThông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web Biên so n: Ph m ình NamTrang 36 - Th <form> thư ng g n v i m t chương trình th c thi, thư ng g i là “script”, chương trình này s th c hi n m t công vi c nào ó khi ngư i s d ng nh t vào nút Submit. - Cú pháp: <FORM METHOD=<Phương th c> ACTION=< ư ng d n n chương trình> [n i dung trong FORM có th là văn b n ho c các th FORM] <input type=submit value = “Nút Submit”> </FORM> - Phương th c: g m phương th c POST và GET. + Khi dùng phương th c POST, d li u g i i s không ư c hi n th trên a ch URL. + Khi dùng phương th c GET, d li u g i i ư c hi n th trên a ch URL. - Các th Form: có th là th <input>, <TextArea>, <Button>, <option>, … IV. G i d li u bi u m u qua Internet - Khi ngư i s d ng nh n nút Submit, thông tin trong form s ư c g i i lên Server yêu c u (Request) Server tr l i (Server Answer). Trên Server ã ư c cài t các chương trình ng d ng (có th b ng m t ngôn ng Web C++, ASP, Java,…), các chương trình ng d ng này s t ng x lý thông tin g i i t ngư i s d ng (Client) và ph n h i thông tin (Response). Phương th c này ôi khi ngư i ta còn g i là Yêu c u – áp ng, t c là nên Client thì Request còn trên Server s Response. Các b n có th hình dung ti n trình g i thông tin quan Interner v i sơ sau: Cách th c trao i thông tin qua chương trình
- 37. Khoa Công NghThông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web Biên so n: Ph m ình NamTrang 37 V. T o khung (Frame) - Th Frame: <FRAMESET><FRAME></FRAMESET>: S d ng tag <FRAMESET> và </FRAMESET> chia c a s trình duy t thành nhi u c a s con frame. Tag <FRAMESET> ư c dùng kèm v i tag <FRAME> nh nghĩa 1 frame. Ví d : t o trang web có tên là 2frame.htm ch a 2 frame, frame 1 bên trái ch a n i dung trang web page_1.htm và frame 2 bên ph i ch a n i dung trang web page_2.htm. <html> <head> <title>Trang web có 2 khung</title> </head> <frameset cols="150,*"> <frame name="muc_luc" target="noi_dung" src="http://localhost/html/page_1.htm"> <frame name="noi_dung" src="http://localhost/html/page_2.htm"> </frameset> </html> M i frame có 1 tên, ví d frame trái có name="muc_luc" và frame ph i có name="noi_dung". Ð t o liên k t t frame muc_luc v i frame noi_dung ta ch nh trong frame muc_luc như sau:target="noi_dung". src=file: ch nh ra trang web th hi n trên khung. Các trang web page_1.htm và page_2.htm c n t o ra trư c khi t o trang web 2frame.htm ch a chúng. N i dung c a trang web page_1.htm trong tag <HEAD></HEAD> có khai báo sau: <head> <base target="noi_dung"> </head> Ð không xu t hi n scrollbar và border c a frame, khi ó b n thêm thu c tính scrolling="no" và frameborder=0 vào tag <FRAME>, ví d : <frame name="muc_luc" target="noi_dung" src="http://localhost/html/page_1.htm" scrolling="no"> Ð t o các liên k t hyperlink gi a trang page_1.htm v i các trang web khác như page_2.htm, page_3.htm,... th hi n trên khung bên ph i thì trong n i dung trang page_1.htm có n i dung như sau: <html> <head> <title>Trang m c l c</title> <base target="noi_dung"> </head> <body> <p>M c l c công vi c</p> <p><a href="page_2.htm">page 2</a></p>
- 38. Khoa Công NghThông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web Biên so n: Ph m ình NamTrang 38 <p><a href="page_3.htm">page 3</a></p> </body> </html> Khi ó trong trình duy t b n click vào các hyperlink thì các trang web page_2.htm và page_3.htm s m ra tương ng frame bên ph i(frame noi_dung) nh khai báo target="noi_dung".
- 39. Khoa Công NghThông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web Biên so n: Ph m ình NamTrang 39 CHƯƠNG 5: A PHƯƠNG TI N M c tiêu: - ưa (Nhúng âm thanh, hình nh ...) vào trong m t trang Web I. Khái ni m v a phương ti n (Multimedia) - Multimedia: a phương ti n, a môi trư ng, a truy n thông. M t phương pháp gi i thi u thông tin b ng máy tính, s d ng nhi u phương ti n truy n thông tin như văn b n, ho và âm thanh, cùng v i s gây n tư ng b ng tương tác. II. Gi i thi u m t s k thu t t o file âm thanh, hình nh - Hi n nay trên th trư ng xu t hi n r t nhi u ph n m m t o âm tham và hình nh v i các m c ch t lư ng khác nhau, vi c l a ch n ph n m m s d ng cho b n thân và doanh nghi p, công ty ph thu c vào túi ti n, nhu c u và nhân l c. i v i môi trư ng h c t p, các b n có th s d ng m t s ph n m m như Photoshop, Corel Draw, … Hay t o nhanh các hình nh thi t k Web mà không c n nhi u k năng, b n có th s d ng ph n m m t o banner, nút l nh… như WebStyle, Cool3D,… ph n m m t o Video ch t lư ng cao như Ulead Video, ph n m m thu nh c v i nh d nh MP3 như Super MP3 Recorder. - Trong chương này, chúng tôi xin gi i thi u t i các b n m t s k thu t t o hình nh ng b ng ph n m m Photoshop. III. Nhúng hình nh, âm thanh vào trang Web - Th <IMG>: Thêm hình nh ho c phim vào trang web. Ð nh nghĩa <IMG ALIGN=align-type ALT=text SRC=url BORDER=n HEIGTH=n WIDTH=n HSPACE=n VSPACE=n> Trong ó: - ALIGN=align-type: l cho nh hay cho văn b n bao quanh nh. Giá tr có th là TOP, MIDDLE, BOTTOM, LEFT, RIGHT. - ALT=text: văn b n hi n th hay thay th cho hình nh khi ch c "Show Picture" trong trình duy t b t t. - SRC=url: ch nh nh
- 40. Khoa Công NghThông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web Biên so n: Ph m ình NamTrang 40 - BORDER=n: ư ng vi n nh. N u nh ư c dùng cho hyperlink thì ư ng vi n có màu trùng v i màu hyperlink. N u nh không dùng cho hyperlink thì ư ng vi n không hi n th . - HEIGTH=n, WIDTH=n: ch cao và r ng c a nh. Ðơn v b ng pixel. - HSPACE=n, VSPACE=n: ch nh kho ng cách t nh n văn b n quanh nó theo chi u ngang và d c. Ví d : <A HREF="index.htm"><IMG SRC="images/btoc.gif" ALT="[các n i dung]" ALIGN=MIDDLE HSACE=5 VSPACE=5>N i dung</A></P> - Th <EMBED>: thêm i tư ng âm tham vào trang web. Cú pháp: <EMBED ALIGN=align-type SRC=url HEIGTH=n WIDTH=n … > - Các tham s thu c tính tương t th <IMG> Ví d : <EMBED SRC="nhac/muatrenphohue.mp3" ALIGN=MIDDLE HSACE=5 VSPACE=5>Mưa trên ph Hu
- 41. Khoa Công NghThông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web Biên so n: Ph m ình NamTrang 41 CHƯƠNG 6: VB SCRIPT VÀ CÁC NG D NG M c tiêu: - L p trình trên trang WEB tính toán ph c v m t m c tiêu c th b ng ngôn ng VB Script . I. Khái ni m v ngôn ng VB Script I.1 Gi i thi u v ASP ASP (Active Server Pages) là m t môi trư ng l p trình cung c p cho vi c k t h p HTML, ngôn ng k ch b n (Scripting) như VBScript, JavaScript, và các thành ph n ư c vi t trong các ngôn ng nh m t o ra m t ng d ng Internet m nh m và hoàn ch nh. - ASP file là gì? File ư c t o v i ph n m r ng .ASP. Trong file này ch a các th HTML, Các k ch b n Scripting như VBSCript, JavaScript hay các l i g i n các components(Như DLL và ActiveX control). Các script c a ASP ư c n m trong c p th <% %> Khi c n s a i các file ASP ta ch c n ghi l i trên server thôi. Vào nhưng l n sau khi trang ASP ư c g i, các Script trong file ASP t ng biên d ch l i. Công ngh ASP ư c xây dưng tr c ti p bên trong ; IIS(WinNT, 2000), Personal Webserver. - ASP làm vi c như th nào ? Trang HTML tĩnh: Trang web ng (Dynamic):
- 42. Khoa Công NghThông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web Biên so n: Ph m ình NamTrang 42 I.2 L p trình v i ASP 1. Khai báo bi n. - Không b t bu c nhưng nên khai báo ki m soát và b t l i. - Cú pháp: Dim bi n 1, bi n 2… - khai báo m ng: a) Dim a(10) : ch s ch y t 0->10 do ó có 11 ph n t . b) Khi khai báo nên s d ng các ti n t : Boolean Bln Byte Byt Double Dbl Integer Int Long Lng Object Obj String Str ADO command Cmd ADO connection Cnn 2. Khai báo h ng s . CONST tên h ng= giá tr 3. Các i tư ng xây d ng s n trong ASP. Trong ASP có 5 i tư ng ph c v cho vi c s d ng toàn c c. + Request: L y thông tin t User + Response: G i thông tin t Server t i User. + Server: Dùng i u khi n IIS + Session: Dùng lưu tr các thông tin như các cài t, thay i cho m t phiên làm vi c hi n th i c a User. + Application: Dùng chia s các thông tin c p ng d ng và i u khi n các thi t l p cho toàn b quá trình ch y ng d ng 4. C u trúc i u khi n l nh và Hàm. 4.1 Các c u trúc i u khi n. 1) C u trúc i u ki n IF..THEN..ELSE..IF Cú pháp: <% If < i u ki n 1> then <Các câu l nh> Else If < i u ki n 2> then
- 43. Khoa Công NghThông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web Biên so n: Ph m ình NamTrang 43 <Các câu l nh> End if End if %> Ngoài ra có th s d ng c u trúc IF.. THEN. . . . ELSEIF. . . END IF <% If < i u ki n 1> then <Các câu l nh 1> ElseIf < i u ki n 2> then <Các câu l nh 2> Else <Các câu l nh 3> End if %> 2) C u trúc l a ch n select case…end select Cú pháp: <% Select Case <tenbien> Case <gia tri 1> <Nhóm l nh 1> Case <gia tri 2> <Nhóm l nh 2> Case <gia tri n> <Nhóm l nh n> Case Else <Nhóm l nh n+1> %> Ví d : Hi n ngày gi trên máy ch và cho bi t hôm nay là th m y? 3) C u trúc l p tu n t for…next. Dùng l p v i s l n ã bi t, tuy nhiên ta có th ng t b ng l nh EXIT FOR. Cú pháp: <% FOR <tenbien>=<giatridau> TO <Giatribien> STEP <Buoc nhay> NEXT %> 4) Các C u trúc l p . a) DO WHILE….LOOP.
- 44. Khoa Công NghThông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web Biên so n: Ph m ình NamTrang 44 Cú pháp: <% Do while <Dieukien> <Các cau lenh> Loop %> b) WHILE….wend. Cú pháp: <% While <Dieukien> <Các cau lenh> Wend %> c) DO….Loop until Cú pháp: <% DO <Các cau lenh> Loop until < i u ki n> %> 4.2 M t s hàm h u d ng trong ASP. 1) Các Hàm x lý văn b n i. TRIM(xâu as string): B kho ng tr ng hai u kí t ii. LEFT(Xâu as string, n as interger): L y bên trái xâu n kí t . iii. RIGHT(Xâu as string, n as interger): L y bên ph i xâu n kí t . iv. LCASE(Xâu as string) : Chuy n xâu v ch thư ng v. UCASE(Xâu as string) : Chuy n xâu v ch hoa vi. MID(xâu as string, n1, n2): L y n2 kí t trong xâu b t u t v trí n1. vii. CSTR(Bi n): Hàm chuy n i bi n thành ki u string viii. Hàm JOIN/SPLIT(Xâu as string, kí t ngăn cách): S N i/C t xâu hành m t/nhi u o n b ng cách xác nh kí t ngăn cách trên và cho các o n ó l n lư t vào m t m ng. Ví du: <% x=”Hà n i;H i phòng; TPHCM” y=split(x,”;”) Response.write y(0) ‘y(0)=”Hà n i” %>
- 45. Khoa Công NghThông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web Biên so n: Ph m ình NamTrang 45 2) Các hàm x lý s i. SQR(n): Căn b c hai c a n ii. INT(n) : L y ph n nguyên n iii. MOD : Phép ng dư iv. Toán t : Chia nguyên v. Round(s , n) : Làm tròn s v i n ch s th p phân vi. RND(): Tr v s ng u nhiên b t kì trong kho ng [0,1] II. ưa các o n Script vào trong trang Web Trong ASP ,m c nh ngôn ng script là Vbscript N u mu n dùng Javascript ta ph i ch nh tags script language là Javascript. - i v i ngôn ng m c nh, b n có th ch dùng c p d u <% và %> ch a o n l nh Script. - Ví d v m t o n l nh VBScript: <% If (Time >=#12:00:00 AM#) then%> Good Morning! <% Else %> Good Afternoon! <%End If %> - Ho c b n có th ch ra c th ang s d ng ngôn ng nào b ng cách s d ng th : <Script language= “tên_ngôn_ng ”> [l nh vi t ây] </Script> - ây tên ngôn ng có th là VBScript ho c JavaScript (Jscript). Ví d : <Script language= “VBScript”> Response.Write(“Xin chào các b n!”) </Script> III. Thi t l p các thư vi n procedure, function cho 1 ng d ng WEB Th t c và hàm trong ASP có th chèn t i v trí b t kỳ c a trang Web, tuy nhiên i v i m t s trư ng h p, m t s hàm và th t c có th ư c dùng i dùng l i nhi u l n trong nhi u trang web thì vi c nh nghĩa l i các th t c và hàm này s m t nhi u th i gian và công s c. Vì v y b n nên xây d ng m t thư vi n hàm và th t c cho riêng mình khi c n thì s dùng n. Ch ng h n, khi b n mu n xây d ng m t án web có 10 trang, m i trang u ph i có th t c ki m tra m t kh u ăng nh p, như v y b n nên nh nghĩa th t c này trong m t thư vi n s thu n l i r t nhi u cho vi c phát tri n và ch nh s a.
- 46. Khoa Công NghThông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web Biên so n: Ph m ình NamTrang 46 1. nh nghĩa th t c Cú pháp: Sub <tên th t c> [N i dung th t c] End Sub Ví d : Sub HienThi(hoten) Response.Write(hoten) End Sub 2. nh nghĩa hàm Cú pháp: Funtion <tên th t c> [x lý] <k t qu tr v > End Funtion Ví d : Funtion TongDaySo(n) Dim i, S S = 0 For i=1 to n S = S + i Next TongDaySo = S End Funtion 3. S d ng thư vi n hàm, th t c
- 47. Khoa Công NghThông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web Biên so n: Ph m ình NamTrang 47 Sau khi nh nghĩa thư vi n hàm và th t c c a riêng b n (lưu ý là t p tin thư vi n ph i có d ng Text có ph n m r ng b t kỳ), s d ng ư c thư vi n hàm và th t c này, b n dùng th : <!--#include file=tên_t p_tin_thư_vi n --> chèn thư vi n t i v trí nào trong trang web mà b n mu n. IV. M t s bài t p ng d ng m u Ví d 1: Gi i h phương trình b c nh t 0=+Α Bχ (trong ó các h s A, B ư c l y ng y nhiên). Xu t k t qu ra trình duy t. %@ Language=VBScript %> <HTML> <BODY> <% Dim A, B Randomize A = Round(RND() * 10) ‘T o s nguyên ng u nhiêu trong kho n [0,10] B = Round(RND() * 10) ‘T o s nguyên ng u nhiêu trong kho n [0,10] IF (A=0) Then IF (B=0) Then Response.Write(“Phuong trinh co vo so nghiem!”) ELSE Response.Write(“Phuong trinh vo nghiem!”) End IF ELSE Response.Write(“Phuong trinh co 1 nghiem la:” & B/A) End IF </BODY> </HTML> Ví d 2: Thư vi n hàm và th t c - Trư c tiên, b n t o m t t p tin tên là thuvien.inc có n i dung như sau: Sub HienThi(hoten) Response.Write(hoten) End Sub Funtion TongDaySo(n)
- 48. Khoa Công NghThông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web Biên so n: Ph m ình NamTrang 48 Dim i, S S = 0 For i=1 to n S = S + i Next TongDaySo = S End Funtion - Bây gi trong t p tin th 2 tên là ungdung.asp, ta ưa vào dòng l nh sau: %@ Language=VBScript %> <HTML> <BODY> <STRONG>DAY LA TRANG WEB SU DUNG THU VIEN HAM - THU TUC TIEN</STRONG><br> <!--#include file=”thuvien.inc” --> <% Dim ten, n ten = “Nguyen Van A” Call HienThi(ten & “<br>”) n = 10 Response.Write(“T ng dãy s :” & TongDaySo(n)) </BODY> </HTML> BÀI T P T o m t Web Project ( t tên là DieuKhien) 1) Thêm vào project m t trang Bai1.asp có m t o n l nh th c hi n công vi c gán m t giá tr ng u nhiên cho bi n nguyên n. N u n là ch n thì xu t ra trình duy t giá tr 2*n, n u n l thì xu t ra n*n. 2) Thêm vào project trang Bai2.asp có m t o n l nh th c hi n gán m t dãy s ng u nhiên cho m t m ng A g m 10 ph n t , sau ó xu t giá tr c a các ph n t c a m ng ra trình duy t.
- 49. Khoa Công NghThông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web Biên so n: Ph m ình NamTrang 49 CHƯƠNG 7: LIÊN K T TRANG WEB N H CSDL XÂY D NG CÁC TRANG WEB NG M c tiêu: - Nhúng ư c các form có trong trang Web n m t h CSDL - Chuy n thông tin t giao di n nh p n h CSDL ã ư c thi t k - Chuy n t i thông tin t CSDL n trang Web I. Nh c l i m t s khái ni m v CSDL 1. Database Device 1.1 T o 1 Database Device Databases và các logs giao d ch(transaction logs) oc lưu trong các files g i là database devices. Trư c khi có th t o 1 database, trư c tiên b n ph i t o 1 device lưu database. 1 device có th lưu nhi u database, và 1 database có th lưu trong vài device. - Ð thêm 1 Database Device: 1. Trong window Server Manager, ch n server thêm 1 device vào. 2. T menu Manage, ch n Database Devices. window Manage Database Devices xu t hi n. 3. Click nút New Device. H p tho i New Database Device xu t hi n. 4. Trong h p Name, gõ 1 name cho device. 5. Ð ch nh device là device m c nhiên, ch n h p ki m tra Default Device. 6. Trong h p Location, ch n 1 ĩa t device vào. 7. Trong h p Size (MB), gõ vào size tính b ng ơn v megabytes cho device. 8. Click Create Now. 1.2 Ði u ch nh 1 Database Device 1. Trong window Server Manager, double-click trên tên device mu n i u ch nh. H p tho i Edit Database Device xu t hi n. 2. Ð m r ng c database device, gõ vào c l n hơn trong h p Size(MB) . Lưu ý r ng c device có tăng, nhưng không gi m. 3. Ð ch nh device là default device, ch n check box Default Device. 4. Ð i u ch nh device mirroring, ch n Mirroring. H p tho i Mirror Database Device xu t hi n. Ði u ch nh sao cho thích h p. 5. Ð i u ch nh device t c thì, trong h p tho i Edit Database Device , click Change Now. Ð l p l ch i u ch nh device, click Schedule.
- 50. Khoa Công NghThông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web Biên so n: Ph m ình NamTrang 50 1.3 B 1 Database Device B 1 database device gi i phóng kho ng tr ng lưu tr trên server. Khi b n xoá 1 device, t t c databases trên nó u b xoá thêm. Sau khi xoá, các file liên quan b xoá h n trên ĩa và b n không c n shutting down SQL Server. B n có th t o l i ngay device trùng tên device v a xoá. - Ð b (drop) 1 database device: 1. Trong window Server Manager, ch n server g b device trên ó. 2. T menu Manage menu, ch n Devices. Window Manage Database Devices xu t hi n. 3. T th , ch n database device b . 4. Click nút Delete Device và xác nh n xoá. 2. Database 2.1 T o 1 Database Khi b n t o 1 database, b n c p phát kho ng dung lư ng lưu tr cho database trên device. B n ph i t o 1 device vào nơi lưu tr database trư c khi b n t o database. Khi b n t o 1 database, 1 file log giao d ch cũng ư c t o ra ghi l i t t c nh ng ho t ng giao d ch trên database. Lưu file log giao d ch trên m t device khác v i device c a database d dàng ph c h i và nâng cao hi u qu th c hi n. N u b n không ch nh m t device khác, thì file log giao d ch ư c t o như m t ph n c a database. - Ð t o 1 database: 1. Trong c a s Server Manager , ch n server t o database. 2. T th c ơn Manage, ch n Databases. C a s Manage Databases window xu t hi n. 3. Click nút New Database. H p tho i New Database xu t hi n. 4. Trong h p Name, gõ vào tên cho database. 5. Trong h p Data Device, ch n device lưu tr database vào ó. B n có th t o 1 device cho database ã ch n b ng cách ch n <new> và hoàn t t thông tin trong h p tho i New Database Device. 6. Trong h p Size (MB), gõ vào dung lư ng megabytes (MB), c p phát cho device c a database. 7. Trong h p Log Device, ch n device ch a the file log giao d ch. B n có th t o 1 device cho file log giao d ch b ng cách ch n <new> và hoàn t t thông tin trong h p tho i New Database Device. 8. Trong h p Size (MB), gõ vào dung lư ng megabytes (MB), c p phát cho device c a log giao d ch. Ð th Available Space on Database Devices ch t t c device ang có dung lư ng cáp phát cho t ng device.
- 51. Khoa Công NghThông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web Biên so n: Ph m ình NamTrang 51 9. N u b n d nh n p 1 b n backup vào database ã ch n trư c khi dùng nó, hãy ch n h p ki m tra Create for Load, nó s t o database nhanh hơn. V i tùy ch n này, các trang không kh i t o r ng (zero-initialized) khi database ư c t o ra. Tuy nhiên, users ngoài DBO không th truy c p database cho n khi backup ư c n p vào database và tuỳ ch n database DBO Use Only b xoá. (Trong h i tho i Edit Database trong tab Options, xoá h i ki m tra DBO Use Only). 10. Ð t o database t c thì, click Create Now. Ð l p l ch trình t o database, click Schedule. 2.2 Ði u ch nh Database 1. Trong window Server Manager , double-click database mu n i u ch nh. H p tho i Edit Database xu t hi n. 2. Trong tab Database, click nút Expand. H p tho i Expand Database xu t hi n. 3. Ð làm thay i t c thì , hoàn t t h p tho i và click Expand Now. Ð thi t l p các tuỳ ch n database Trong h p tho i Edit Database, trong tab Options, ch nh các tùy ch n và click OK. 2.3 B 1 Database Ch có DBO SA có quy n b (drop) databases. Quy n này không th chuy n cho các User khác. - Ð g b 1 database: 1. T menu Manage, ch n Databases. Window Manage Databases xu t hi n. 2. T th , ch n database b . 3. Click Delete Database. 3. SQL Server Login 3.1 T o 1 SQL Server Login Trư c khi 1 user có th truy c p 1 SQL Server, ngư i qu n tr h th ng (System Administrator(SA)) ph i thêm nh n d ng user(user's login ID-tên login) vào server. The SA cũng có n nh cho user 1 password, 1 username, 1 database m c nhiên, và 1 ngôn ng m c nhiên. Database ch là database m c nhiên. N u user không ư c n nh 1 username trong database m c nhiên, thì user's login ID ư c dùng là username. Ch có SA có th thêm các login c a SQL Server. Khi thêm 1 SQL Server login, b n cũng có th ch n databases cho phép user truy c p vào. - Ð thêm SQL Server login: 1. Trong c a s Server Manager, ch n server thêm logins vào. 2. T th c ơn Manage, ch n Logins. H p tho i Manage Logins xu t hi n.
- 52. Khoa Công NghThông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web Biên so n: Ph m ình NamTrang 52 3. Hoàn t t h p h i tho i click Add. 3.2 Ði u ch nh 1 Login 1. Trong c a s Server Manager, ch n server i u ch nh login. 2. T th c ơn Manage, ch n Logins. H p tho i Manage Logins xu t hi n. 3. Hoàn t t h p tho i và click Modify. 3.3 B 1 Login 1. Trong c a s Server Manager, ch n server b login ID. 2. T th c ơn the Manage, ch n Logins. H p tho i Manage Logins xu t hi n. 3. Hoàn t t h i tho i và click Drop. 4. KHAI BÁO ODBC ODBC(Open Database Connectivity), là 1 Driver qu n lý và 1 t p h p driver ODBC giúp cho các ng d ng truy c p d li u dùng SQL như 1 ngôn ng chu n. DNS(Data Source Name), ch a d li u và thông tin d li u c n thi t user l y d li u như SQL server Database. 4.1 Khai báo System DNS theo các bư c: 1) M Control panel, nh p úp bi u TƯ NG 'ODBC DATA SOURCES' 2) Ch n tab "System DNS", Nh p nút 'ADD' 3) Ch n 'Sql server', nh p nút 'FINISH' 4) khai báo name, description và server, nh p nút 'NEXT>' 5) Ch n "With SQL server authentication..", ánh d u h p ki m tra "Connect to sql server..", khai báo username và password c a user Sql server. nh p nút 'NEXT>' 6)Nh p nút 'NEXT>' 7)Nh p nút 'FINISH': 8)Nh p nút 'TEST DATA SOURCE'. ki m tra thành CÔNG chưa. 9)Nh p nút các nút 'OK' k t thúc cài t ODBC. 4.2 Khai báo User DNS theo các bư c: 1) M Control panel, nh p úp bi u TƯ NG 'ODBC DATA SOURCES' 2) Ch n tab "User DNS", Nh p nút 'ADD' 3) Ch n 'Sql server', nh p nút 'FINISH' 4) khai báo name, description và server, nh p nút 'NEXT>' 5) Ch n "With SQL server authentication..", ánh d u h p ki m tra "Connect to sql server..", khai báo username và password c a user Sql server. nh p nút 'NEXT>' 6)Nh p nút 'NEXT>' 7)Nh p nút 'FINISH':
- 53. Khoa Công NghThông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web Biên so n: Ph m ình NamTrang 53 8)Nh p nút 'TEST DATA SOURCE'. ki m tra thành CÔNG chưa. 9)Nh p nút các nút 'OK' k t thúc cài t ODBC. 5. CÁC L NH SQL 5.1 CREATE TABLE: t o table m i CREATE TABLE TableName (FieldName1 FieldType [(nFieldWidth [, nPrecision])] [NULL | NOT NULL] [, FieldName2 FieldType [(nFieldWidth [, nPrecision])] [NULL | NOT NULL]...) TableName: chu i kho ng 30 ký t . FieldName1 , FieldName2: tên c t kho ng 30 ký t . FieldType: Ki u c t. Tên ki u( FieldType) Di n gi i numeric s g m ph n nguyên và ph n th p phân char ki u ký t có dài t i a 255 ký t datetime ki u ngày gi int ki u s nguyên real ki u s th c text ki u memo, text image ki u hình nh float ki u float NULL: Là 1 m c vào không có giá tr rõ ràng. NULL không ph i là 0 ho c tr ng. Ví d : CREATE TABLE Vidu ( so numeric(10, 2) NULL , chuoi char (255) NULL , ngay datetime NULL , nguyen int NULL , thuc real NULL , vanban text NULL , anh image NULL , so float float NULL ) 5.2 SELECT: truy v n d li u các table SELECT [Alias.] Select_Item [AS Column_Name] [, [Alias.] Select_Item [AS Column_Name] ...] FROM [DatabaseName!]Table [INNER JOIN DatabaseName!]Table [ON JoinCondition …]
- 54. Khoa Công NghThông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web Biên so n: Ph m ình NamTrang 54 [WHERE JoinCondition [AND JoinCondition ...] [AND | OR FilterCondition [AND | OR FilterCondition ...]]] [GROUP BY GroupColumn [, GroupColumn ...]] [HAVING FilterCondition] [UNION [ALL] SELECTCommand] [ORDER BY Order_Item [ASC | DESC] [, Order_Item [ASC | DESC] ...]] Tham s : SELECT ch nh trư ng, h ng và bi u th c xu t hi n trong k t qu truy v n. Alias. Bí danh table. Select_Item ch nh 1 m c ư c bao g m trong k t qu truy v n . M c có th là: - Tên trư ng c a table trong m nh FROM. - 1 h ng ch nh cùng 1 giá tr cho t t c các hàng trong k t qu truy v n. - 1 bi u th c có th là hàm t t o. - AVG(Select_Item), tính trung bình Select_Item. - COUNT(Select_Item), m s l n xu t hi n. COUNT(*) m s hàng trong k t qu truy v n. - MIN(Select_Item), tính giá tr nh nh t. - MAX(Select_Item), tính giá tr l n nh t. - SUM(Select_Item), tính t ng các s . AS Column_Name Ch nh tiêu c a 1 c t trong table k t qu truy v n. FROM Li t kê các table ch a d li u c n truy v n. DatabaseName! ch nh tên c a CSDL ch a table. INNER JOIN ch nh k t qu truy v n ch ch a các hàng t 1 table trùng v i 1 ho c nhi u trong table kia. ON JoinCondition ch nh các i u ki n k các table n i l i WHERE Ch các hàng có th a mãn i u ki n i li n sau WHERE m i ư c th c hi n truy v n. B n dùng toán t AND/OR k t n i cùng lúc nhi u i u ki n khác nhau. Các toán t so sánh: Ký hi u Tương ương = B ng == Chính xác b ng LIKE SQL LIKE <>, !=, # Không b ng > L n hơn >= L n hơn ho c b ng < Nh hơn
- 55. Khoa Công NghThông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web Biên so n: Ph m ình NamTrang 55 <= Nh hơn ho c b ng GROUP BY GroupColumn [, GroupColumn ...] Các nhóm hàng trong câu truy v n d a trên giá tr trên 1 ho c nhi u c t. GroupColumn d trên th t li t kê ra. HAVING FilterCondition Ch nh i u ki n l c nhóm trong k t qu truy v n. [UNION [ALL] SELECTCommand] K t h p k t qu cu i cùng c a 1 SELECT v i 1 SELECT khác. ALL ngăn UNION ghép n i 2 l n các hàng t k t qu UNION. Ví d : SELECT customer.company, orders.order_id, orders.emp_id ; FROM customer, orders ; WHERE customer.cust_id = orders.cust_id ; UNION ; SELECT customer.company, " ", " " ; FROM customer ; WHERE customer.cust_id NOT IN ; (SELECT orders.cust_id FROM orders) ORDER BY Order_Item S p x p k t qu truy v n theo th t Order_Item. ASC s p x p tăng d n DESC s p x p gi m d n. 5.3 INSERT: thêm d li u(hàng) vào table INSERT INTO dbf_name [(fname1 [, fname2, ...])] VALUES (eExpression1 [, eExpression2, ...]) dbf_name: tên table mà d li u s thêm vào, l nh này t thêm 1 hàng m i và gán giá tr vào. fname1, fname2: tên các c t trong table eExpression1 , eExpression2: bi u th c sau khi tính thành giá tr s ưa vào t ng c t tương ng ã ch nh. Ví d : R_Don_Vi="Cty ÐB-ÐT" R_Ho_Ten="Lê Th Thu Hoài" R_Username="thuhoai" R_Password="thuhoai" INSERT INTO DHTT_Login (Don_Vi, Ho_Ten, Username, Password) VALUES (R_Don_Vi, R_Ho_Ten, R_Username, R_Password) 5.4 UPDATE: Gán giá tr m i cho 1 ho c nhi u hàng c a table.
- 56. Khoa Công NghThông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web Biên so n: Ph m ình NamTrang 56 UPDATE [DatabaseName!]TableName SET Column_Name1 = eExpression1 [, Column_Name2 = eExpression2 ...] WHERE FilterCondition1 [AND | OR FilterCondition2 ...]] [DatabaseName!]TableName: tên CSDL và Table thu c CSDL. SET Column_Name1= eExpression1,...: gán giá tr eExpression1 cho Column_Name1,... WHERE FilterCondition1 [AND | OR FilterCondition2 ...]: ch nh các hàng tho mãn i u ki n FilterCondition1 và/ho c FilterCondition2 m i ư c gán giá tr m i. Ví d : UPDATE DHTT.DHTT_Login SET Username =R_Username_Moi, Password = R_Password_Moi WHERE Username=R_Username_Cu AND Password = R_Password_Cu 5.5 DELETE: DELETE FROM [DatabaseName!]TableName [WHERE FilterCondition1 [AND | OR FilterCondition2 ...]] [DatabaseName!]TableName: tên CSDL và Table thu c CSDL. WHERE FilterCondition1 [AND | OR FilterCondition2 ...]: ch nh các hàng tho mãn i u ki n FilterCondition1 và/ho c FilterCondition2 m i b xoá. Ví d : DELETE FROM DHTT.DHTT_Login WHERE Don_Vi=R_Don_Vi_Xoa AND Ho_Ten=R_Ho_Ten_Xoa II. Các l nh liên k t CSDL 1. K t n i cơ s d li u DSN(Data Source Name) qua i tư ng Recordset + Hi n th thông tin ra trình duy n Dim rs Set rs=Server.CreateObject(“ADODB.Recordset”) Rs.Open “SINHVIEN”, “DSN=QLSV” Rs.MoveFirst Do While Not rs.EOF Response.Write(rs(“HoTen”) Response.Write(…………….) Rs.MoveNext Loop Rs.Close
- 57. Khoa Công NghThông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web Biên so n: Ph m ình NamTrang 57 Set rs = Nothing + Tìm ki m c p nh t các b n ghi trong cơ s d li u CONST adOpenDynamic = 2 CONST adLockPessimistic = 2 Dim rs Set rs=Server.CreateObject(“ADODB.Recordset”) Rs.Open “SINHVIEN”, “DSN=QLTV”, adOpenDynamic, adLockPessimistic Rs.Find < i u ki n> If Not rs.EOF then <c p nh t thông tin> Else <thông báo không tìm th y> End If Rs.Close Set rs = Nothing 2. K t n i tr c ti p n cơ s d li u b ng chu i k t n i qua i tư ng Connection: * V i Microsoft Access: Dim conn Set rs=Server.CreateObject(“ADODB.Connection”) conn.Open "Provider=Microsoft.Jet.OleDB.4.0;Data source=c:thuchanhqltv.mdb;" * V i Microsoft SQL Server: Dim conn Set rs=Server.CreateObject(“ADODB.Connection”) conn.Open "Provider=SQLOLEDB;Data source=servername_or_address; Initial Catalog=database_name;User ID=username;password=password" Các công vi c còn l i gi ng như khi k t n i quan i tư ng DSN. III. M t s bài t p ng d ng m u Ví d 1: M cơ s d li u Qu n lý Sinh viên và b sung vào b ng SINHVIEN m t b n ghi, s d ng i tư ng Recordset:
- 58. Khoa Công NghThông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web Biên so n: Ph m ình NamTrang 58 <%@ Language=VBScript %> <HTML> <BODY> <% const adOpenDynamic=2 const adLockPessimistic=2 dim rs set rs=server.CreateObject("ADODB.Recordset") rs.Open "SINHVIEN","DSN=QLSV",adOpenDynamic,adLockPessimistic rs.AddNew rs("MaSV")="12" rs("TenSV")="Le Thanh Thuy" rs.Update rs.Close Set rs = Nothing %> </BODY> </HTML> Ví d 2: M cơ s d li u Qu n lý H c viên và b sung vào b ng HOCVIEN m t b n ghi, s d ng i tư ng Connection: <%@ Language=VBScript %> <HTML> <BODY> <%dim conn set conn=server.createobject("adodb.connection") conn.Open "Provider=SQLOLEDB;Data source=localhost; Initial catalog=QLHV; User ID=sa;password="
- 59. Khoa Công NghThông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web Biên so n: Ph m ình NamTrang 59 dim strSQL strSQL="INSERT into HOCVIEN(maHV, HotenHV, MaLop)” strSQL = strSQL & “ Values( '006','Nguyen Van Trinh','T01')" conn.execute(strSQL) response.write("Ban da them mot hoc vien !") conn.close set conn=nothing %> </BODY> </HTML> Ví d 3: Hi n th t t c h c viên có tên là Trang. <%@ Language=VBScript %> <HTML> <BODY> <%dim conn set conn=server.createobject("adodb.connection") conn.Open "Provider=SQLOLEDB;Data source=localhost; Initial catalog=QLHV; User ID=sa;password=" dim strSQL strSQL="SELECT * FROM HOCVIEN WHERE HotenHV Like ‘%Trang’ ” Dim rs Rs = conn.execute(strSQL) response.write("Danh sách h c viên tên Trang !<br>") Rs.MoveFirst Do While Not rs.EOF Response.Write(“Mã h c viên:” & rs(“MaHV”) & “<br>”) Response.Write(“H tên HV: ” & rs(“HotenHV”) & “<br>”) Rs.MoveNext
- 60. Khoa Công NghThông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web Biên so n: Ph m ình NamTrang 60 Loop Rs.Close Set rs = Nothing conn.close set conn=nothing %> </BODY> </HTML> BÀI T P: 1) Thi t k bi u m u cho phép nh p thông tin thành viên vào cơ s d li u g m H và tên, ngày sinh, a ch , tên s d ng, m t kh u. 2) Thi t k bi u m u cho phép nh p h và tên h c viên tìm ki m và hi n th thông tin tìm th y ra trình duy t.
- 61. Khoa Công NghThông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web Biên so n: Ph m ình NamTrang 61 CHƯƠNG 8: JAVASCRIPT M c tiêu: - Khai báo và s d ng ư c bi n, hàm trong JavaScript - Vi t ư c các s ki n cho nút l nh b ng ngôn ng JavaScript I. PHÁT BI U L NH C A JAVASCRIPT 1. break Ngưng vòng l p switch,while, for, for...in, ho c do...while. Ví d : function BreakTest(breakpoint) { var i = 0; while (i < 100) { if (i == breakpoint) break; i++; } return(i); } Comment Làm cho các ghi chú s ư c b qua trong quá trình biên d ch và ch y. Cú pháp 1: Chú thích 1 dòng: // chú thích Cú pháp 2 Chú thích nhi u dòng: /* chú thích */ Ví d : function myfunction(arg1, arg2) { /* This is a multiline comment that can span as many lines as necessary. */ var r; // This is a single line comment.
- 62. Khoa Công NghThông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web Biên so n: Ph m ình NamTrang 62 r = arg1 + arg2; // Sum the two arguments. return(r); } 2. continue D ng l p hi n t i và b t u l p m i. Dùng continue trong while, do...while, for, ho c for...in Ví d : function skip5() { var s = "", i=0; while (i < 10) { i++; // Skip 5 if (i==5) { continue; } s += i; } return(s); } 3. do...while Th c hi n 1 nhóm l nh l p i l p l i cho n trong khi i u ki n true. Cú pháp do statement while (expression) ; Ph n Di n gi i statement Nhóm l nh ư c ch y khi i u ki n expression là úng (true). expression Là bi u th c Boolean true ho c false. N u expression= true, thì l p l i l n n a. N u expression = false, thì vòng l p d ng. Ví d : function GetDriveList() {
- 63. Khoa Công NghThông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web Biên so n: Ph m ình NamTrang 63 var fso, s, n, e, x; fso = new ActiveXObject("Scripting.FileSystemObject"); e = new Enumerator(fso.Drives); s = ""; do { x = e.item(); s = s + x.DriveLetter; s += " - "; if (x.DriveType == 3) n = x.ShareName; else if (x.IsReady) n = x.VolumeName; else n = "[Drive not ready]"; s += n + "<br>"; e.moveNext(); } while (!e.atEnd()); return(s); } 4. for Th c hi n 1 kh i l nh trong khi i u ki n ki m tra còn úng(=true). Cú pháp for (initialization; test; increment) statement Ph n Di n gi i initialization Là 1 bi u th c. Bi u th c này ch ch y 1 l n trư c khi vòng l p ư c th c hi n. test Là bi u th c Boolean. N u test= true, statement ư c th c hi n. N u test= false, vòng l p s d ng. increment Là bi u th c. Bi u th c increment ư c th c hi n cu i m i vòng l p. statement Ðo n l nh ư c th c hi n khi test = true. Ví d : /* i is set to 0 at start, and is incremented by 1 at the end of each iteration. Loop terminates when i is not less
- 64. Khoa Công NghThông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web Biên so n: Ph m ình NamTrang 64 than 10 before a loop iteration. */ var myarray = new Array(); for (i = 0; i < 10; i++) { myarray[i] = i; } 5. for..in Th c hi n 1 ho c nhi u câu l nh cho v i t ng thu c tính c a 1 object, ho c t ng thành ph n c a 1 m ng. Cú pháp for (variable in [object | array]) statement Ph n Di n gi i variable Là 1 bi n có th là thu c tính c a object ho c thành ph n c a m ng. object, array M t object ho c array qua m i l n l p. statement Nhóm l nh s ư c th c hi n v i t ng thành ph n c a i tư ng ho c m ng. Ví d : function ForInDemo() { // Create some variables. var a, key, s = ""; // Initialize object. a = {"a" : "Athens" , "b" : "Belgrade", "c" : "Cairo"} // Iterate the properties. for (key in a) { s += a[key] + "<BR>"; } return(s); } 6. function Khai báo 1 function m i. Cú pháp
- 65. Khoa Công NghThông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web Biên so n: Ph m ình NamTrang 65 function functionname([argument1 [, argument2 [, ...argumentn]]]) { statements } Ph n Di n gi i functionname Tên function argument1...argumentn Danh sách i s c a hàm statements 1 ho c nhi u l nh JScript. Ví d : function myfunction(arg1, arg2) { var r; r = arg1 * arg2; return(r); } 7. if...else Th c hi n 1 nhóm l nh có i u ki n, ph c thu c vào giá tr c a 1 bi u th c. Cú pháp if (condition) statement1 [else statement2] Ph n Di n gi i condition Là bi u th c boolean. N u condition là null ho c undefined , condition ư c gán là false. statement1 Nhóm l nh ư c th c hi n n u condition = true. statement2 Nhóm l nh ư c th c hi n n u condition = false. Ví d : if (x == 5) if (y == 6) z = 17; else z = 20; Ví d :
- 66. Khoa Công NghThông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web Biên so n: Ph m ình NamTrang 66 if (x == 5) { if (y == 6) z = 17; } else z = 20; Ví d : if (x == 5) z = 7; q = 42; else z = 19; 8. return Thoát kh i function hi n t i và tr v 1 giá tr t function ó. Cú pháp return [expression]; Ð i s expression là 1 giá tr tr v t function. N u b qua thì hàm không tr v giá tr . Ví d : function myfunction(arg1, arg2) { var r; r = arg1 * arg2; return(r); } 9. switch Th c hi n 1 ho c nhi u l nh khi giá tr bi u th c ch nh trùng v i 1 nhãn. Cú pháp switch (expression) { case label : statementlist case label : statementlist ... default : statementlist }
- 67. Khoa Công NghThông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web Biên so n: Ph m ình NamTrang 67 Ph n Di n gi i expression Bi u th c ư c tính toán so sánh v i các nhãn. label Là nh danh trùng v i expression. N u label === expression, thì th c hi n statementlist sau d u : , và ti p t c n khi g p l nh break( l nh break có hay không là tùy ý) ho c cu i l nh switch. statementlist 1 ho c nhi u l nh. Dùng default ch ra r ng n u expression không trùng v i b t kỳ label nào ã ch nh thì ch y o n l nh statementlist trong default. Ví d : function MyObject() { ...} switch (object.constructor){ case Date: ... case Number: ... case String: ... case MyObject: ... default: ... } 10. this Tham kh o n object hi n t i. Cú pháp this.property Ví d : function Car(color, make, model) { this.color = color; this.make = make; this.model = model; } 11. var Khai báo bi n.
- 68. Khoa Công NghThông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web Biên so n: Ph m ình NamTrang 68 Cú pháp var variable [ = value ] [, variable2 [ = value2], ...] Ph n Di n gi i variable, variable2 Tên các bi n ư c khai báo. value, value2 Các giá tr gán cho bi n. Ví d : var index; var name = "Thomas Jefferson"; var answer = 42, counter, numpages = 10 12. while Th c hi n o n l nh l p l i cho n trong khi i u ki n ch nh = false. Cú pháp while (expression) statement Ph n Di n gi i expression Bi u th c Boolean ki m tra trư c m i khi th c hi n o n l nh. N u expression = true, vòng l p ư c th c hi n. N u expression = false, vòng l p d ng. statement Nhó m l nh ư c th c hi n n u expression = true. Ví d : function BreakTest(breakpoint) { var i = 0; while (i < 100) { if (i == breakpoint) break; i++; } return(i); } II. CÁC PHƯƠNG TH C C A JavaScript B ng toán t :
- 69. Khoa Công NghThông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web Biên so n: Ph m ình NamTrang 69 Toán t Ký hi u C ng + Gán giá tr = AND & NOT ~ OR | XOR ^ Chia / So sánh b ng == S/s l n hơn > S/s l n hơn ho c b ng >= Gi m 1 ơn v -- Tăng 1 ơn v ++ So sánh không b ng != S/s nh hơn < S/s nh hơn ho c b ng <= AND && NOT ! OR || Chia l y ph n dư % Nhân * T o object m i new Tr - Lưu ý: Giá tr logic tr v : Ðúng true Sai false 1. substr stringvar.substr(start [, length ]): tr v 1 chu i con t chu i stringvar g m length ký t b t u t v trí start Ví d function SubstrDemo() { var s, ss;
- 70. Khoa Công NghThông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web Biên so n: Ph m ình NamTrang 70 var s = "The quick brown fox jumped over the lazy yellow dog."; ss = s.substr(16, 3); // Tr v "fox". return(ss); } 2. abs Math.abs(number): tr v tr tuy t i c a number Ví d : function ComparePosNegVal(n) { var s; var v1 = Math.abs(n); var v2 = Math.abs(-n); if (v1 = v2) s = "The absolute values of " + n + " and " s += -n + " are identical."; return(s); } 3. atEnd myEnum.atEnd( ): tr v giá tr true n u thành ph n c a t p h p myEnum là cu i cùng ho c r ng, ngư c l i cho giá tr false Ví d : function ShowDriveList() { var fso, s, n, e, x; fso = new ActiveXObject("Scripting.FileSystemObject"); e = new Enumerator(fso.Drives); s = ""; for (; !e.atEnd(); e.moveNext()) { x = e.item(); s = s + x.DriveLetter; s += " - "; if (x.DriveType == 3) n = x.ShareName; else if (x.IsReady) n = x.VolumeName; else n = "[Drive not ready]";
- 71. Khoa Công NghThông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web Biên so n: Ph m ình NamTrang 71 s += n + "<br>"; } return(s); } 4. charAt strVariable.charAt(index): tr v ký t v trí th index trong bi n chu i strVariable. Ký t u tiên c a chu i có th t là 0, ký t th hai là 1... Ví d : function charAtTest(n) { var str = "ABCDEFGHIJKLMNOPQRSTUVWXYZ"; var s; s = str.charAt(n - 1); return(s); } 5. dimensions array.dimensions(): tr v s chi u c a m ng trong VBScript Ví d : <HEAD> <SCRIPT LANGUAGE="VBScript"> <!-- Function CreateVBArray() Dim i, j, k Dim a(2, 2) k = 1 For i = 0 To 2 For j = 0 To 2 a(j, i) = k k = k + 1 Next Next CreateVBArray = a End Function --> </SCRIPT> <SCRIPT LANGUAGE="JScript"> <!-- function VBArrayTest(vba) { var i, s; var a = new VBArray(vba);
- 72. Khoa Công NghThông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web Biên so n: Ph m ình NamTrang 72 for (i = 1; i <= a.dimensions(); i++) { s = "The upper bound of dimension "; s += i + " is "; s += a.ubound(i)+ ".<BR>"; } return(s); } --> </SCRIPT> </HEAD> <BODY> <SCRIPT language="jscript"> document.write(VBArrayTest(CreateVBArray())); </SCRIPT> </BODY> 6. eval eval(codestring): th c hi n l nh codestring, codestring vi t d ng chu i Ví d : eval("var mydate = new Date();"); //cho k t qu mydate là 1 ngày 7. getDate objDate.getDate(): tr v ngày trong tháng. Ngày l y t ngày hi n t i c ah th ng. Ví d : function DateDemo() { var d, s = "Today's date is: "; d = new Date(); s += (d.getMonth() + 1) + "/"; s += d.getDate() + "/"; s += d.getYear(); return(s); } 8. getItem safeArray.getItem(dimension1[, dimension2, ...], dimensionn): tr v giá tr trong m ng ư c ch nh b i th t chi u c a ph n t . Ví d : <HEAD> <SCRIPT LANGUAGE="VBScript"> <!-- Function CreateVBArray() Dim i, j, k Dim a(2, 2) k = 1 For i = 0 To 2 For j = 0 To 2
- 73. Khoa Công NghThông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web Biên so n: Ph m ình NamTrang 73 a(i, j) = k document.writeln(k) k = k + 1 Next document.writeln("<BR>") Next CreateVBArray = a End Function --> </SCRIPT> <SCRIPT LANGUAGE="JScript"> <!-- function GetItemTest(vbarray) { var i, j; var a = new VBArray(vbarray); for (i = 0; i <= 2; i++) { for (j =0; j <= 2; j++) { document.writeln(a.getItem(i, j)); } } }--> </SCRIPT> </HEAD> <BODY> <SCRIPT LANGUAGE="JScript"> <!-- GetItemTest(CreateVBArray()); --> </SCRIPT> </BODY> 9. getTime objDate.getTime(): tr v gi h th ng. Ví d : function GetTimeTest() { var d, s, t; var MinMilli = 1000 * 60;
- 74. Khoa Công NghThông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web Biên so n: Ph m ình NamTrang 74 var HrMilli = MinMilli * 60; var DyMilli = HrMilli * 24; d = new Date(); t = d.getTime(); s = "It's been " s += Math.round(t / DyMilli) + " days since 1/1/70"; return(s); } 10. getDay objDate.getDay(): Tr v th trong tu n v i: 0 = Sunday 1 = Monday 2 = Tuesday 3 = Wednesday 4 = Thursday 5 = Friday 6 = Saturday Ví d : function DateDemo() { var d, day, x, s = "Today is: "; var x = new Array("Sunday", "Monday", "Tuesday"); var x = x.concat("Wednesday","Thursday", "Friday"); var x = x.concat("Saturday"); d = new Date(); day = d.getDay(); return(s += x[day]); } 11. join arrayobj.join(separator): tr v 1 chu i g m các giá tr trong m ng arrayobj cách nhau b ng separator. Ví d : function JoinDemo() { var a, b; a = new Array(0,1,2,3,4); b = a.join("-"); return(b); }
- 75. Khoa Công NghThông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web Biên so n: Ph m ình NamTrang 75 12. lbound safeArray.lbound(dimension): tr v giá tr th t nh nh t c a m ng safeArray v i chi u dimension ch nh. Ví d : <HEAD> <SCRIPT LANGUAGE="VBScript"> <!-- Function CreateVBArray() Dim i, j, k Dim a(2, 2) k = 1 For i = 0 To 2 For j = 0 To 2 a(j, i) = k k = k + 1 Next Next CreateVBArray = a End Function --> </SCRIPT> <SCRIPT LANGUAGE="JScript"> <!-- function VBArrayTest(vba) { var i, s; var a = new VBArray(vba); for (i = 1; i <= a.dimensions(); i++) { s = "The lower bound of dimension "; s += i + " is "; s += a.lbound(i)+ ".<BR>"; return(s); } } --> </SCRIPT> </HEAD> <BODY> <SCRIPT language="jscript">
- 76. Khoa Công NghThông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web Biên so n: Ph m ình NamTrang 76 document.write(VBArrayTest(CreateVBArray())); </SCRIPT> </BODY> 13. match stringObj.match(rgExp): tr v 1 m ng k t qu tìm ki m rgExp trong stringObj. Ví d : function MatchDemo() { var r, re; var s = "The quick brown fox jumped over the lazy yellow dog."; re = /fox/i; r = s.match(re); return(r); } 14. max retVal = Math.max(number1, number2): tr v s l n nh t trong 2 s number1 và number2 Ví d : function MaxNum(n1,n2) { var nmax = Math.max(n1,n2) return(nmax); } 15. min retVal = Math.min(number1, number2): tr v s bé nh t trong 2 s number1 và number2 Ví d : function MinNum(n1,n2) { var nmin = Math.min(n1,n2) return(nmin); } 16. moveFirst myEnum.moveFirst( ): Thi t l p thành ph n hi n t i trong t p h p là ph n t u tiên. Ví d :
- 77. Khoa Công NghThông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web Biên so n: Ph m ình NamTrang 77 function ShowFirstAvailableDrive() { var fso, s, e, x; fso = new ActiveXObject("Scripting.FileSystemObject"); e = new Enumerator(fso.Drives); e.moveFirst(); s = ""; do { x = e.item(); if (x.IsReady) { s = x.DriveLetter + ":"; break; } else if (e.atEnd()) { s = "No drives are available"; break; } e.moveNext(); } while (!e.atEnd()); return(s); } 17. moveNext myEnum.moveNext( ): D i thành ph n hi n t i trong t p h p sang ph n t k ti p. Ví d : function ShowDriveList() { var fso, s, n, e, x; fso = new ActiveXObject("Scripting.FileSystemObject"); e = new Enumerator(fso.Drives); s = ""; for (; !e.atEnd(); e.moveNext()) { x = e.item(); s = s + x.DriveLetter; s += " - ";
- 78. Khoa Công NghThông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web Biên so n: Ph m ình NamTrang 78 if (x.DriveType == 3) n = x.ShareName; else if (x.IsReady) n = x.VolumeName; else n = "[Drive not ready]"; s += n + "<br>"; } return(s); } 18. replace stringObj.replace(rgExp, replaceText): Tr v 1 chu i t chu i stringObj sau khi thay th chu i replaceText vào v trí xu t hi n chu i rgExp. Ví d : function ReplaceDemo() { var r, re; var s = "The quick brown fox jumped over the lazy yellow dog."; re = /fox/i; r = s.replace(re, "pig"); return(r); } 19. reverse arrayobj.reverse( ): tr v m ng o ngư c th t c a m ng arrayobj Ví d : function ReverseDemo() { var a, l; a = new Array(0,1,2,3,4); l = a.reverse(); return(l); } 20. sort arrayobj.sort(sortfunction): tr v 1 m ng t m ng arrayobj sau khi ã s p x p giá tr theo hàm sortfunction ch nh. N u không ch nh hàm thì s p theo th t tăng d n. Ví d : function SortDemo() {
- 79. Khoa Công NghThông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web Biên so n: Ph m ình NamTrang 79 var a, l; a = new Array("X" ,"y" ,"d", "Z", "v","m","r"); l = a.sort(); return(l); } 21. split stringObj.split(str): Tr v 1 m ng ch a các o n ký t trong chu i stringObj phân cách b i chu i phân cáchstr ch nh. Ví d : function SplitDemo() { var s, ss; var s = "The quick brown fox jumped over the lazy yellow dog."; // Split at each space character. ss = s.split(" "); return(ss); } 22. substring strVariable.substring(start, end): tr v 1 chu i con c t ra t chu i m strVariable b t u t ký t có v trí start và k t thúc ký t có v trí là end. Ví d : function SubstringDemo() { var s, ss; var s = "The quick brown fox jumped over the lazy yellow dog."; ss = s.substring(16, 19); return(ss); } 23. test rgexp.test(str): tr v giá tr true n u str ch a trong rgexp và flase n u không có. Ví d : function TestDemo(re, s) { var s1; // Test string for existence of regular expression. if (re.test(s)) s1 = " contains "; else
- 80. Khoa Công NghThông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web Biên so n: Ph m ình NamTrang 80 s1 = " does not contain "; // Get text of the regular expression itself. return(s + s1 + re.source); } 24. toArray safeArray.toArray( ): Tr v m ng 1 chi u JavaScript t m ng safeArray c a VBScript. Ví d : <HEAD> <SCRIPT LANGUAGE="VBScript"> <!-- Function CreateVBArray() Dim i, j, k Dim a(2, 2) k = 1 For i = 0 To 2 For j = 0 To 2 a(j, i) = k document.writeln(k) k = k + 1 Next document.writeln("<BR>") Next CreateVBArray = a End Function --> </SCRIPT> <SCRIPT LANGUAGE="JScript"> <!-- function VBArrayTest(vbarray) { var a = new VBArray(vbarray); var b = a.toArray(); var i; for (i = 0; i < 9; i++) { document.writeln(b[i]); } } -->
- 81. Khoa Công NghThông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web Biên so n: Ph m ình NamTrang 81 </SCRIPT> </HEAD> <BODY> <SCRIPT LANGUAGE="JScript"> <!-- VBArrayTest(CreateVBArray()); --> </SCRIPT> </BODY> 25. toLowerCase strVariable.toLowerCase( ): Tr v chu i thư ng t chu i strVariable. Ví d : var strVariable = "This is a STRING object"; strVariable = strVariable.toLowerCase( ); 26. toUpperCase strVariable.toUpperCase( ): Tr v chu i thư ng t chu i strVariable. Ví d : var strVariable = "This is a STRING object"; strVariable = strVariable.toUpperCase( ); 27. ubound safeArray.ubound(dimension): tr v giá tr th t l n nh t c a m ng safeArray v i chi u dimension ch nh. Ví d : <HEAD> <SCRIPT LANGUAGE="VBScript"> <!-- Function CreateVBArray() Dim i, j, k Dim a(2, 2) k = 1 For i = 0 To 2 For j = 0 To 2 a(j, i) = k k = k + 1 Next Next CreateVBArray = a End Function
- 82. Khoa Công NghThông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web Biên so n: Ph m ình NamTrang 82 --> </SCRIPT> <SCRIPT LANGUAGE="JScript"> <!-- function VBArrayTest(vba) { var i, s; var a = new VBArray(vba); for (i = 1; i <= a.dimensions(); i++) { s = "The upper bound of dimension "; s += i + " is "; s += a.ubound(i)+ ".<BR>"; return(s); } } --> </SCRIPT> </HEAD> <BODY> <SCRIPT language="jscript"> document.write(VBArrayTest(CreateVBArray())); </SCRIPT> </BODY> 28. item myEnum.item( ): Tr v giá tr thành ph n hi n t i c a t p h p myEnum. Ví d : function ShowDriveList() { var fso, s, n, e, x; fso = new ActiveXObject("Scripting.FileSystemObject"); e = new Enumerator(fso.Drives); s = ""; for (; !e.atEnd(); e.moveNext()) { x = e.item(); s = s + x.DriveLetter; s += " - "; if (x.DriveType == 3) n = x.ShareName;
- 83. Khoa Công NghThông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web Biên so n: Ph m ình NamTrang 83 else if (x.IsReady) n = x.VolumeName; else n = "[Drive not ready]"; s += n + "<br>"; } return(s); } 29. isNaN Tr v 1 tr Boolean xác nh 1 giá tr có ph i là s hay không. Cú pháp isNaN(numvalue) Trong ó numvalue là giá tr c n ki m tra. Hàm isNaN tr v giá tr true n u numvalue không ph i là s , và false n u là s . Ví d : function checkinput(value) { if (isNaN(value)==true) { alert("Làm ơn nh p vào ki u s "); document.forms[0].o_so.focus(); return; } document.forms[0].submit(); } III. Ð I TƯ NG C A JAVASCRIPT 1. ActiveXObject Cho phép và tr v m t s tham kh o n m t i tư ng Automation . Cú pháp var newObject = new ActiveXObject(servername.typename[, location]) Ph n Mô t servername Ph i có. Tên c a c a ng d ng cung c p i tư ng. typename Ph i có. Ki u ho c l p c a i tư ng t o. location Tùy ch n. Tên c a server nơi i tư ng ư c t o. Ví d : Ð t o 1 Automation object, t o ActiveXObject m i cho cho 1 bi n i tư ng:
- 84. Khoa Công NghThông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web Biên so n: Ph m ình NamTrang 84 var ExcelSheet; ExcelSheet = new ActiveXObject("Excel.Sheet"); Ví d : // Make Excel visible through the Application object. ExcelSheet.Application.Visible = true; // Place some text in the first cell of the sheet. ExcelSheet.ActiveSheet.Cells(1,1).Value = "This is column A, row 1"; // Save the sheet. ExcelSheet.SaveAs("C:TEST.XLS"); // Close Excel with the Quit method on the Application object. ExcelSheet.Application.Quit(); // Release the object variable. ExcelSheet = ""; Ví d : Tr v version c a Excel ch y t PC t xa c a m ng có computer name là "myserver": Function GetVersion { var XLApp = CreateObject("Excel.Application", "MyServer"); return(XLApp.Version); } 2. Array H tr t o các m ng v i nhi u ki u d li u. Cú pháp new Array() new Array(size) new Array(element0, element1, ..., elementn) Ph n Di n gi i size C c a m ng. Các thành ph n c a m ng có ch s u tiên là 0 n size -1. element0,...,elementn Các thành ph n t trong m ng. Có n + 1 thành ph n v i thành ph n là các giá tr gán tr c ti p cho m ng. Ví d : var my_array = new Array(); for (i = 0; i < 10; i++) { my_array[i] = i; }
- 85. Khoa Công NghThông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web Biên so n: Ph m ình NamTrang 85 x = my_array[4]; 3. Date Ð nh kho ng lưu tr và cho 1 ngày. Cú pháp var newDateObj = new Date() var newDateObj = new Date(year, month, date[, hours[, minutes[, seconds[,ms]]]]) 4. Function T o m t function m i. Cú pháp function functionname( [argname1 [, ... argnameN]] ) { body } Part Description functionname Tên c a function. argname1...argnameN Tuỳ ch n. Danh sách i s c a hàm. body Chu i ch a ng các mã l nh JScript s ch y khi funtion ư c g i. Ví d : function add(x, y) { return(x + y); } ví d : g i hàm add như sau: add(2, 3); 5. Math M t i tư ng bên trong cung c p h ng hàm toán h c. Cú pháp Math[.{property | method}] Các thu c tính(property): LN2 LN10 LOG2E LOG10E PI
- 86. Khoa Công NghThông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web Biên so n: Ph m ình NamTrang 86 SQRT1_2 SQRT2 Ví d : var numVar numVar = Math.E //Tr v h ng Euler's. E tương ương 2.718 var numVar numVar = Math.PI // tr v giá tr PI tương ương 3.141592653589793 var numVar numVar = Math.LN2 // tr v giá tr LN2 tương ương 0.693 6. Number Ð i tư ng bi u di n ki u d li u s , khai báo rõ ràng. Cú pháp new Number( value ) i s value òi h i giá tr s . Ví d : so=new Number(12); 7. VBArray H tr truy xu t m ng ki u Visual Basic. Cú pháp new VBArray(safeArray) safeArray là 1 giá tr VBArray. Ví d : <HEAD> <SCRIPT LANGUAGE="VBScript"> <!-- Function CreateVBArray() Dim i, j, k Dim a(2, 2) k = 1 For i = 0 To 2 For j = 0 To 2 a(j, i) = k document.writeln(k) k = k + 1 Next document.writeln("<BR>") Next CreateVBArray = a End Function
- 87. Khoa Công NghThông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web Biên so n: Ph m ình NamTrang 87 --> </SCRIPT> <SCRIPT LANGUAGE="JScript"> <!-- function VBArrayTest(vbarray) { var a = new VBArray(vbarray); var b = a.toArray(); var i; for (i = 0; i < 9; i++) { document.writeln(b[i]); } } --> </SCRIPT> </HEAD> <BODY> <SCRIPT LANGUAGE="JScript"> <!-- VBArrayTest(CreateVBArray()); --> </SCRIPT> </BODY>