Chinaunix首页 | 论坛 | 博客
  • 博客访问: 17721773
  • 博文数量: 7460
  • 博客积分: 10434
  • 博客等级: 上将
  • 技术积分: 78178
  • 用 户 组: 普通用户
  • 注册时间: 2008-03-02 22:54
文章分类

全部博文(7460)

文章存档

2011年(1)

2009年(669)

2008年(6790)

分类:

2008-04-14 17:44:28

前言主要关于用户体验叙述的部分

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:

CODE:
        $action=$_GET['action'];
//-------------------------处理判断前缀是什么--------------------------

CODE:
        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前缀执行部分,判断他是针对那个文本框进行判断-------------------------------

CODE:
        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进行判断--------------------------

CODE:
        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;               
        }
阅读(243) | 评论(0) | 转发(0) |
给主人留下些什么吧!~~