前言主要关于用户体验叙述的部分
QUOTE:
UE(User Experience )——用户体验
用户体验现在已经成为网页设计越来越关注的重要部分,web2.0提倡的就是用户的参与,而正是这种以用户为中心的表现,让又一轮的热潮涨起来
要留住用户,内容固然重要,但用户的体验也是一个不可缺少的部分,所以才会有ajax,flex的出现.“人要面子,树要皮”,一个好的面子(好的用户体验)是吸引用户不可或缺的部分
ajax的例子
下面是一个ajax程序执行的过程
图解:
QUOTE:
用户使用浏览器访问GB2312编码的页面触发一个onmouseover事件,
把请求通过创建XMLHttpRequest产生一个post/get方法提交数据到服务器过程,
服务器check.php接受到数据经过中文转码
(因为javascritp发送的请求是utf-8的编码,而check.php是使用GB2312编码,所以转编码)
把提交的信息进行处理,返回一个结果的至客户端,客户端经过分析,把结果返回都页面上来
对于这个ajax程序的
考虑的以后其他程序的可重用性,
所以做了简单的封装(这个程序主要是对单个文本框进行检测)
下面就是这个程序的执行过程
这是一个简单的mvc实现,javascript负责control部分,reg.php负责显示部分view,
各种格式及其他的定义属于model部分
这个是执行的效果这个是程序的使用定义几个信息,实现初始化
初始化代码:
QUOTE:
var msg_1="不能有空格,长度控制在 3 - 12 字节以内";
var prefix="reg";//前缀定义
javascript引入
check.php:
$action=$_GET['action'];
//-------------------------处理判断前缀是什么--------------------------
if(!empty($action))
{
list($prefix,$action_type)=explode('_',$action);
$value=$_GET[$prefix.'_value'];
switch($prefix)
{
case 'reg':
reg_action($value,$action_type);
break;
case 'login':
break;
default:
break;
}
}else
{
print "对不起,操作错误";
}
//-----------------------------reg前缀执行部分,判断他是针对那个文本框进行判断-------------------------------
function reg_action($value,$action_type)
{
switch($action_type)
{
case 'userName':
reg_check_userName($value);
break;
case 'eMail':
reg_check_c_mail($value);
break;
case 'passwd':
reg_check_password($value);
break;
default :
break;
}
}
//--------------------------------这个主要是针对username进行判断--------------------------
function reg_check_userName($userName)
{
if(strlen($userName)>3&&strlen($userName)<12)
{
$user=new UserMod();
$check_user_exist=$user->CheckUserExist($userName);数据库执行的部分
if($check_user_exist)
print "该用户名已经被人注册,请输入其他用户名";
else
print "*恭喜你,用户名可以用";
}else
print "长度控制在 3 - 12 字节以内";
return;
}
阅读(254) | 评论(0) | 转发(0) |