www.17rumen.com

php_01 Linux 下学习 php编程相关软件工具设置和测试php环境

fanzg — Sat, 02 Jan 2010 11:56:12 +0800

如果想学习 php编程的朋友，可以考虑一下在linux 下学习。呵呵

现在也不像以前安装 linux 很复杂，还有现在安装 LAMP环境也方便（php运行环境吧）

我建议如果是新手想在linux下学习php的话，建议安装 ubuntu9.10 server 目前最新版本。

安装的时候一定要选择把LAMP也安装上，如果选择安装上的话，就直接可以运行php程序了，

而且还支持比较多的东西，同时也把 mysql 也安装上了，apache 更加不用说了。可以说非常非常方便。

你可以观看我网站的安装过程 http://www.17rumen.com/archives/164.html

==========================================

当然，如果你不喜欢ubuntu的话，也可以安装其他linux发行版本，例如centos
我这里也有相关的教程，也是相当详细的视频教程

===============================

好了，不说了，我就使用 ubuntu9.10 server 的lamp 而且现在还安装了 gnome桌面图形界面
这些都可以在我网站上看到这些教程的。

我就不多少了，现在看看安装好了如何进行一些工具配置和编写 php网页，

php 网页又应该存放在什么目录下。

下面开始学习一下。

首先你要知道的是自带的lamp环境， apache的虚拟目录就是在 /var/www

也就是当你访问 http://127.0.0.1/index.html 的时候也就是访问 /var/www/index.html

可以测试一下，看到了吧，是一样的文件。

------------------------------------

那现在好了，我们以后学习php程序的页面就放在 /var/www 目录下

我们现在来写一个 test.php 页面吧。

发现在 /var/www 目录下不能创建文件，那是因为这个目录权限只有 root
而我们现在用其他用户登录系统的。

下面修改一下权限。

运行终端

输入 sudo chmod o+w /var/www
表示其他用户可以对 /var/www 目录可写，也就是可以创建文件和目录了。

现在再创建一个 test.php , 点击打开这个文件，自动用 gedit 打开

现在来编写一个简单的语句
<?php
phpinfo();
?>

然后用浏览器 firefox 进行浏览 http://127.0.0.1/test.php
可以看到关于 php 的很多信息这里不介绍了。

以后这个 gedit 就作为我们编写 php 的编辑器，为了更加方便，对它做一些修改

例如：显示行号，启动自动缩进，使用 Cobalt 配色方案，

当然你可以根据你自己的需要，每个人有不同的喜好，呵呵。

还有包括 firefox 设置，终端的一些设置你自己都可以完成
主要是根据你的习惯，让以后学习php的时候更加方便

好了，现在已经大概设置好了，下次就正式学习php的语法内容了。
以后如果需要设置哪方面再设置也可以的。我这次的学习笔记就到这里了。

视频下载地址：请使用WinRAR或者7-Zip进行解压
点击进入下载页面：下载地址1 | 下载地址2 | 下载地址3

ubuntu9.10 server 下安装 fcitx 小企鹅输入法并设置模糊音

fanzg — Fri, 01 Jan 2010 23:59:30 +0800

安装好 ubuntu9.10 server 一段时间了，现在想在图形界面上学习一些东西。
但是自带的那个拼音输入法实在不习惯，可能是我拼音不怎么好，在windows 上

使用的拼音输入法都是设置模糊音的。可以看到我的系统就是这个输入法汉语 PinYin

我在网上查了一下 fcitx 也就是小企鹅输入法可以设置模糊音的，所以现在安装一下。

首先是要删除系统自带的 IBus , 下面的安装过程也是参考网上的。

-----------------------------------
打开终端

sudo apt-get remove ibus

正在删除 language-support-input-zh-hans ...
正在删除 ibus-table-wubi ...
正在删除 ibus-table ...
正在删除 ibus-pinyin ...
正在删除 ibus ...
正在处理用于 man-db 的触发器...
正在处理用于 hicolor-icon-theme 的触发器...
正在处理用于 desktop-file-utils 的触发器...
我把一些过程记录上来，方便大家参考

-------------------------------------------
接着安装fcitx

sudo apt-get install fcitx

需要下载 6,707kB 的软件包。
解压缩后会消耗掉 22.1MB 的额外空间。
获取：1 http://mirrors.163.com karmic/universe fcitx 1:3.6.0~rc-0.1 [6,707kB]
下载 6,707kB，耗时 1 分钟 49 秒 (61.0kB/s)
选中了曾被取消选择的软件包 fcitx。
(正在读取数据库 ... 系统当前总共安装有 70819 个文件和目录。)
正在解压缩 fcitx (从 .../fcitx_1%3a3.6.0~rc-0.1_i386.deb) ...
正在设置 fcitx (1:3.6.0~rc-0.1) ...
update-alternatives: 使用 /etc/X11/xinit/xinput.d/fcitx 来提供 /etc/X11/xinit/xinput.d/zh_CN (xinput-zh_CN)，于自动模式中。

大家可以看到我使用的是 163服务器的软件源

-----------------------------------------

安装两个中文相关的包
sudo apt-get install language-pack-zh
sudo apt-get install language-pack-gnome-zh

设置为默认的输入法
im-switch -s fcitx -z all-ALL

==============================================
然后就是配置fcitx输入法了。
用gedit编辑~/.fcitx/config这个文件,

现在没有找到有这个目录和文件，我重启一下
重启后再找一下.fcitx目录，通过 ls -a 可以看到具体的位置 /home/你的用户名/.fcitx
cd .fcitx 目录可以看到 config 文件

我们通过 vi 来修改一下，但是显示乱码， :q 退出

再通过命令， gedit config 来打开，这次没有乱码了。

=========================================

下面是一下修改内容

显示字体(中)=*改成
显示字体(中)=WenQuanYi Bitmap Song

上面这个修改是必须的，如果不修改的话，输入框是方框。根本看到是字体的。

然后下面这些修改就是根据自己爱好了。

例如候选词个数=9 显示9个。

保存自动词组=1

然后我需要的模糊音在最下面，我全部让它=1 表示使用

0 表示不使用的意思，没有其他修改了，我就重启系统了。

现在可以新建一个文档来测试一下了，模糊音，还有候选词组都设置成功了。

这样输入法用起来可方便多了，还有更加多的设置大家可以根据需要来设置。

安装这个输入法的笔记就到这里了，呵呵。

视频下载地址：请使用WinRAR或者7-Zip进行解压
点击进入下载页面：下载地址1 | 下载地址2 | 下载地址3

wml_10 WML与tomcat服务器上的Servlet进行通信

A-One — Thu, 31 Dec 2009 11:41:07 +0800

一直我们都是在本地学习 wml 和 wmlscript ，那么如果放在服务器上会怎么样呢？

或者我们需要和其他后台进行相互通信，再结合数据库又会怎样呢？

这次我们学习一下在 tomcat服务器上配置 wml 和 servlet 让它们相互通信。

思路是这样的： wml页面提交数据给 servlet ， servlet 接收后再进行处理，然后返回一个wml页面

给手机进行显示。

==========================================

好，我们先安装一下 tomcat 服务器吧，这里我使用的版本是 apache-tomcat-5.5.20 ，

在文章的最后我会提供给大家下载，你可以在网上下载吧。

如果你一直按照我们这个wml教程来做的话，那么你已经安装好 JDK 了，也配置好环境了。

如果你还没有的话请参考

http://www.17rumen.com/archives/175.html 这个视频详细演示了 jdk 1.7安装和配置环境变量的。

这里我不重复了，假设你的电脑已经安装好了 jdk 和配置好了环境变量。

那么你就可以解压出 tomcat 就可以使用了。

看我操作吧。

运行 apache-tomcat-5.5.20\bin\startup.bat 就可以测试一下是否成功

看到没有出错的信息，一般正常运行，可以用浏览器进行测试

http://127.0.0.1:8080/ 显示一个 tomcat界面，表示正常了。

===========================================================
下面来编写 servlet 程序。

详细的编写过程我就不说了，还有你需要一定的 java 基础。

特别是 j2ee 这一块的，特别servlet 这个吧。

这里我主要讲解一下重点部分

response.setContentType("text/vnd.wap.wml");

这个就是指定响应后返回给客户端界面的格式吧。
如果是平时我们用的 ie 浏览器这些电脑浏览器界面， "text/html" 格式的

String userName = request.getParameter("userName");
这个就是得到手机页面传过来的参数的值

  if( !userName.equals("Jack") )
  {
   response.sendRedirect("/wml/wml_06.wml");
  }

然后做一个简单的判断，如果手机用户输入的名字不是Jack 则返回到输入界面
如果输入的名字是 Jack 那么就会显示一个

  out.println("<?xml version=\"1.0\"?>");
  out.println("<!DOCTYPE wml PUBLIC \"-//WAPFORUM//DTD WML 1.1//EN\"");
  out.println(" \"http://www.wapforum.org/DTD/wml_1.1.xml\">");
  out.println("<wml>");
  out.println("<card title=\"Welcome!\">");
  out.println(" <p align=\"center\">");

out.println("Hello, "+ userName );

  out.println("</p>");
  out.println("</card>");
  out.println("</wml>");

这样的界面，内容是 Hello, Jack

好， Servlet 文件有了，但是这是一个 .java 源文件，还要编译成 .class 文件才行。

为了编译路径方便，我们把 MyServlet.java 复制到 c:\ 盘下
C:\>cd \

C:\>javac MyServlet.java

MyServlet.java:2: 软件包 javax.servlet 不存在
import javax.servlet.*;
^
MyServlet.java:3: 软件包 javax.servlet.http 不存在
import javax.servlet.http.*;
^
MyServlet.java:4: 找不到符号
public class MyServlet extends HttpServlet

出现一些错误，这是一个包的缺省，一个 j2ee的， tomcat 自带有的，

但是要配置一下环境变量 classpath 下面看我配置吧。

在最后加入

;C:\Documents and Settings\Administrator\桌面\apache-tomcat-5.5.20\common\lib\servlet-api.jar

然后一定要退出原来的 cmd

再重新执行 cmd

这样就成功编译出 MyServlet.class 文件了。

=============================================

下面我们来配置一些这个 wml 文件和 MyServlet.class 这个文件

\apache-tomcat-5.5.20\webapps 在这个目录下新建一个 wml 文件夹

然后进入文件夹再新建一个 WEB-INF文件夹，再进去新建一个文件夹 classes和一个 web.xml文件。

记事本打开 web.xml 文件，内容如下：

<web-app>
<servlet>
<servlet-name>MyServlet</servlet-name>
<servlet-class>MyServlet</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>MyServlet</servlet-name>
<url-pattern>/MyServlet</url-pattern>
</servlet-mapping>
</web-app>

把刚才编译的 MyServlet.class 放入 classes目录下

至于 wml 文件方面，我们用会第6课的视频教程的代码 wml_06.wml

不过要做一些修改

   <a href="http://127.0.0.1:8080/wml/MyServlet?userName=$(userName)">
    Login
   </a>

很遗憾的是我们一直使用的 Nokia Mobile Browser Simulator 4.0

不能通过 RUL 来访问 wap网站，只能本地打开 .wml 文件，可能是我不会设置的原因吧

我现在也可以再测试一下，是吧，就是这样一直等下去

http://127.0.0.1:8080/wml/wml_06.wml
这个路径是没有错的。

不说了，现在我们用另外一个软件来测试吧。

M3Gate1.2(windows访问wap网站浏览器).7z

你们可以到网上下载，我也会提供给你们下载的。

具体怎样用，我不说了，看我操作吧。

这样就打开了

点击 login 后，出现 404 也就是没有找到 tomcat 上的 servlet

我们可能是刚才配置好了没有重启 tomcat

我现在关闭了，再次启动一下

我找到原因了， web.xml 文件应该在 WEB-INF 目录下的。

看到了吧，现在我们就可以看到显示 Hello, Jack 了

这时我们登陆都不了，只会再回到这个界面上去

现在这个服务器只能在局域网上访问吧

你可以修改 .wml 中的

   <a href="http://192.168.1.8:8080/wml/MyServlet?userName=$(userName)">
    Login
   </a>

再手机模拟器上输入 http://192.168.1.8:8080/wml/wml_06.wml

也是一样的效果，这时你可以在局域网上的其他机器进行访问

==================================

下面总结一下吧，这只是一个简单的交互程序

你可以做一些扩展，例如加上验证密码

还有用户名和密码需要从数据库中得到进行验证

这就涉及到 servlet 和数据库上的啦。

还有就是当输入的数据有问题，做一个提示页面告诉用户重新输入一次

等等。。这些你们都可以进一步学习。我就演示到这里了 88

apache-tomcat-5.5.20(解压就可以用windows版本) ：
点击进入下载页面：下载地址1 | 下载地址3

M3Gate1.2(windows访问wap手机网站浏览器)：
点击进入下载页面：下载地址1 | 下载地址3

视频下载地址：
点击进入下载页面：下载地址1 | 下载地址2 | 下载地址3

wml_09 编写简单的计算器( 涉及WMLScript传值,数据类型转换问题 )

A-One — Wed, 30 Dec 2009 18:11:59 +0800

在上次视频中，第一次使用 WMLScript 脚本，就是一个简单的验证登陆程序，

没有涉及其他一些常用的功能。

这次我们要编写一个计算器，这个计算器使用 WMLScript 脚本来运算，把运算结果再返回给

.wml 页面，再进行显示。

比起上次视频多了一些步骤，还有一些数据类型的转换。

好，下面我们在上次的视频代码中进行修改。先回顾一下上次的视频。

这就是上次的一个登陆程序，我现在修改一下。

==============================

你现在看上去就是一个 2个文本框，就是2个数相加的简单程序。

因为现在需要把

+ <br/>

num1 和 num2 这两个数，传给 WMLScript 的函数，然后再进行计算。

所以，函数需要在原来的基础上增加一个参数才可以。

   <a href="wml_08.wmls#disp('num1','num2')">
    Submit
   </a>

当然，在 WMLScript 中的函数也同时要增加，不然参数的数量不一样就会出错。

extern function disp(str1,str2)
{
var num1 = WMLBrowser.getVar( str1 );

var num2 = WMLBrowser.getVar( str2 );
}

暂时不使用的语句，可以用 // 来注释掉。说明这一行语句不会被执行的。

var sum = num1 + num2;

Dialogs.alert( sum );

这样就会打印 2个相加的值了。我们测试一下。

输入 2 + 3 ，但是结果显示 23 。。。。

这是因为

var num1 = WMLBrowser.getVar( str1 );

var num2 = WMLBrowser.getVar( str2 );

num1 和 num2 并不是数字类型，是字符类型，

也就是 var sum = "2" + "3" 那当然就是变成 23 了。

我们现在做一个数据转换，把字符类型转为数字类型

这样就可以进行运算操作了。Lang.parseInt() 函数，就是把字符类型转为数字类型的。

我们现在再测试一下，现在就成功得到了 2+3=5 了，呵呵。

=====================================

现在问题又来了，如何把这个 5 传回到我们的 .wml 页面呢？

这就需要多一个变量才行

这是什么意思呢？这就是声明一个 message 并且让它为空 "" 值，

然后我们再把它传到WMLScript 脚本中，把运算结果 5 赋值给它，这样message 就等于5了

这样就可以在 .wml 文件中显示出来

WMLBrowser.setVar( msg , sum );

<p> $(message)</p>

测试一下，出现一个错误，看看，可以了，可能是刚才没有刷新的原因的把。

现在这个显示页面就是 .wml 文件中的卡片card2 的内容了。

我们再修改一下吧

<p>$(num1) + $(num2) = $(message)</p>

这样显示就比较清楚了。。或者再从头载入一次。

是吧，这样一个简单的计算器就出来，当然你可以改成其他运算， 2个数相减，

或者乘除，都可以，或者多几个数运算都可以。好了视频就到这里，谢谢观看！8

视频下载地址：请使用WinRAR或者7-Zip进行解压
点击进入下载页面：下载地址1 | 下载地址2 | 下载地址3

wml_08 编写简单的本地验证数据程序例子，让你了解 WMLScript

A-One — Wed, 30 Dec 2009 12:36:48 +0800

我们曾经做过这样一个界面，就是用户登陆界面的.wml页面，

现在打开回顾一下，就是这样的一个登陆界面。

如果是在 html网页中，我们通常会使用 javascript 对用户输入的数据进行一些验证，

例如如果用户名为空，也就是用户什么都没有输入，这样就提示要用户输入用户名，

就让它继续填写，如果填写数据了就提交给服务器进行处理。

在 wml 中，也不例外，不过使用的是 WMLScript 脚本，这个也可以作为本地验证，

别小看本地验证，一些可以前台进行处理的数据尽量前台处理，这样可以减轻服务器的负担。

===========================================

好了，不多说了，现在来实现一个功能：

用户没有输入信息就点击了登陆，我们就提示要它重新回到界面输入，

如果已经输入了，再点击登陆，那么就显示欢迎界面。

重点在用户点击登陆的时候发生验证程序。

也就是点击登陆就把数据传到 wmlscript中进行验证。

新建一个 wml_08.wmls 文件， .wmls文件是 wmlscript的脚本文件。

现在我们在脚本文件上写一个简单的验证函数。

extern function disp(str)
{
var userName = WMLBrowser.getVar( str );

if( userName == "" )
Dialogs.alert( "Please enter your name, Try again." );
else
WMLBrowser.go( "wml_08.wml#c2" );
}

对上面的一些语句做一些解析吧

disp 就是我们写的一个函数，函数名就是 disp

function 就是函数的意思了。

disp(str) 表示 str 是从外部传进来的参数

其实这个函数，如果你之前有了解过 javascript 都容易看得懂了。

var userName = WMLBrowser.getVar( str ); 声明一个 userName 变量并且获得
传来的参数值。

if( userName == "" )
Dialogs.alert( "Please enter your name, Try again." );
else
WMLBrowser.go( "wml_08.wml#c2" );

这个语法，我就不多说了，就是一个简单的判断，

如果 userName 为空 "" ，就会弹出一个信息叫你输入你的名字。

如果不为空，就显示 wml_08.wml文件上的卡片c2的信息。

==============================

wmlscript 写好了，现在修改 .wml 文件进行调用脚本的 disp函数。

   <a href="#c2">
    Login
   </a>
改为：
   <a href="wml_08.wmls#disp('userName')">
    Login
   </a>

好，下面用手机模拟器，测试一下
1 ，先测试什么都不输入的情况下，成功了，提示信息叫你输入你的名字

2 ，我们输入 Jack 名字，再登陆看看，就会提示 Welcome, Jack

说明 wmlscript 起到了作用。

这只是一个非常简单的例子，对于刚接触的朋友来说是非常好的。

代码相当的简单。

当然如果你想继续编写下去也可以，例如密码也不能为空啊。。。等等

我这里就不演示了，这么一个简单的代码，功能也简单的程序，希望你可以看得懂。

呵呵，视频就到这里了， 8

视频下载地址：请使用WinRAR或者7-Zip进行解压
点击进入下载页面：下载地址1 | 下载地址2 | 下载地址3

wml_07 select标签对option元素多选单选以及获取value的值

A-One — Tue, 29 Dec 2009 19:42:07 +0800

让用户提供自己的信息，除了上次视频提到的文本输入框外，还有别的标签也是比较方便的。

例如 select 标签，字面上意思就是提供给用户选择一些信息，然后进行提交。

这个就不需要用户填写了，就像一些固定的数据但是需要获取用户的一些信息。

下面就提供这样的一个例子：

一个调查页面，是希望用户选择自己喜欢的编程语言，

提供给用户去选择， Java , WML , C++ 等等，你可以设置让用户只选择一项，或者多项。

然后就打印出用户的选择内容。

=================================

讲了那么多了，下面开始进行编写代码来实现上面说的功能。

用回上次的代码，进行一些修改

加入上面代码，来浏览一下

现在可以看到手机屏幕上显示一个下拉框。我们点击一下看看

就会弹出一个单选的列表选项。选择后就会返回到原来界面

现在我们如何像上次视频那样，选择后在另外一个卡片上显示所选择

的数据信息呢？

其实和上次视频差不多的，要获取选项框内容，当然要加入名字

在卡片2上添加 <p> $(s_1) </p> ，但是没有显示任何信息

这个 select 中option 要加入 value 值才可以的，

现在我们添加一下

这样数据就可以获取并且显示出来了

--------------------

这只是单选，多选呢？

只需要在 select 加入 multiple="true" 就代表多选了。

是吧，这样就多选了，然后再看看获取的值是不是多个

是的，而且用 ; 分开获取的数值

multiple="false" 如果用 false 也就是单选。

好了。视频就演示到这里， wml 还有其他标签的通过现在的学习

其他的标签大家可以上网查，或者看wml手册应该就会使用了。

下次视频应该要介绍 wml script 了。。呵呵，谢谢观看 8

视频下载地址：请使用WinRAR或者7-Zip进行解压
点击进入下载页面：下载地址1 | 下载地址2 | 下载地址3

wml_06 用户登陆界面 a标签 input标签使用和获取值

A-One — Tue, 29 Dec 2009 11:34:51 +0800

上几次视频都是一些显示方面数据，并没有涉及到用户输入的，都是输出给用户查看的数据。

一个网站也许只有查看数据功能就足够了，但是更多都有提供用户输入然后进行操作。

例如：网站数据过多，都会提供一个常用的搜索功能，

这就要用户输入要搜索的信息，然后进行查找。

wml 也有这样的一个标签 input ，就像 html 一样，提供一个输入框。

先看看 input 这个标签在手机上显示的样子吧，呵呵。

我修改上次视频的代码，不重新写了。

============================================

例如现在假设要做一个用户登陆的界面

</p>
</card>

然后用手机模拟器进行浏览。

就是这样的一个登录框，我把名字改短了，好看一些。

奇怪，不能输入东西，我关闭一下模拟器，再打开看看。

先点击模拟器向下按钮。看到，文本框边框变大了，说明焦点在文本框上

然后再点击中间的那个按钮。就可以看到文本框中间有一个竖线。

说明现在可以输入东西了。用键盘就可以输入东西。

====================================================

好现在文本框有了，那么就是还差一个登陆按钮。

在 wml 中，不像 html 那样有提供按钮的，基本都是一些链接，

例如<a> 标签，在 wml 语言中是支持的。

下面来使用一下这个标签，做一个登陆按钮

   <a href="#c2">
    Login
   </a>

现在这样，当点击 Login 就会跳转到 card2 去。

同样要点击手机上面的向下按钮才会选择到 Login 去的。

看到了吧，这样就可以点击中间的确定按钮了。点击后就显示另外一个card的信息了。

================================

现在我们想实现这样的一个功能，当用户输入用户名后，

点击 Login 后，在另外一个卡片card上显示我们刚才的用户信息

信息内容： Welcome + 用户名！

这样就要设置到获取用户值的问题了，在 wml 中相当方便

看我演示吧。

<p>Welcome , $(userName)</p>

只需使用 $(input的名字) 这样就可以获取刚才输入的值了。

下面浏览一下效果。就是这样的效果了，你输入的信息会在另外

一张卡片上被显示出来。

===============================

下面说一下刚才的 input 标签，如果你想做成密码框的话

就要加入 type="password" 了

也就是<input type="password" name="password" />

这样你就会看到输入的东西用 "*" 显示出来

input 标签还有很多属性，例如限制文本框的长度 size

还有 format ，其中 format 中有很多可以限制用户输入的，

例如只可以让用户输入大写，小写，数字等等。

这里我就不多说了，有兴趣的朋友可以网上查找一下资料或者看看文档

好了，我演示就到这里，这个只是一个简单的登陆，

还有就是在本地显示输入的信息，真正的交互数据

应该发送到后台，然后经过后台和数据库里面的数据进行比较，要验证

用户登陆信息，然后再返回一个信息给手机。。再显示出来

这个我们在以后会演示的。。。谢谢大家观看 8

视频下载地址：请使用WinRAR或者7-Zip进行解压
点击进入下载页面：下载地址1 | 下载地址2 | 下载地址3

wml_05 ontimer,onenterforward事件使用和标签格式化文本

A-One — Mon, 28 Dec 2009 12:57:26 +0800

一个好的 wml 页面，需要一些人性化的东西，才能带给用户最好的体验，

例如一些自动化操作，还有一些友好的界面风格，文本内容大小适中，看上去重点突出，等等。

那么今次这个视频也就按照上面的思路来学习一下有关的知识。

===========================

首先要实现一些自动化的显示，也就是一些动作事件，不用用户去点击，

看看我给大家介绍的第一个事件 ontimer

从字面上意思跟时间有关系，没错，这个事件就是当你设置好相应的时间，就会自动

执行一下动作。

下面我根据上次视频的代码文件进行修改演示

这是我们上次的代码文件，去掉一些多余部分。

看上去就是现在这样。

<wml>
<card id="c1" title="c1 card">
<p>Hello World</p>
</card>

为它加入 ontimer 事件

这样表示， 3秒后进入 c2 的卡片

这种事件最适合就是开始显示一个欢迎界面，然后进入到具体的页面。

下面进行浏览一下。看到效果了吧，就是这样停顿一下

======================

另外一个事件就是跳转页面事件， onenterforward 这个事件名字有点长

你可以分解成这样 on enter forward 也就是当你进入页面就开始跳转到指定的页面

下面使用上次的 wml_04.wml 文件和第一个 HelloWorld.wml 2个文件进行演示。

我修改 HelloWorld.wml 文件内容如下：

<wml>
<card onenterforward="wml_04.wml">
<p>Hello World</p>
</card>
</wml>

由于加入了事件，所以不会显示 Hello World 了，而是执行 wml_04.wml 文件

onenterforward="wml_04.wml" 这里要注意的就是文件路径问题，

现在我2个文件放在一起所以没有写路径上去。

-------------

其实还有一些事件的，例如 : onenterbackward事件，这个应该和上面我们演示的

onenterforward 差不多的，这些需要自己去实践了，这里不演示了。

=========================

只有事件是不够的，还需要一些格式化文本的东西

也就是字体大小，颜色，斜体，等等。

下面简单介绍一下吧。

<p>

<b>Hello World</b> <br/>

<i>www.17rumen.com</i>

</p>

还有很多，不一一介绍了，当然有一些标签是和浏览器有关系的，

在一些浏览器中不支持某些标签的，这是要注意的。
好了，视频就到这里，下次会演示一下和用户交互的一些操作，谢谢观看！

视频下载地址：请使用WinRAR或者7-Zip进行解压
点击进入下载页面：下载地址1 | 下载地址2 | 下载地址3

wml_04 多卡片card管理和导航(do go prev标签的使用)

A-One — Mon, 28 Dec 2009 11:00:23 +0800

在上次视频中提到 wml 页面有多个卡片组成的，这也是区别与web网页（html或者htm页面）之处。

为什么这样说呢？今次视频就可以演示一下了，先运行上次的例子。

这是我们上次写的第一个页面，那么大家想一下，如果我现在想在手机模拟器上

再显示其他东西呢，要另外做一个页面吗？这是否定的。

这是上次的代码

<wml>

<card>
<p>Hello World</p>
</card>
</wml>

我们如果想在屏幕上显示其他东西，不需要再写多一个 .wml 文件。

只要写多一个 <card> </card> 标签组就可以了。

好了，现在马上演示一下

因为现在出现多个 <card></card> 组，所以我们为了区别和以后好操作，加入一个属性id。

<card id="c2">
<p>Hi , c2</p>
</card>
这是加入的代码，用刷新一下模拟器

没什么效果出来，原来你想显示 c2 的内容，需要一个按钮，让用手机的人去点击
操作才可以把 c2 的内容显示出来的。

这个操作应该放在第一张卡片上，因为这是最先显示的。

  <do type="accept" label="Next">
   <go href="#c2" />
  </do>
解析一下上面代码的意思吧，do 可以看着是一个动作吧，就是用户操作的内容

accept 你可以理解成后操作， label="Next" 显示给用户操作的信息，也就是用户

会看到 Next 这个选项，当用户点击了 Next 就会执行 <go href="#c2" />

这不难理解，就会跳转到 c2 显示 <p>Hi , c2</p> 内容了，

这是我们的分析，现在刷新一下手机模拟器看看是否真的这样

========================

好，现在还是显示第一张卡片的内容，

这个时候你要点击手机上的一个按钮 Options

看到一个 Next 选项了吧，我们选择它，然后点击 Select

然后就看到 Hi,c2 的内容了

点击 Back 就回到第一个页面了

===============================

accept 刚才说错了，应该理解成先后显示，也就是显示下一张卡片

因为 do 标签还有 prev 这个属性，是向前的，可以理解成后退

可以加入到第二章卡片，后退就是变成第一张了。

可能是因为手机自带了 Back 这个功能按钮，所以添加上去没有什么效果出来。

为了好看一点，在card 标签中，可以加入 title 这个属性，上次视频

也介绍过，这里再用一下吧。

====================

最后做一个小总结吧，

既然有了 card 那么，我们做一个 wap网站只需要一个 wml文件就可以了？

按照我自己的理解，一个页面不建议太多 card ，太多的card，导航也会相当复杂。

转来转去的操作，会让用户觉得反感。

另外就是如果只用一个 wml 文件，这样也会使这个文件比较大。

还有代码太多不利于维护。

下次会介绍多个 .wml 文件之间操作，还有一些事件。。谢谢观看

视频下载地址：请使用WinRAR或者7-Zip进行解压
点击进入下载页面：下载地址1 | 下载地址2 | 下载地址3

使用Mysql全文搜索Full-Text (fulltext和 match...against)

fanzg — Thu, 24 Dec 2009 18:41:13 +0800

一个SELECT查询中的LIKE语句来执行这种查询，尽管这种方法可行，

但对于全文查找而言，这是一种效率极端低下的方法，尤其在处理大量数据的时候。

-------------------
上面这句话我是在网上看到的，说得挺有道理的， mysql 本身提供了一种叫做全文搜索的技术吧，

不过这好像从后来的版本才有的，比较旧的版本不支持，不过那是很早期的版本了，

现在大家使用的版本应该都支持的。我现在使用 mysql6.0.4 来演示

全文搜索比起索引我觉得更加全面，索引只对某一个字段，然后在查询时候使用 like 配合。

全文搜索它可以设置多个字段进行搜索，可以说是比起 select .... like 高级吧。

好了，既然全文搜索有这样的优点，下面我们来看看是否真的如此。

下面提供的测试例子，是 mysql 手册上面的一个例子

CREATE TABLE articles (

id INT UNSIGNED AUTO_INCREMENT NOT NULL PRIMARY KEY,

title VARCHAR(200),

body TEXT,

FULLTEXT (title,body)

);

上面这是创建表的 mysql 语句，其中最后一句 FULLTEXT (title,body)

就是为 title 和 body 创建一个全文搜索，也就是以后方便搜索标题和

标题正文的内容。复制语句上去就成功创建一张表了。
查看一下全文搜索是否被创建，下面语句作用是：查看表的主键，索引，全文搜索

show indexes from 表名

可以看到成功创建了， Key_name名字叫做 title ，它的字段列名Column_name是 title 和 body

=================

下面为表添加数据内容，好让我们进行测试。

INSERT INTO articles (title,body) VALUES

('MySQL Tutorial','DBMS stands for DataBase ...'),

('How To Use MySQL Well','After you went through a ...'),

('Optimizing MySQL','In this tutorial we will show ...'),

('1001 MySQL Tricks','1. Never run mysqld as root. 2. ...'),

('MySQL vs. YourSQL','In the following database comparison ...'),

('MySQL Security','When configured properly, MySQL ...');

添加好数据库，下面我们就使用全文搜索提供的查询语句进行测试。

=================================================

使用语句的模版如下：

SELECT 表字段 FROM 表名 WHERE MATCH (全文搜索表字段) AGAINST ('搜索字符串');

下面搜索 title 和 body 包含 database 这个字符串

MATCH 相当于要找的列，而 AGAINST 就是要找的内容。

比起 like 有点不一样

而且 match ... against 还提供很多操作，对数据进一步过滤，

一般可以作为比较精确的搜索，

例如下面的这个例子：搜索title和body中包含 MySQL ，但是不能有 YourSQL 的结果。

SELECT * FROM articles WHERE MATCH (title,body)

AGAINST ('+MySQL -YourSQL' IN BOOLEAN MODE);

------------------

| 5 | MySQL vs. YourSQL | In the following database comparison ... |

你会发现可以看到这个结果被过滤掉了

fulltext 还提供了更加多的逻辑搜索，也就是一些模糊搜索等等，要求更加高的
匹配字符搜索，大家可以上 mysql 官方网站查看。

=============================================================

上面建立全文搜索是在建立表的同时建立的，如果你已经建好表了，但是想加入
这个功能的话，可以使用下面语句

mysql> alter table articles add fulltext index(title,body);

--------------------

为了演示，我先把刚才的删除掉

mysql> drop index title on articles;

再查看一下，已经被删除了。
mysql> show indexes from articles;

再为表添加 fulltext 上去
mysql> alter table articles add fulltext index(title,body);

看到了吧，这样就通过修改现有的表来添加全文搜索功能，希望这个教程可以帮你
日后使用到这个搜索功能。

视频下载地址：请使用WinRAR或者7-Zip进行解压
点击进入下载页面：下载地址1 | 下载地址2 | 下载地址3

www.17rumen.com

php_01 Linux 下学习 php编程 相关软件工具设置 和 测试php环境

ubuntu9.10 server 下安装 fcitx 小企鹅输入法并设置模糊音

wml_10 WML与tomcat服务器上的Servlet进行通信

wml_09 编写简单的计算器( 涉及WMLScript传值,数据类型转换 问题 )

wml_08 编写简单的本地验证数据程序例子，让你了解 WMLScript

wml_07 select标签 对option元素 多选 单选 以及获取value的值

wml_06 用户登陆界面 a标签 input标签使用和获取值

wml_05 ontimer,onenterforward事件使用和标签格式化文本

wml_04 多卡片card管理和导航(do go prev标签的使用)

使用Mysql全文搜索Full-Text (fulltext和 match...against)

php_01 Linux 下学习 php编程相关软件工具设置和测试php环境

wml_09 编写简单的计算器( 涉及WMLScript传值,数据类型转换问题 )

wml_07 select标签对option元素多选单选以及获取value的值