仓酷云
标题:
PHP编程:FleaPHP 的 Ajax 撑持和 WebControls
[打印本页]
作者:
小妖女
时间:
2015-2-4 00:11
标题:
PHP编程:FleaPHP 的 Ajax 撑持和 WebControls
培训的第四阶段,就是应用PHP语言开发实际的程序。以结合实际的项目开发来进行学习,效果真的很好,在学习完之后就开始练习,能比较容易掌握所学的知识,这是学校的学习所没法比的。ajax|web FleaPHP 如今具有了根基的 Ajax 撑持,示例代码以下:
起首在掌握器显示模版的举措办法中有以下代码:
登录/注册后可看大图
/**
登录/注册后可看大图
* 显示登录界面
登录/注册后可看大图
*/
登录/注册后可看大图
function actionIndex()
登录/注册后可看大图
{
登录/注册后可看大图
$this->_registerFormEvent('form_login', 'submit', 'OnFormLoginSubmit',
登录/注册后可看大图
array(
登录/注册后可看大图
'beforeRequest' => "$('loginFailed').setHTML('');",
登录/注册后可看大图
'evalScripts' => true,
登录/注册后可看大图
'update' => 'loginFailed'
登录/注册后可看大图
)
登录/注册后可看大图
);
登录/注册后可看大图
$ajax =& $this->_getAjax();
登录/注册后可看大图
登录/注册后可看大图
init_webcontrols();
登录/注册后可看大图
登录/注册后可看大图
include(TPL_DIR . '/Login.php');
登录/注册后可看大图
}
_registerFormEvent() 是 FLEA_Controller_Action 的一个办法,用来注册一个表单的事务。
假如是注册控件(例如文本框)的事务,则用 _registerEvent() 办法。
两个办法的参数是一样的,第一个参数都是控件或表单的ID,第二个参数是要注册的 DOM 事务(例如 click、change、submit)。第三个参数是以后掌握器顶用于呼应该事务的举措名。第四个参数则是一些 Ajax 事务的属性。
下面代码外面为一个名为 form_login 的表单注册了一个 submit 事务,呼应该事务的举措名是 OnFormLoginSubmit。
init_webcontrols(); 是用于初始化 WebControls,由于 Login.php 模版会用到 WebControls。
所以这个掌握器还有一个办法以下:
登录/注册后可看大图
function actionOnFormLoginSubmit()
登录/注册后可看大图
{
登录/注册后可看大图
$username = isset($_POST['username']) ? $_POST['username'] : '';
登录/注册后可看大图
$password = isset($_POST['password']) ? $_POST['password'] : '';
登录/注册后可看大图
if ($username == 'dualface' && $password == '123456') {
登录/注册后可看大图
ajax_redirect(url('Welcome'));
登录/注册后可看大图
} else {
登录/注册后可看大图
echo '您输出的用户名或暗码不准确';
登录/注册后可看大图
}
登录/注册后可看大图
}
这个办法外面,判别用户登录是不是胜利。胜利就用 ajax_redirect() 重定向阅读器,掉败则显示失足信息。要注重的是,ajax_redirect() 请求事务 Ajax 属性中的 evalScripts 必需为 true。如许才干胜利的重定向阅读器。
全部掌握器的代码:
登录/注册后可看大图
class Controller_Default extends FLEA_Controller_Action
登录/注册后可看大图
{
登录/注册后可看大图
/**
登录/注册后可看大图
* 显示登录界面
登录/注册后可看大图
*/
登录/注册后可看大图
function actionIndex()
登录/注册后可看大图
{
登录/注册后可看大图
$this->_registerFormEvent('form_login', 'submit', 'OnFormLoginSubmit',
登录/注册后可看大图
array(
登录/注册后可看大图
'beforeRequest' => "$('loginFailed').setHTML('');",
登录/注册后可看大图
'evalScripts' => true,
登录/注册后可看大图
'update' => 'loginFailed'
登录/注册后可看大图
)
登录/注册后可看大图
);
登录/注册后可看大图
$ajax =& $this->_getAjax();
登录/注册后可看大图
登录/注册后可看大图
init_webcontrols();
登录/注册后可看大图
登录/注册后可看大图
include(TPL_DIR . '/Login.php');
登录/注册后可看大图
}
登录/注册后可看大图
登录/注册后可看大图
function actionOnFormLoginSubmit()
登录/注册后可看大图
{
登录/注册后可看大图
$username = isset($_POST['username']) ? $_POST['username'] : '';
登录/注册后可看大图
$password = isset($_POST['password']) ? $_POST['password'] : '';
登录/注册后可看大图
if ($username == 'dualface' && $password == '123456') {
登录/注册后可看大图
ajax_redirect(url('Welcome'));
登录/注册后可看大图
} else {
登录/注册后可看大图
echo '您输出的用户名或暗码不准确';
登录/注册后可看大图
}
登录/注册后可看大图
}
登录/注册后可看大图
}
十分复杂,不需求修正任何使用法式设置,也不需求从出格的对象承继。并且只要在显示模版的举措办法中才需求注册事务(会载入 Ajax 的撑持文件),其他举措办法不需求载入任何与 Ajax 相干的文件,进步了功能。
客户端需求的 JavaScript 会主动生成
:
登录/注册后可看大图
登录/注册后可看大图
<script language="JavaScript" type="text/javascript">...
登录/注册后可看大图
登录/注册后可看大图
if (!Object. extend) ...{
登录/注册后可看大图
alert('ERROR: mootools JavaScript framework failed.');
登录/注册后可看大图
}
登录/注册后可看大图
登录/注册后可看大图
function ajax_form_login_onsubmit()
登录/注册后可看大图
登录/注册后可看大图
...{
登录/注册后可看大图
$('loginFailed').setHTML('');
登录/注册后可看大图
var myajax = new Ajax(
登录/注册后可看大图
'/__personal/magazine/www/index.php?controller=Default&action=OnFormLoginSubmit',
登录/注册后可看大图
登录/注册后可看大图
...{
登录/注册后可看大图
postBody: this.toQueryString(),
登录/注册后可看大图
evalScripts: true,
登录/注册后可看大图
update: "loginFailed"
登录/注册后可看大图
}
登录/注册后可看大图
);
登录/注册后可看大图
myajax.request();
登录/注册后可看大图
登录/注册后可看大图
return false;
登录/注册后可看大图
}
登录/注册后可看大图
登录/注册后可看大图
登录/注册后可看大图
Window.onDomReady(function() ...{
登录/注册后可看大图
$('form_login').addEvent('submit', ajax_form_login_onsubmit)
登录/注册后可看大图
登录/注册后可看大图
$('form_login').onsubmit = function() ...{ return false; };
登录/注册后可看大图
});
登录/注册后可看大图
登录/注册后可看大图
</script>
后面是办事真个代码,如今来看看客户真个代码。
客户端次要是模版,个中必需载入 mootools.js 文件:
登录/注册后可看大图
<script language="JavaScript" type="text/javascript" src="scripts/mootools.js"></script>
登录/注册后可看大图
<?php $ajax->dumpJs(); ?>
mootools.js 文件在 FLEA/Ajax 目次中,需求复制到使用法式的 scripts 目次中。
后面咱们为名为 form_login 的表单注册了事务,所以咱们的页面外面必需有一个名为 form_login 的表单,否则是不会准确履行的。
登录/注册后可看大图
<form name="form_login" id="form_login">
登录/注册后可看大图
................
登录/注册后可看大图
</form>
表单中增添一个提交按钮,点击后,咱们在办事端注册的事务就会履行。
就这么复杂?YES
除注册事务、载入 JS 外,其他任务都由 FleaPHP 完成。
===============================================
FleaPHP 之前版本中有一个 FLEA/Helper/Html.php 文件,个中有很多生成页面控件(文本框、列表框)的办法。
不外这些办法固然很轻易利用,然而不敷天真,所以如今 FleaPHP 中供应了全新的 WebControls 组件。这个组件自带一组控件,还可以随便扩大。要利用这个组件,事后挪用一下 init_webcontrols() 全局函数就能够了。
然后就能够用上面的代码创立各类控件:
登录/注册后可看大图
<?php webcontrol('textbox', 'username',
登录/注册后可看大图
array(
登录/注册后可看大图
'class' => 'textbox',
登录/注册后可看大图
'size' => 28,
登录/注册后可看大图
'maxlength' => 22,
登录/注册后可看大图
)
登录/注册后可看大图
); ?>
这段代码生成上面的 XHTML 代码(不撑持 HTML):
登录/注册后可看大图
<input type="text" name="username" id="username" value="" class="textbox" size="28" maxlength="22" />
与之前的 html_textbox() 比拟,新的 webcontrols() 函数更天真,可觉得控件指定恣意数目的属性。
看一个略微庞杂点的例子:
登录/注册后可看大图
<?php webcontrol('radiogroup', 'myoption',
登录/注册后可看大图
array(
登录/注册后可看大图
'items' => array(
登录/注册后可看大图
'选项 1' => 1,
登录/注册后可看大图
'选项 2' => 2,
登录/注册后可看大图
'选项 3' => 3,
登录/注册后可看大图
'选项 4' => 4
登录/注册后可看大图
),
登录/注册后可看大图
'selected' => 2,
登录/注册后可看大图
'class' => 'blue_options',
登录/注册后可看大图
)
登录/注册后可看大图
); ?>
生成的 XHTML 代码以下:
登录/注册后可看大图
<input type="radio" name="myoption" id="myoption_0" value="1" class="blue_options" /><label for="myoption_0" >选项 1</label><br />
登录/注册后可看大图
<input type="radio" name="myoption" id="myoption_1" value="2" class="blue_options" /><label for="myoption_1" >选项 2</label><br />
登录/注册后可看大图
<input type="radio" name="myoption" id="myoption_2" value="3" checked="checked" class="blue_options" /><label for="myoption_2" >选项 3</label><br />
登录/注册后可看大图
<input type="radio" name="myoption" id="myoption_3" value="4" class="blue_options" /><label for="myoption_3" >选项 4</label>
实践后果:
登录/注册后可看大图
假设是从数据库掏出的数据,那末用 array_hashmap() 转换一下纪录集,就能够做为 items 属性来显示一个单选按钮组。
另外一个例子,显示一个多选框:
登录/注册后可看大图
<?php webcontrol('checkbox', 'keep_password',
登录/注册后可看大图
array(
登录/注册后可看大图
'caption' => '记住我的暗码',
登录/注册后可看大图
)
登录/注册后可看大图
); ?>
生成的 XHTML 代码以下:
登录/注册后可看大图
<input type="checkbox" name="keep_username" id="keep_username" value="1" /><label for="keep_username" >在此盘算机上保存我的登录信息</label>
实践后果:
登录/注册后可看大图
==================================
Ajax 撑持和 WebControls 将在 FleaPHP 1.0.70 版本中宣布。
今朝的开辟进度请参考:http://www.qeeyuan.com:8090/browse/FLEA?report=com.atlassian.jira.plugin.system.project:roadmap-panel
多个成员之间重复做相同的工作,很容易因为交流沟通的时候没有进行一致性的文档要求而出现不明错误,严重影响开发进度,导致在预定时间内无法完成该项目或者完成的项目跟原先计划所要实现的项目功能不符合。
作者:
再见西城
时间:
2015-2-7 03:47
如果你可以写完像留言板这样的程序,那么你可以去一些别人的代码了,
作者:
仓酷云
时间:
2015-2-20 07:27
说点我烦的低级错误吧,曾经有次插入mysql的时间 弄了300年结果老报错,其实mysql的时间是有限制的,大概是到203X年 具体的记不清啦,囧。
作者:
飘灵儿
时间:
2015-2-22 07:00
Apache不是非得用80或者8080端口的,我刚开始安得时候就是80端口老占用,就用了个 81端口,结果照常,就是输localhost的时候,应该输入为 localhost:81
作者:
若天明
时间:
2015-3-6 23:21
兴趣是最好的老师,百度是最好的词典。
作者:
老尸
时间:
2015-3-8 15:27
建数据库表的时候,int型要输入长度的,其实是个摆设的输入几位都没影响的,只要大于4就行,囧。
作者:
只想知道
时间:
2015-3-16 03:05
再就是混迹于论坛啦,咱们的phpchina的论坛就很强大,提出的问题一般都是有达人去解答的,以前的帖子也要多看看也能学到不少前辈们的经验。别的不错的论坛例如php100,javaeye也是很不错的。
作者:
谁可相欹
时间:
2015-3-22 19:09
对于初学者来说不推荐去拿钱买的。当然如果一个网站你经常去用,而且里面的资料也比较有用,最好还是买个会员比较好,毕竟那些也是别人的工作成果。
作者:
若相依
时间:
2015-3-22 19:09
有位前辈曾经跟我说过,phper 至少要掌握200个函数 编起程序来才能顺畅点,那些不熟悉的函数记不住也要一拿手册就能找到。所以建议新手们没事就看看php的手册(至少array函数和string函数是要记牢的)。
作者:
飘飘悠悠
时间:
2015-3-24 23:26
做为1门年轻的语言,php一直很努力。
作者:
小魔女
时间:
2015-3-26 11:13
当留言板完成的时候,下步可以把做1个单人的blog程序,做为目标,
作者:
柔情似水
时间:
2015-3-27 04:10
先学习php和mysql,还有css(html语言很简单)我认为现在的效果比以前的方法好。
作者:
冷月葬花魂
时间:
2015-3-31 13:48
这些中手常用的知识,当你把我说的这些关键字都可以熟练运用的时候,你可以选择自己
作者:
精灵巫婆
时间:
2015-4-1 04:08
如果你可以写完像留言板这样的程序,那么你可以去一些别人的代码了,
作者:
简单生活
时间:
2015-4-7 16:25
找到的的资料很多都是在论坛里的,需要注册,所以我一般没到一个论坛都注册一个id,所有的id都注册成一样的,这样下次再进来的时候就不用重复注册啦。当然有些论坛的某些资料是需要的付费的。
作者:
活着的死人
时间:
2015-4-10 04:53
对于初学者来说不推荐去拿钱买的。当然如果一个网站你经常去用,而且里面的资料也比较有用,最好还是买个会员比较好,毕竟那些也是别人的工作成果。
作者:
小女巫
时间:
2015-5-1 15:09
,熟悉html,能用div+css,还有javascript,优先考虑linux。我在开始学习的时候,就想把这些知识一起学习,我天真的认为同时学习能够互相呼应,因为知识是相通的。
作者:
灵魂腐蚀
时间:
2015-5-2 22:05
要进行开发,搭建环境是首先需要做的事,windows下面我习惯把环境那个安装在C盘下面,因为我配的环境经常出现诡异事件,什么事都没做环境有的时候就不能用啦。
作者:
再现理想
时间:
2015-6-11 02:42
当留言板完成的时候,下步可以把做1个单人的blog程序,做为目标,
作者:
admin
时间:
2015-7-1 21:09
本文当是我的笔记啦,遇到的问题随时填充
欢迎光临 仓酷云 (http://ckuyun.com/)
Powered by Discuz! X3.2