Cài đt Module 4nGuestbook đ to So lu bút cho web

Một phần của tài liệu Giáo án - Bài giảng: Hướng dẫn dùng web stile (Trang 49)

II. Cách cài đt ph nb sung, ci tin, nân gc ph th ng NukeViet1.0

1.2.Cài đt Module 4nGuestbook đ to So lu bút cho web

1. Cài đ tm t Module

1.2.Cài đt Module 4nGuestbook đ to So lu bút cho web

- Vào website www.lavieportal.com đ t i file 4nGuestbooks.zip (70KB) v . - Sau khi gi i nén (unzip) file này ra, b n s đ c file huong dan.txt và 2 th m c: Public_html và sql (xem hình 4.5).

Hình 4.5: Gi i nén file 4nGuestbooks.zip

File huong dan.txt cho bi t chúng ta ph i ti n hành các b c cài đ t sau:

Copy toàn b các file trong th m c Public_html vào th m c g c c a

Nukeviet (xem hình 4.6).

Hình 4.6: Copy các file trong th m c Public_html vào th m c g c c a Nukeviet

B c 2: Vì module này c n CSDL nên ta s cài đ t thêm CSDL cho Module.

Cách cài đ t nh sau:

Cách 1:

1 T thanh đ a ch (Address) c a trình duy t, truy c p đ n file

4nguestbook_install.php theo đ ng d n sau:

http://localhost/home/4nguestbook_install.php. N u cài đ t thành công, b n s nh n đ c thơng báo sau (xem hình 4.7).

Hình 4.7: Cài đ t thành cơng Module 4nguestbook.

Cách 2:

1 Nh p file 4nguestbook.sql trong th m c SQL vào c s d li u. (Cách

nh p file SQL vào CSDL xin xem ph n 5 c a chuyên đ .)

2 Xóa file 4nguestbook_install.php sau khi cài đ t xong.

Chú ý:

X Ch s d ng 1 trong 2 cách. N u quá trình cài đ t b ng cách 1 không thành cơng thì m i s d ng cách 2.

X Cho dù dùng cách 1 hay 2 thì b n đ u ph i xóa file

4nguestbook_install.php sau khi cài đ t xong. N u đ l i file này, ng i khác có th vào ngh ch phá làm m t CSDL c a b n.

B c 3: Kích ho t Module 4nGuestbook theo các b c nh sau:

1 B n đ ng nh p vào Admin Control Panel qua đ a ch :

http://localhost/home/admin/admin.php

2 Vào m c Modules

3 Nh p vào link “Kích ho t” (Link này n m cùng hàng v i tên Module 4nGuestbook trong c t Ch c n ng) đ kích ho t Module (xem hình 4.8).

Hình 4.8: Kích ho t Module 4nGuestbook

Nh v y Module 4nGuestbook đã s n sàng ho t đ ng. Truy c p vào đ a ch : http://localhost/home/modules.php?name=4nGuestbook đ vào S l u bút.

Hình 4.9: S l u bút

2. Cài đ t Block

Có 2 d ng Block: (adsbygoogle = window.adsbygoogle || []).push({});

1 D ng file (đ c ch a th m c blocks trong th m c g c c a nukeviet)

2 D ng CSDL (là các đo n mã HTML đ c chèn trong ph n Qu n lý Block Admin Control Panel).

Có r t nhi u Block cho h th ng nukeviet. Ví d : Block đ ng h , th i ti t, th i gian, th ng kê truy c p, tin t c, l ch, t đi n, Tìm ki m Google, yahoo,... đây chúng ta s quan tâm đ n cách cài đ t các Block d ng file đã đ c t o s n và cung c p mi n phí d i d ng mã ngu n m trên website

2.1. Cài đ t

2.1.1. Cài Block d ng file:

Tr m t s r t ít Block c n CSDL, đ i đa s các Block có th ch y b ng cách copy tr c ti p file vào th m c blocks (trong th m c g c c a nukeviet)

Hình 4.10: Các file đ c copy vào th m c Blocks

Các Block có trong th m c này s đ c h th ng t đ ng thêm vào danh sách các file ch kích ho t.

2.1.2. Cài Block d ng CSDL:

Nh đã nói trên, ngoài cách s d ng các Block d ng file, b n có th s d ng các Block d ng CSDL. Các Block này đ c cài đ t b ng cách chèn các đo n mã HTML trong ph n Qu n lý Block Admin Control Panel. Các b c nh sau:

1 B n đ ng nh p vào Admin Control Panel qua đ a ch :

http://localhost/home/admin/admin.php

2 Vào m c Blocks, xu ng cu i trang b n s th y ph n Thêm Block m i.

B n đi n tên Block vào ô “Tiêu đ ”, dán đo n mã HTML vào ph n “N i

dung”. Các ph n khác t m th i b n c đ m c đ nh, sau đó nh p nút T o Block (xem hình 4.11).

Hình 4.11: T o Block d ng CSDL

3 Block s đ c chèn lên trang ch nh sau (xem hình 4.12)

Hình 4.12: Hình dáng Block v a đ c cài đ t.

bi t thêm chi ti t n i dung t o và Qu n lý Block xin xem m c 1.2

ch ng V, ph n 4 c a chuyên đ này.

2.2. Kích ho t

kích ho t cho m t Block d ng file v a copy vào h th ng, b n th c hi n theo các b c sau:

1 ng nh p vào Admin Control Panel qua đ a ch :

http://localhost/home/admin/admin.php

2 Vào m c Blocks

Trong ph n "Thêm block m i", b n nh p Tiêu đ cho Block B n ch n m t trong các file t danh sách Tên file.

Hình 4.13: Thêm Block d ng file

L p t c Block đ c ch n s n m trong danh sách các Block đang ho t đ ng và b n s th y n i dung Block trên trang ch website (xem hình 4.14).

Hình 4.14: Block hi n ra trên Website (adsbygoogle = window.adsbygoogle || []).push({});

2.3. Xóa

B n có th xóa m t Block d ng file b ng cách xóa tr c ti p file trong th m c /Block/. Tuy nhiên, n u khơng dùng n a thì b n có th Ng ng hi u l c

thay vì xóa h n nó. bi t cách Ng ng hi u l c, xin xem h ng d n 1.2 m c

V, ph n 4 c a chuyên đ này.

3. Cài đ t Theme

b n d hình dung cách th c cài m t Theme m i, tơi s l y ví d cài đ t theme MSN.

Tr c khi cài đ t theme MSN, b n vào website http://lavieportal.com t i v file MSN_theme.rar (27KB). Ngồi theme này, b n có th t i r t nhi u theme đ p khác v t di n đàn , t t nhiên t t c đ u là mã ngu n m và hồn tồn mi n phí.

3.2. Cài đ t

Ti n hành cài Theme m i theo trình t sau:

B c 1:

Copy các file cài đ t theme vào h th ng NukeViet (xem h ng d n chi ti t trong b cài c a t ng theme). Thông th ng theme s đ c ch a trong m t th m c (tên th m c chính là tên c a theme), ta ch vi c copy th m c ch a theme đó vào th m c themes/ (th m c này n m trong th m c g c c a NukeViet )

V i theme MSN, b n m file MSN_theme.rar và copy th m c msn/ vào th m c themes/ (n m trong th m c g c c a NukeViet) (xem hình 4.15).

Hình 4.15: Cài đ t theme MSN

3.3. Kích ho t

1 B n đ ng nh p vào Admin Control Panel qua đ a ch :

http://localhost/home/admin/admin.php

2 Vào m c C u hình ho c truy c p tr c ti p theo đ a ch :

http://localhost/home/admin/admin.php?op=Configure

T i ô “Giao di n chính c a site”, b n ch n tên theme là msn. Nh p nút “L u thay đ i” đ ch p nh n (xem hình 4.16).

Hình 4.16: i giao di n cho website

3 Website đã đ c thay đ i thành giao di n MSN (xem hình 4.17)

Hình 4.17: Giao di n website s d ng theme MSN

3.4. X lý s c khi cài m t theme l i

N u theme b n v a cài b l i khi n b n không th truy c p t i Admin Control Panel do đó khơng th s a ch a site. ng lo, b n có th kh c ph c nhanh chóng l i này b ng cách đ n gi n sau (gi s theme b l i có tên là ABC):

1 Vào th m c themes/ (n m trong th m c g c c a h th ng

NukeViet), xóa th m c ABC.

2 Copy th m c nukeviet/ thành m t b n m i và đ i tên b n copy thành ABC.

3 Truy c p t i Admin Control Panel, vào m c C u hình đ đ i giao di n site tr v theme nukeviet (xem hình 4.18).

Hình 4.18: i giao di n site tr v theme nukeviet

4 Tr l i th m c themes/, xóa th m c ABC. (adsbygoogle = window.adsbygoogle || []).push({});

III. L p trình đ n gi n NukeViet 1.0

NukeViet 1.0 d i góc đ ng i L p trình: M c này h ng d n b n vi t m t Module, Block đ n gi n cho h thông NukeViet. T đó b n s hi u rõ h n ph ng th c ho t đ ng c a chúng và t ng b c can thi p sâu h n vào đó.

N u b n khơng bi t PHP, b n c ng có th t t o nh ng Block, Module đ n gi n cho NukeViet b ng các cài đ t Module “PHP-Nuke_Tools” và s d ng nó nh m t cơng c l p trình đ n gi n cho h th ng NukeViet.

Cài đ t Module “PHP-Nuke_Tools”- Cơng c l p trình cho NukeViet

ây là Module cung c p các Script x lý t đ ng đ chuy n đ i b ng mã cho NukeViet. V i Module này b n có th t o Block, Module; chuy n mã HTML sang các ngôn ng PHP, ASP, JSP, PERL, JAVASCRIPT, SWS; t o trang HTML, t o META TAG, t o SCROLLBAR, t o POPUP; ki m tra mã HTML, s d ng B ng màu; mã hóa SOURCE, HTML, URL, EMAIL, mã hóa ROT-13.

Cài đ t module Php-nuke_tools

1Vào website

modules_phpnuke_tools_for_NV.zip (40,5KB)

2Gi i nén (Unzip) và copy toàn b th m c PHP-Nuke_Tools vào th m c

modules c a h th ng NukeViet.

3 ng nh p vào Admin Control Panel, vào m c Modules đ kích ho t Module này.

1. T o Block

1.1. Quy t c ho t đ ng c a Block

Nh v y n u b n mu n đ t tên cho Block là "Ket qua so so", thì b n ph i đ t tên file là: block- Ket_qua_so_so.php

Chú ý:

Tên file b t đ u b ng “block-” và k t thúc b ng “.php” Tên file ph i đ c khai báo trong file b ng dòng: Code:

if (eregi("block-Ten_Cua_Block.php",$ PHP_SELF)) {

b, N i dung c a Block đ c g i ra t bi n $content, b n có th tìm hi u b ng cách xem th 1 file block trong th m c Blocks.

T t c các file trong th m c /Blocks/ c a h th ng NukeViet có tên b t đ u b ng "block-" và có ph n m r ng là .php s đ c NukeViet nh n d ng và t đ ng li t kê trong danh sách Block t i m c qu n lý Block c a Admin Control Panel. T t c các file khác s không đ c hi n th .

thêm m t Block m i, xin xem ph n “Cài đ t Block”. N u b n không

khai báo tên cho Block, theo m c đ nh, h th ng s t đ t tên cho Block b ng cách l y tên File và b đi "block-" & “.php”, đ ng th i thay các ký t “_” b ng cách tr ng.

N u b n xóa m t Block đang đ c kích ho t, h th ng s báo l i “Block

này không nh n đ c thông tin.” v trí hi n th Block. Báo l i này c ng x y ra

khi h th ng không nh n đ c thông tin h p l t bi n $content trong file Block. Cu i cùng, n u b n s d ng 1 Block m i, hãy đ c h ng d n c a ng i vi t ra nó.

1.2. T o Block cho h th ng Nuke

t o m t Block đ n gi n cho h th ng NukeViet, chúng ta s d ng chính module PHP-Nuke_Tools c a NukeViet (Xem h ng d n cài trên) v i các b c nh sau:

B c 1: Vào đ a ch :

Hình 4.19: Module PHP-Nuke_Tools c a NukeViet

B c 2: T o Block

Trang t o Block g m 2 ô: ô trên đ nh p d li u và ô d i đ xu t ra code cho file Block. (adsbygoogle = window.adsbygoogle || []).push({});

Bây gi chúng ta hãy th m t ví d t o Block t m t trang HTML. Trình t nh sau:

1 Gi s chúng ta có trang html nh th này:

Code:

<html> <head>

<meta http-equiv="Content-Language" content="vi"> <meta name="GENERATOR" content="Microsoft FrontPage 6.0">

<meta name="ProgId" content="FrontPage.Editor.Document"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>Xây D英ng C医u A姶噂ng.Net</title> </head>

<body>

<p align="center"><font size="7">Web Xây D英ng</font></p>

<p align="center">by</p> <p align="center"><a href="http://mangxd.com/"><font size="7">M胃ng

XD</font></a></p> </body> </html> 2 Hãy lo i b đi các đo n mã : Code: <html> <head>

<meta name="GENERATOR" content="Microsoft FrontPage 6.0"> <meta name="ProgId" content="FrontPage.Editor.Document">

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Xây D英ng C医u A姶噂ng.Net</title> </head> <body> Và đo n mã: </body> </html> Và bây gi đo n mã ch còn th này: Code:

<p align="center"><font size="7">Web Xây D英ng</font></p> <p align="center">by</p>

<p align="center"><a href="http://mangxd.com/"><font size="7">M胃ng XD</font></a></p>

3 t o ra m t Block, ta copy và dán đo n mã đó vào ơ phía trên trong cơng c t o Block. Sau đó Click vào nút “T o” và ta s đ c đo n mã nh sau (xem hình 4.20).

Hình 4.20: T o Block N i dung đo n mã đ c t o ra hình 4.20 là: Code: <?php if (eregi("block-Block_Creator.php",$PHP_SELF)) { Header("Location: index.php"); die(); }

$content = "<p align=\"center\"><font size=\"7\">Web Xây D英ng</font></p> "; $content .= "<p align=\"center\">by</p> "; $content .= "<p align=\"center\"><a href=\"http://mangxd.com/\"><font size=\"7\">M胃ng XD</font></a></p>"; ?>

4 S a l i mã cho phù h p v i tên file b ng cách:

i dòng: Code:

if (eregi("block-Block_Creator.php",$ PHP_SELF)) { Thành dòng : Code: if (eregi("block-Ten_Cua_Block.php",$ PHP_SELF)) { B c 3: M ch ng trình EmEditor và dán đo n mã v a đ c t o ra trong ơ

phía d i c a công c t o block, và l u file l i v i tên block-

Ten_Cua_Block.php

Copy file này vào th m c /block/.

B c 4: Kích ho t Block

ng nh p vào Admin Control Panel vào m c Blocks đ kích ho t Block. (Các b c đ kích ho t Block xin xem m c 2.2, ch ng II, Ph n 4 c a chuyên

đ này)

1.3. M t vài chú ý khi t o Block cho h th ng NukeViet

Khi t o Block cho NukeViet c ng nh PHP-Nuke c n tuân theo các quy t c sau: a, u file Block ph i đ c b t đ u b ng đo n mã: Code: if (eregi("block-Sample_Block.php",$PHP_SELF)) { Header("Location: index.php"); die(); } M c đích: Ch ng truy c p tr c ti p đ n file, ng i ta ch có th th y nó nh m t kh i trên website c a b n.

b, B n có th đ a b t c th gì b n mu n vào trong n i dung Block ví d nh truy v n CSDL, chèn file khác vào Block, s d ng mã HTML, Forms, PHP code, Java, Javascript, Perl, Flash,... (adsbygoogle = window.adsbygoogle || []).push({});

c, Không gian dành cho vi c hi n th Block r t gi i h n. Nó đ c quy đ nh trong ph n C u hình c a Admin Control Panel. B n c n chú ý vi c này, tránh làm Block phình to gây tr ng i cho vi c hi n th website. N u không trang web c a b n s là m t m l n x n kinh kh ng.

d, Không s d ng cách tr ng trong vi c đ t tên cho file, thay vào đó hãy s d ng ký t “_”. Ví d : thay vì đ t tên file là “Du bao thoi tiet” thì hãy đ t là: “Du_bao_thoi_tiet”.

e, T t c nh ng gì b n vi t trong Block ph i đ c đ a v m t giá tr . Giá tr này s đ c gán cho bi n có tên là $content

Chú ý quan tr ng:

website làm vi c v i các trình duy t s d ng chu n HTML 4.01 (ho c các phiên b n c h n) thì t t c các ký t "&" trong URL vi t cho Block ph i đ c thay b ng th "&amp;". Ví d URL:

<a href="modules.php?op=modload&name=FAQ&file=index">

Ph i đ c vi t thành:

<a href="modules.php?op=modload&amp;name=FAQ&amp;file=index">

G i ý:

V i cách t o Block này, b n có th chèn vào website c a mình nhi u ti n ích nho nh , thú v m t cách nhanh chóng và linh ho t. B n có th đ a vào website c a mình các ti n ích nh Form tra t đi n, Form tìm ki m Google, t giá h i đoái, giá vàng, th i ti t ... r t d dàng. Ch b ng m t thao tác đ n gi n là copy các đo n mã HTML t ng ng, s d ng công c PHP-Nuke_Tools đ vi t code r i copy đo n mã đ c t o ra và l u thành file. V y là b n đã có m t Block nh ý.

2. Module

Vi c l p trình m t Module khá d n u b n bi t PHP, ch c n n m thêm m t s quy t c sau:

a, M i file vi t cho Module đ u ph i b t đ u b ng đo n mã: Code:

if (!eregi("modules.php", $PHP_SELF)) {

die ("You can't access this file directly... <br>Rat tiec, ban khong the truy cap truc tiep file nay!");

}

o n mã này có tác d ng c m ng i dùng truy c p tr c ti p đ n file. Bu c h ph i s d ng h th ng link c a b n nh m đ m b o và ki m sốt q trình hi n th thơng tin.

b, H th ng NukeViet đã đ c thi t k đ t đ ng nh n d ng các file ngôn ng . phát huy s c m nh đa ngôn ng trên h th ng NukeViet, b n hãy t o m t th m c có tên "language" bên trong th m c chính c a Module. Sau đó, trong m i file vi t cho Module hãy chèn đo n mã:

Code:

require_once("mainfile.php");

$module_name = basename(dirname(__FILE__)); get_lang($module_name);

o n mã này s chèn file ngơn ng (n u có) phù h p v i thi t đ t trong cookie c a ng i truy c p.

Các file ngơn ng ph i có tên nh sau: lang-vietnamese.php : ti ng Vi t

lang-english.php: ti ng Anh lang-french.php: Pháp lang-german.php : c

lang-chinese.php : Trung Hoa lang-russian.php : Nga

lang-thai.php: Thái Lan lang-italian.php: Ý

Một phần của tài liệu Giáo án - Bài giảng: Hướng dẫn dùng web stile (Trang 49)