1. Import database vào MySQL 4.1 – 5.0.x:
Khi import file database là dạng mã unicode (File sql của bạn phải chắc chắn là định dạng unicode utf8) vào MySQL 4.1 trở lên trước tiên bạn vào phpMyAdmin tạo database với Collation của Charset là định dạng utf8 chẳng hạn chọn utf8_general_ci sau đó click Create như hình sau:

Sau khi tạo xong bạn click chọn SQL để import database:

Tới đây bạn Browse file database của bạn chú ý muc Character set of the file phải để là utf8 click Go để kết thúc import.
Bây giờ bạn có thể xem tiếng việt thể hiện trong phpMyAdmin đúng theo đinh dạng unicode utf8.

2. Hiển thị unicode utf8 trên web PHP:
Tuy ở trên bạn đã import và hiển thị đúng với định dạng unicode utf8 tuy nhiên khi bạn chay một số ứng dụng web PHP của bạn sẽ vẫn gặp lỗi hiển thị unicode như sau (font unicode bị hiển thị thành dấu ? và ô vuông):

Để khắc phục vấn đề này MySQL cung cấp cho bạn một câu truy vấn SET NAMES ‘utf8′ , Trong php sau câu truy vấn kết nối database bạn thực hiện thêm một câu truy vấn như đoạn code sau:
Ví dụ:
<?
$dbhost =”localhost”;
$dbname =”mediaonline “;
$dbuser =”chilinhnet”;
$dbpass =”chilinh”;
$db =mysql_connect(“$dbhost”,”$dbuser”,”$dbpass”) or die(“Die connect: “.mysql_error());
mysql_select_db(“$dbname”) or die(“Die select database: “.mysql_error());
mysql_query(“SET NAMES ‘utf8′”, $db);
?>
Bây giờ thì bạn hoàn toàn yên tâm với việc thể hiện tiếng việt Unicode utf8 100% trên website PHP:

Chú ý: Đối với một số hosting không cho phép bạn tạo Collation Charset khi tạo database mới từ phpMyAdmin (thường là các phiên bản phpMyAdmin cũ) bạn cũng có thể làm theo cách sau:

Bạn vẫn tạo database và import database bình thường (Mặc định những hosting đó sẽ cấu hình MySQL là Latin1), trong trường hợp có những tùy chọn Chatset bạn cũng phải chọn là Latin1. Lúc này trong phpMyAdmin bạn sẽ không thấy hiển thị tiếng việt Unicode utf8 bởi vì phpMyAdmin đã gắn đoạn code SET NAMES ‘utf8′, tuy nhiên khi browse web site php của bạn sẽ hiển thị đúng tất nhiên là bạn không được phép sử dụng đoạn code SET NAMES ‘utf8′ trong mã lên của bạn khi dùng cách import này.

Author:
Lê Chí Linh

Tài liệu về PHP và MySQL:

Tài liệu về ASP:

Tài liệu về CSS:

Tài liệu về Dreamweaver:

Tài liệu về Ajax:

Tài liệu về Flash:

Tài liệu về Photoshop:

Tài liệu về JSP:

HTTP Status 500 -

message

description The server encountered an internal error () that prevented it from fulfilling this request.

exception

java.lang.NullPointerException

Đây là dòng báo lỗi của em nó.

Và nguyên nhân là do trong lớp connectDB thiếu 1 dòng.

Trước là như vầy:

Connection connection = null;
try {
connection = DriverManager.getConnection(“jdbc:postgresql://localhost:5432/caxxx”,”postgres”,”xxxxxx”);
} catch (Exception e) {}
return connection;

Và sửa lại như thế này để chạy bình thường:

Connection connection = null;
try {
Class.forName(“org.postgresql.Driver”);
connection = DriverManager.getConnection(“jdbc:postgresql://localhost:5432/caxxxx”,”postgres”,”xxxxxx”);
} catch (Exception e) {}
return connection;

Developing Struts 2 Captcha Application
In this section we are going to develop Captcha Servlet and then use the same to validate Struts 2 based web applications. We have developed a Servlet that generates Captcha image.

Let’s see how our Captcha application works.

Working of the application

1. captcha.jsp: This page contains the captcha image and one text field.
2. User reads the image text and then enters in the “Code” text field. After entering the value in the text field, user clicks on the “Verify“  command button.
3. Then our Struts 2 action validates the user input and the session Captcha value.  If user enters the correct image code in the text filed, then action  forward to the “success.jsp” page. Otherwise, it gives an error and go to again the “captcha.jsp“.

1. Index page
In the  index.html we have added a link to captcha.jsp. User can click on this link to go to the captcha form.

2. Captcha Page
The GUI of the application consists of  Captcha page  (captcha.jsp).
The captcha.jsp is used to display the valid code and a text box.

The code :
<s:actionerror />
displays action errors and field validation errors.

The code <s:form action=”doLogin” method=”POST”> generates the html form for the application.

The code :

<img src=”Captcha.jpg” border=”0″>
<s:textfield label=”Code” name=”j_captcha_response” size=”20″ maxlength=”10″/>

The submit button is generated through <s:submit value=”Verify” align=”center” /> code.

3. Servlet Class
Develop a Servlet class “RoseIndiaCaptcha.java” to create a Captcha image. Here is the code of RoseIndiaCaptcha.java Servlet class:

4.Mapping  for Servlet class in web.xml

5.Success page

After successful validation page  transfer to the “success.page”

6.Developing Action Class
Now let’s develop the action class to handle the Captcha validation request.

The code  String c= (String)session.getAttribute(RoseIndiaCaptcha.CAPTCHA_KEY) is used to get the Captcha value stored in session and then validate it with the user input. Here is the code of the Action class.

7.Configuring action mapping (in struts.xml)
Now we will create action mapping in the struts.xml file. Here is the code to be added in the struts.xml:

In the above mapping the action “doCaptcha” is used to validates the user using action class (CaptchaAction.java).

Output :

If invalid code the error message is display.

After successfully validation message :

Download the application

Hệ thống check security để tránh tình trạng bot spam.Lưu ý quan trọng

Vì ví dụ mẫu này sử dụng phiên bản BotDetect CAPTCHA được hiện thực dưới dạng COM component, cả máy chủ và máy lập trình của bạn phải sử dụng hệ điều hành họ Windows. Hiện tại, chúng tôi chưa hỗ trợ trang Java chạy trên các hệ điều hành khác.

Yêu cầu hệ thống

• JDK 1.6.0_07 – http://java.sun.com
• Eclipse 3.4 IDE dành cho lập trình viên Java EE – http://www.eclipse.org/downloads/
• Tomcat 6.0.14 – http://jakarta.apache.org/tomcat
• JACOB – Java COM Bridge – http://sourceforge.net/projects/jacob-project
• BotDetect 2.0 CAPTCHA – dùng thử miễn phí BotDetect CAPTCHA

Các phiên bản khác cũng có thể dùng tốt nhưng chúng tôi đã sử dụng các phiên bản trên trong ví dụ này. Giải nén và cài đặt vào thư mục tuỳ chọn.

Tạo dự án CAPTCHA mới dùng Java

Tạo mới dự án web động bằng cách click “File\New\Project”

Trong “Project name”, gõ “captchaWeb”, chọn “Apache Tomcat v6.0″ trong “Target Runtime” và click “Finish”.

Tại dấu đợi lệnh click “Yes” để chuyển sang Java EE

Trong Project Explorer tìm tới “Java Resources: src”, click phải vào nó và chọn “New\Package”. Trong trường “Name”, gõ “org.lanapsoft.captcha” và click “Finish”.

click phải trên gói mới và chọn “New\Class”. Trong trường “Name” gõ “CaptchaServlet” và click “Finish”.

Cắt dán doạn mã sau:

package org.lanapsoft.captcha;

import java.io.IOException;

import javax.servlet.ServletException;
import javax.servlet.ServletOutputStream;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;

import com.jacob.activeX.ActiveXComponent;
import com.jacob.com.SafeArray;
import com.jacob.com.Variant;

public class CaptchaServlet extends HttpServlet {

  public void service(HttpServletRequest request, HttpServletResponse
    response) throws ServletException, IOException {

    ActiveXComponent activeXComponent = null;

    String command = null;
    String[] params = null;
    String queryString = (String) request.getQueryString();

    if (queryString != null) {
      params = queryString.split("=");
      command = params[0];
    }

    HttpSession session = request.getSession(true);
    activeXComponent = (ActiveXComponent)
      session.getAttribute("captchaComponent");

    if (activeXComponent == null) {
      activeXComponent = new ActiveXComponent("Lanap.BotDetect");
      session.setAttribute("captchaComponent", activeXComponent);
    }

    if ("CreateImage".equals(command)) {
      activeXComponent.setProperty("CodeLength", 5);
      activeXComponent.setProperty("Format", "Jpeg");
      activeXComponent.setProperty("ImageWidth", 300);
      activeXComponent.setProperty("ImageHeight", 100);

      Variant createImage = activeXComponent.invoke("CreateImage");

      SafeArray createImageSafeArray = createImage.toSafeArray();
      byte createImageByteArray[] = createImageSafeArray.toByteArray();

      Variant generatedValue = activeXComponent.invoke("GetValue");
      session.setAttribute("generatedValue", generatedValue);

      Variant generatedHashValue =
        activeXComponent.invoke("GetHashValue");
      session.setAttribute("generatedHashValue", generatedHashValue);

      ServletOutputStream servletOutputStream = response
        .getOutputStream();
      servletOutputStream.write(createImageByteArray);
      servletOutputStream.flush();
      servletOutputStream.close();

    } else if ("CreateSound".equals(command)) {
      Variant generatedValue =
        (Variant)session.getAttribute("generatedValue");
      Variant createSound =
        activeXComponent.invoke("CreateSoundFromCode",
          generatedValue);

      SafeArray createImageSafeArray = createSound.toSafeArray();
      byte createImageByteArray[] = createImageSafeArray.toByteArray();

      ServletOutputStream servletOutputStream = response
        .getOutputStream();
      servletOutputStream.write(createImageByteArray);
      servletOutputStream.flush();
      servletOutputStream.close();

    } else if ("userCode".equals(command)) {
      String userCodeParam = params[1];

      Variant userCode = new Variant();
      userCode.putString(userCodeParam);

      Variant generatedHashValue = (Variant)
        session.getAttribute("generatedHashValue");
      Variant validate = activeXComponent.invoke("Validate", userCode,
        generatedHashValue);

      boolean success = validate.getBoolean();

      if (success) {
        response.sendRedirect("/captchaWeb/success.htm");
      } else {
        response.sendRedirect("/captchaWeb/failure.htm");
      }
    }
  }
}

Để loại bỏ lỗi biên dịch, click phải vào dự án và chọn “Properties”. Chọn “Java Build Path” và click trên “Add Library…”

Trên màn hình tiếp theo chọn “User Library” và click “Next”.

Click “User Libraries”.

Click “New”.

Gõ “jacob” cho “User library name” và Nhấn “OK”.

Click “Add jars”, tìm tới thư mục “Jacob” và chọn “jacob.jar”.

Click “OK”, “Finish” và “OK”. Sẽ không có lỗi nào trong dự án.

Trong Project Explorer, tìm tới “WebContent\WEB-INF”, mở “web.xml” và chuyển qua tab “Source”.

Cắt dán đoạn mã sau:

<?xml version="1.0" encoding="UTF-8"?>
<web-app id="WebApp_ID" version="2.4"
  xmlns="http://java.sun.com/xml/ns/j2ee"
  xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
  xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee
    http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd">
  <display-name>captchaWeb</display-name>
  <welcome-file-list>
    <welcome-file>index.htm</welcome-file>
  </welcome-file-list>

  <servlet>
    <servlet-name>captchaWeb</servlet-name>
    <servlet-class>org.lanapsoft.captcha.CaptchaServlet</servlet-class>
    <load-on-startup>1</load-on-startup>
  </servlet>

  <servlet-mapping>
    <servlet-name>captchaWeb</servlet-name>
    <url-pattern>/captcha/*</url-pattern>
  </servlet-mapping>
</web-app>

Trong Project Explorer, click phải vào “WebContent” và chọn “New\File”. Gõ vào “index.htm” và click “Finish”.

Lặp lại các bước và tạo file “success.htm” và “failure.htm”.

Cắt dán đoạn mã sau:

index.htm

<html>
<body>
  <form name="searchForm" method="get" action="/captchaWeb/captcha">
    <table>
      <tr>
        <td>
          <img src="/captchaWeb/captcha?CreateImage" />
        </td>
      </tr>
      <tr>
        <td>
          <b>Sound:</b>
          <a href="/captchaWeb/captcha?CreateSound">
            <img src="speaker.gif" alt="Speak the code" />
          </a>
        </td>
      </tr>
      <tr>
        <td colspan="2" align="right">
          <input type="text" name="userCode" />
        </td>
      </tr>
      <tr>
        <td colspan="2" align="right">
          <input type="submit" value="Submit" />
        </td>
      </tr>
    </table>
  </form>
</body>
</html>

success.htm

<html>
  <h1>success</h1>
</html>

failiure.htm

<html>
  <h1>failure</h1>
</html>

Tìm tới “WebContent\WEB-INF\lib” trong Project Explorer và dán file “jacob-1.14.3-x86.dll”.

click phải trên dự án “captchaWeb”, chọn “Properties”, và “Java EE Module Dependencies” và check thư viện “jacob”. Nhấn “OK”.

Tìm tới “Window\Show View” và chọn “Servers”. Trong màn hình “Servers”, click phải và chọn “New\Server”.

chọn “Tomcat v6.0 Server” và click “Next”.

Trên mục “Add và Remove Projects”, chọn “captchaWeb” và click “Add”, rồi “Finish”.

Trong “Servers”, click phải trên máy chủ, chọn “Start”. Tìm tới “Run\Run Configurations”, chọn “Tomcat v6.0 Server at localhost” và trên tab “Arguments”, thêm VM argument -Djava.library.path=“location_of_your_workspace\ captchaWeb\WebContent\WEB-INF\lib”. Click “Apply” và “Close”.

Khởi động lại máy chủ, mở trình duyệt và gõ URL http://localhost:8080/captchaWeb/index.htm.

Nếu bạn nhập đúng giá trị, bạn sẽ được chuyển tới success.htm

Ngược lại, bạn sẽ được chuyển tới failure.htm

[lên đầu trang]

Thiết lập môi trường Java

Nếu bạn không có Java EE Developer Tools được cài đặt trong Eclipse, tìm tới Help\Software Updates… trong tab “Available Software” chọn “Java EE Developer Tools” và click “Install”.

Trong Eclipse, tìm tới “Window\Preferences” và “Java\Installed JREs” để chọn JRE.

Nếu chưa có JRE, click “Add…” và tìm tới thư mục của nó.

Dưới “Server\Runtime Environments” click “Add…”

chọn “Apache Tomcat v6.0″ và click “Next”.

Click “Browse” để tìm tới thư mục Tomcat và click “Finish” và “OK”.

Thư viện:

•Tải về từ địa chỉ sau:

http://www.mediafire.com/download.php?izk3yht5nyo

Bao gồm (tối thiểu để chạy struts):

Cách cài đặt: file struts

<!DOCTYPE struts PUBLIC

“-//Apache Software Foundation//DTD Struts Configuration 2.0//EN”

“http://struts.apache.org/dtds/struts-2.0.dtd”>

<struts>

<package name=”default” extends=”struts-default”>

<action name=”HelloWorld”>

<result name=”SUCCESS”>/success.jsp</result>

</action>

</package>

</struts>

File này nằm trong thư mục gốc của thư mục src ( thư mục chứa file java)

Cách cài đặt: thêm vào file web.xml

<filter>

<filter-name>struts2</filter-name>

<filter-class>org.apache.struts2.dispatcher.FilterDispatcher</filter-class>

</filter>

<filter-mapping>

<filter-name>struts2</filter-name>

<url-pattern>/*</url-pattern>

</filter-mapping>

Cách sử dụng: form struts

Khai báo taglib như thẻ c (jstl)

<%@taglib uri=”/struts-tags” prefix=”s” %>

Ví dụ:

<s:form action=”HelloWorld” >

<s:textfield name=”userName” label=”User Name” />

<s:submit />

</s:form>

Có thể kô sử dụng taglib, nhưng trong form, thẻ action thì bắt buộc tên action có thêm đuôi .action

Ví dụ:

Thay <form action=“Hello” … >

Thành <form action=“Hello.action” …>

Cách sử dụng: lớp action

Tạo mới lớp java bình thường: Biến nhận vào phải giống với name trong input ở thẻ form.

Biến phải có đầy đủ getter và setter. Chỉ được thao tác với biến qua getter và setter.

Ví dụ:

Biến String name;

Chỉ được gọi getName() kô được dùng name

Hiện thực phương thức:

public String execute() {};

Sẽ viết sử lý của lớp action trong đây.

Trả về có 2 mặc định là:

Return SUCCESS; (nếu đúng)

Return INPUT; (nếu có sai sót)

Cấu hình: file struts

Mỗi action đều fải khai báo với file struts

Thêm vào:

<action name=”HelloWorld”>

<result name=”SUCCESS”>/success.jsp</result>

</action>

Tương ứng với trả về trong file action thì sẽ trỏ địa chỉ trang trả về.

Xem ví dụ ở: http://www.vaannila.com/struts-2/struts-2-example/struts-2-example.html

Form để upload file cần thoã mãn các điều kiện sau:

* method là POST
* enctype là multipart/form-data

Mã HTML của form sẽ từa tựa như sau:

<form method=”POST” enctype=”multipart/form-data” action=”process_upload.php”>
<input type=”hidden” name=”MAX_FILE_SIZE” value=”30000″>
<input type=”file” name=”file_upload” size=”20″>
<input type=”submit” value=”Upload”>
</form>

Đoạn code trên sẽ tạo 1 form với 1 nút Browse… để ban chọn file cần upload, và 1 nút Upload để bạn submit form. Form sẽ được submit tới file process_upload.php nằm cùng thư mục với file chứa form.

Một số browser support MAX_FILE_SIZE sẽ kiểm tra dung lượng file trước khi form được submit, tuy nhiên không phải browser nào cũng vậy. Cho nên bạn đừng nên tin tưởng tuyệt đối vào server! Ở ví dụ trên, nếu browser hỗ trợ, nhưng file có dung lượng lớn hơn 30000 byte sẽ được browser thông báo lỗi khi submit form.

XỬ LÝ DỮ LIỆU ĐƯỢC SUBMIT LÊN SERVER

Bây giờ ta hãy xem xét tới phần xử lý dữ liệu được submit lên server trong file process_upload.php. PHP lưu thông tin về file được upload lên server trong biến global $_FILES. Với form ở ví dụ trên, PHP sẽ truyền cho script process_upload.php các thông tin sau:

* $_FILES['file_upload']['name']: tên file gốc trên máy client. Tuỳ vào browser, tên file có thể được truyền lên server ở dạng C:folderfilename.ext hoặc chỉ là filename.ext. Chương trình phải tự kiểm tra và trích ra tên file nếu cần thiết.
* $_FILES['file_upload']['type']: kiểu của file, được lưu ở dạng MINE (Ví dụ: image/gif, audio/wav).
* $_FILES['file_upload']['size']: dung lượng của file tính theo byte.
* $_FILES['file_upload']['tmp_name']: sau khi upload, server sẽ lưu file vào một file tạm trên server, biến này cho ta biết đường dẫn và tên của file tạm đó. Chương trình sẽ đọc file tạm này để lấy nội dung của file được upload.
* $_FILES['file_upload']['error']: mã lỗi, chương trình nên kiểm tra biến này để bảo đảm rằng quá trình upload không xảy ra lỗi.
o UPLOAD_ERR_OK ( = 0 ): không có lỗi, quá trình upload thành công.
o UPLOAD_ERR_INI_SIZE ( = 1 ): dung lượng file upload vượt quá giới hạn được chỉ định trong file php.ini.
o UPLOAD_ERR_FORM_SIZE ( = 2 ): dung lượng file upload vượt quá giới hạn được chỉnh định bởi MAX_FILE_SIZE.
o UPLOAD_ERR_PARTIAL ( = 3 ): file chỉ được upload 1 phần (có thể là do lỗi đường truyền trong quá trình upload).
o UPLOAD_ERR_NO_FILE ( = 4 ): không có file nào được upload (có thể là file ở client không tồn tại).

Khi đã có toàn bộ các thông tin cần thiết, xử lý file như thế nào là quyến định của bạn. Bạn có thể đọc nội dung của file và lưu vào database, hoặc di chuyển file và lưu vào thư mục upload của bạn. Sau đây là 1 ví dụ của file process_upload.php.

Đầu tiên, kiểm tra xem tác vụ có phải là upload hay không:

if ( $_SERVER["REQUEST_METHOD"] != “POST” ) {
//thông báo lỗi không phải là method POST
//và thoát
exit(-1);
} //end if

Tiếp theo kiểm tra xem quá trình upload có lỗi gì không:

if ( !isset($_FILES["file_upload"]["error"] ||
$_FILES["file_upload"]["error"] != 0 ) {
//thông báo lỗi dựa vào giá trị của $_FILES["file_upload"]["error"]
//và thoát
exit(-1);
} //end if

//ta cũng có thể kiểm tra xem dung lượng file có vượt quá giới hạn
//của chương trình hay không
if ( $_FILES["file_upload"]["size"] > $MAX_FILE_SIZE ) {
//thông báo lỗi
//và thoát
exit(-1);
}

Tách tên file từ client:

$temp = preg_split(‘/[/\\]+/’, $_FILES["file_upload"]["name"]);
$filename = $temp[count($temp)-1];

//ta cũng có thể kiểm tra phần mở rộng của file nếu cần thiết
if ( !preg_match(‘/.(gif|jpg)$/i’, $filename ) {
//thông báo lỗi file upload không phải là dạng GIF hoặc JPG
//và thoát
exit(-1);
} //end if

Và cuối cùng, lưu file được upload vào nơi cần thiết:

$upload_dir = “/home/nbthanh/public_html/uploads/”;
$upload_file = $uploaddir . $filename;
if ( move_uploaded_file($_FILES["file_upload"]["tmp_name"], $upload_file) ) {
//file đã được upload và copy sang thư mục lưu trữ thành công
} else {
//có lỗi xảy ra
} //end if

CÁC HÀM PHP ĐƯỢC DÙNG TRONG VÍ DỤ

* exit: dừng/thoát chương trình ngay lập tức.
* isset: kiểm tra xem biến có tồn tại hay không. Trong ví dụ của bài viết, ta dùng hàm isset để kiểm tra xem biến $_FILES["file_upload"]["error"] có tồn tại hay không.
* preg_split: tách một chuỗi thành từng phần nhỏ theo regular expression. Trong ví dụ của bài viết, ta dùng hàm này để tách tên file cùng đường dẫn ra thành từng phần nhỏ (phân cách nhau bằng ký tự hoặc /, ta không biết chắc được client là Windows hay Linux nên ta tách theo trường hợp tổng quát). Sau khi tách, phần tử cuối cùng sẽ là tên file.
Một cách khác để lấy tên file là dùng hàm basename. Tuy nhiên sử dụng hàm này sẽ có một số vấn đề nảy sinh, bạn tham khảo thêm ở đây: http://anonym.to/?http://www.php.net/manual/en/function.basename.php.
* count: đếm số lượng phần tử trong mảng. $a[count($a)-1] sẽ truy cập tới phần tử cuối cùng của mảng $a.
* preg_match: sử dụng regular expression để tìm xem chuỗi con có xuất hiện trong chuỗi mẹ hay không. Trong ví dụ của bài viết, ta dùng hàm này để kiểm tra xem tên của của có được kết thúc bằng .gif hoặc .jpg hay không.
* move_uploaded_file: di chuyển file được upload từ client đến 1 thư mục khác trên server.

TÀI LIỆU THAM KHẢO

* PHP Manual: http://anonym.to/?http://www.php.net/manual/en/index.php
o Regular Expression Functions (Perl-Compatible): http://anonym.to/?http://www.php.net/manual/en/ref.pcre.php
o Handling file uploads: http://anonym.to/?http://www.php.net/manual/en/features.file-upload.php
* Từ Google: từ khoá php tutorial upload file

Source from DDTH

PHP

Code:

<?php

header(“Location: http://yoursite.com/”)

?>

Trong HTML bạn có thể sử dụng đoạn mã sau:

Code:

<html>

<head>

<title>Please wait…</title>

<script language=”JavaScript”>

self.location.href=’http://yoursite.com/’;

</script>

</head>

<body>

</body>

</html>

Bạn sử dụng đoạn PHP sau trong đoạn mà bạn muốn hiển thị:

PHP

Code:

<?

$browser = “$HTTP_USER_AGENT”;

print(“Bạn đang sử dụng: $browser”)

?>

hoặc

PHP

Code:

print(“<font color=”red”> Bạn đang sử dụng: $browser <font>”)

Còn cập nhật thêm

Các form đó đều có điểm chung: Đều được viết bằng HTML. Hãy cùng nhắc lại đôi chút về cách tạo form với HTML:

Trước hết, bạn hãy dành 30 giây trong quỹ thời gian “ít ỏi” của mình để ngẫm lại: HTML có cấu trúc như thế nào?

Nói một cách ngắn gọn, một file HTML có cấu tạo như sau:

HTML Code:

<html>

<head>

<title><!– Tiêu đề –></title>

</head>

<body>

<!– Nội dung –>

</body>

</html>

Form trong HTML được đặt trong phần <body></body>. Ví dụ như sau:

HTML Code:

<form action=“process.php” method=“GET”>

Tên: <input type=“text” name=“name” /><br />

Tuổi: <input type=“text” name=“age” /><br />

<input type=“submit” value=“Submit!” />

</form>

Đoạn code HTML trên có tác dụng gì? Rất đơn giản, nó giúp tạo ra 1 form với 2 ô để nhập dữ liệu: Tên và tuổi. Kèm theo đó là 1 nút lệnh mang chữ Submit. Rất giản dị và ko có gì khó hiểu ở đây cả.

À, có 1 điều này cần giải thích: Ở dòng đầu tiên của đoạn code, thẻ form có 2 thuộc tính: action và method. Hai thuộc tính này có mục đích gì?

1. action=”process.php” nghĩa là sau khi bấm submit, dữ liệu sẽ được chuyển qua file process.php nằm cùng thư mục với file HTML này
2. method=”GET” nghĩa là phương thức truyền dữ liệu sẽ là GET.

Vậy, bạn đã biết dữ liệu sẽ được chuyển qua file process.php, mà hiển nhiên file process.php này chưa tồn tại, nên một điều rất tự nhiên là ta sẽ tạo file process.php với nội dung sau:

PHP Code:

<?php
$name = $_GET["name"];
$age = $_GET["age"];
echo “Tên bạn: $name”;
echo “Tuổi của bạn: $age”;
?>

Hai dòng cuối của ví dụ trên có lẽ chẳng có j` để bàn. Chỉ đơn giản là echo 2 biến $name và $age ra màn hình. Vấn đề nằm trong 2 dòng đầu.

Ta lấy dòng thứ 1 để mổ xẻ: $name = $_GET["name"]; Ở đây ai cũng biết giá trị của $name được gán từ $_GET["name"]. Vậy là chỉ còn duy nhất 1 điều cần thắc mắc: $_GET là gì?

$_GET là mảng để chứa các giá trị được chuyển từ form sang. Ở đây $_GET gồm 2 phần tử: $_GET["name"] và $_GET["age"].

Mọi vấn đề đến đây được giải quyết.

Giờ ta thử xét form ở Ví dụ ban đầu. Bạn hãy làm một phép thay đổi nhỏ: Đổi method=”GET” bằng method=”POST”.

Khi đó hiển nhiên process.php sẽ ko hoạt động

Nếu suy diễn một cách educated, bạn sẽ ngay lập tức sửa sai bằng cách thay đổi $_GET bằng $_POST. Kết quả? Đúng goài

Đến đây ta có thể sung sướng rút ra kết luận: Để nhận biến từ form chuyển sang, có thể sử dụng mảng $_GET hoặc $_POST, tùy vào phương thức truyền dữ liệu của form.

Bài học kết thúc ở đây được rồi nhỉ?

Chưa đâu bạn ạ. Còn một điều chưa nói đến: Sự khác nhau giữa $_GET và $_POST là j`? Hay đúng hơn, sự khác nhau giữ method GET và POST là gì?

Nói đến GET và POST, trước hết ta sẽ nói đến HTTP Request.

Một HTTP Request được gửi tới server có định dạng như sau:

Code:

<request-line>

<headers>

<blank line>

[<request-body>]

Một HTTP Request được gửi tới trang web http://anonym.to/?http://www.abc.com từ trình duyệt Firefox sẽ tương tự như ví dụ sau:

Code:

GET / HTTP/1.1

Host: www.abc.com

User-Agent: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7.6)

Gecko/20050225 Firefox/1.0.1

Connection: Keep-Alive

Tương tự, một Request gửi đến trang http://anonym.to/?http://www.abc.com/def sẽ có dạng như sau:

Code:

GET /def/ HTTP/1.1

Host: www.abc.com

User-Agent: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7.6)

Gecko/20050225 Firefox/1.0.1

Connection: Keep-Alive

Như các bạn có thể thấy, 2 ví dụ trên đều dùng phương thức GET để request dữ liệu.

Giờ hãy tưởng tượng, sau khi điền vào form 1 giá trị name là admin, age là 20, bạn bấm nút submit để gửi dữ liệu đến file process.php.

Trên thanh address sẽ hiện ra url: process.php?name=admin&age=20

Nếu xem xét một cách kỹ lưỡng HTTP Request, ta sẽ thấy nó như sau:

Code:

GET /process.php?name=admin&age=20 HTTP/1.1

Host: www.abc.com

User-Agent: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7.6)

Gecko/20050225 Firefox/1.0.1

Connection: Keep-Alive

Tóm lại, khi dùng phương thức GET, trình duyệt sẽ gửi Request tới server với các tham số đặt trong dòng đầu tiên (request-line).

Còn với phương thức POST thì sao? Thay nằm trong request-line, những tham số này được đặt trong phần request-body.

Ví dụ ta giữ nguyên form trên, chỉ thay method=”GET” bằng method=”POST” và bấm Submit. Khi đó đây sẽ là HTTP Request “behind the scene”:

Code:

POST / HTTP/1.1

Host: www.abc.com

User-Agent: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7.6)

Gecko/20050225 Firefox/1.0.1

Content-Type: application/x-www-form-urlencoded

Content-Length: 40

Connection: Keep-Alive

name=admin&age=20

Có thể dễ dàng thấy rằng, ngoài việc thêm một số dòng vào phần header:

Code:

Content-Type: application/x-www-form-urlencoded

Content-Length: 40

Connection: Keep-Alive

thì phương thức POST đã “cất” các tham số của mình trong phần request-body. Điều này hiển nhiên khác hẳn phương thức GET.

Isheep

Trong những trường hợp như thế này, ta sẽ sử dụng Regular Expression. Regular Expression, viết tắt là RegEx, có rất nhiều định nghĩa. Đây là một trong số các định nghĩa đơn giản nhất:

Regular Expression là một cách thức thể hiện dữ liệu dưới dạng các ký tự đại diện. Nó được dùng trong các thuật toán tìm kiếm, thay thế xâu.

Đây là ví dụ về một RegEx dùng để kiểm tra xem một xâu có phải là địa chỉ IP đúng đắn hay ko:

Code:

([0-9]{1,3}).([0-9]{1,3}).([0-9]{1,3}).([0-9]{1,3})

Nhìn thì có vẻ rất phức tạp chứ thực ra RegEx trên rất đơn giản và dễ hiểu một khi bạn đã nắm được cách sử dụng.

Ta sẽ quay trở lại ví dụ trên sau khi đã học được một số điều cần thiết. Giờ hãy dành thời gian vào việc tìm hiểu cú pháp, cách viết 1 RegEx:

1.RegEx CÓ phân biệt ký tự hoa – thường. (case sensitive)

Ví dụ ta có một xâu như sau:

Code:

Hello, UDS

Khi đó RegEx Hello sẽ phù hợp với phần đầu của xâu nói trên, còn hello thì ko.

2. Mọi ký tự trong RegEx đều ứng với một ký tự trong xâu cần kiểm tra, kể cả ký tự trắng (dấu cách, dấu tab, dấu xuống dòng).

Ví dụ với xâu:

Code:

Hello, UDS

Thì Hello, UDS sẽ phù hợp còn Hello, UDS ko.

3. Một số ký tự có ý nghĩa đặc biệt. Ký tự ^ chỉ sự bắt đầu một xâu, còn $ chỉ sự kết thúc.

Ví dụ: Xâu

Code:

UDS is UDS

^UDS sẽ phù hợp với đoạn UDS đầu xâu, trong khi UDS$ sẽ phù hợp với đoạn UDS cuối xâu.

4. Cũng như trong PHP, ký tự được sử dụng để escape một số ký tự đặc biệt. Ví dụ $, ^, -

Xâu:

Code:

$abc$

$ phù hợp với ký tự $ đầu xâu.

5. Ký tự . phù hợp với mọi ký tự

Ví dụ:

RegEx … phù hợp với 3 ký tự đầu trong xâu

Code:

UDS is a great community!!!

Dĩ nhiên, để 1 ký tự trong RegEx phù hợp với dấu . (thật) thì cần phải escape dấu . ấy như thế này .

Ví dụ:

Code:

O.K.

. sẽ phù hợp với dấu . thứ nhất sau ký tự O.

6. Một danh sách các ký tự có thể đặt trong dấu ngoặc vuông []. Khi đó bất cứ ký tự nào trong ngoặc vuông được tìm thấy, ký tự đó sẽ được coi là phù hợp. Trật tự các ký tự trong ngoặc là ko quan trọng.

Ví dụ:

Code:

How do you do?

[oyu] sẽ phù hợp với ký tự o trong từ How

[dH]. sẽ phù hợp với ký tự Ho trong từ How.

7. Một dải (range) các ký tự có thể được thể hiện bằng cú pháp [ - ]. Có thể có nhiều dải trong một cặp ngoặc [].

Ví dụ:

Code:

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789

[C-K] sẽ phù hợp với ký tự C.

[a-d] sẽ phù hợp với ký tự a.

[C-Ka-d2-6] sẽ phù hợp với ký tự C.

8. Nếu một lớp các ký tự đặt trong dấu [] được mở đầu bằng ký tự ^, những ký tự đó sẽ được coi là ko phù hợp.

Ví dụ:

Code:

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz 0123456789

[^CDghi45] sẽ ko phù hợp với các ký tự C, D, g, h, i, 4, 5.

9. Các xâu khác nhau có thể được đặt trong dấu () và phân cách bằng ký tự |.

Ví dụ:

Code:

Monday Tuesday Friday

(on|ues|rida) sẽ phù hợp với đoạn on trong từ Monday, ues trong từ Tuesday,…

10. Có thể chỉ ra số lần ký tự sẽ xuất hiện. Ký tự * phù hợp với “ko hoặc nhiều hơn thế”, + phù hợp với “một hoặc nhiều hơn thế”, ? phù hợp với “ko hoặc một”.

Ví dụ:

Code:

aabc abc bc

a*b hoặc a+b phù hợp với aab.

a?b phù hợp với ab.

copy from updatesoft