这两天学了学PHP,发现PHP真是个好东西,免费开源又简单,就一个字:爽! 学完了PHP的基本语法想找个PHP的模板学学,baidu,google了半天,发现了smarty,phplib等将近25个引擎,可真不少啊…… 到底要学哪个呢? 别忙,停停再说吧,因为我有了个新的想法: 用PHP加上前阵子学的jQuery怎么样呢?小试一把.... 1.jquery.js 此处下载: http://code.google.com/p/jqueryjs/ 2.目录结构: html目录中存放html.html文件 inc目录中存放 jQuery.php文件 js目录中存放jQuery.js文件 主目录下存放html.php文件 3.内容: html.html文件:
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>PHP+jQuery组合测试</title> <style> h5{color:#CC3333;margin:0px;padding:0px;} #test{ font:bold 14px; color:#003366; cursor:pointer; } </style>
</head>
<body> <h5>PHP+jQuery超级组合实验2:会话与参数传递</h5> <hr/> <div id="user"></div> <form method="post" action="html.php" id="form1" name="form1"> <label for="name"><input id="name" name="name" maxlength="20"/><br/> <label for="age"><input id="age" name="age" maxlength="3"/><br/> <input type="submit" name="submit" value="提交"/> </form> <h5>PHP+jQuery超级组合实验1:简单测试</h5> <hr/> <div id="test">Hello World! Click me please!</div> <p id="pinfo">hello.</p> </body> </html>
jQuery.php
<?php function jQinit($html) { if($html != NULL && $html != "") { $html=file_get_contents($html); echo $html; } /*echo "<script language='javascript' src='js/jQuery.js'></script>";*/ $jqstr=file_get_contents("js/jQuery.js"); echo "<script language='javascript'>"; echo $jqstr; echo "</script>"; } //参数$jstr:jQuery脚本字符串;$html模板页面路径. function jQuery($jstr) { //jQuery脚本 $jQuery=<<<EOT <script language="javascript"> $("document").ready(function(){ $jstr; }); </script> EOT;
//输出具体jQuery内容 echo $jQuery;
} ?>
html.php
<?php session_start();?> <?php //引用jQuery模块 require("inc/jQuery.php"); //初始化本页对应的html jQinit("html/html.html"); ?> <?php //PHP+jQuery超级组合实验2:会话与参数传递 $jq=""; $name=""; $age=""; if($_POST["name"] != "" && $_POST["age"] != "") { $name=$_POST["name"]; $age=$_POST["age"]; $_SESSION["name"] = $name; $_SESSION["age"] = $age; } if($_SESSION["name"] != "" && $_SESSION["age"] != "") { $jq=<<<EOT $("#user").text("您的名字:{$_SESSION['name']} 年龄:{$_SESSION['age']}"); EOT; //调用jQuery jQuery($jq); } ?>
<?php //PHP+jQuery超级组合实验1:简单测试
$info="确实不错!"; $jQuery=<<<EOT //alert("测试成功!"); $("#test").click(function(){ alert("拉登,您好."); }); $("#pinfo").text("今天天气不错啊!{$info}"); EOT; //调用jQuery jQuery($jQuery);
?>
效果图: http://teanxa.cn/notebook/html.php
我发现jQuery简直就是为PHP而生!兴奋~,这两天准备写个超级简单的记事本来测试一下这种方式的可行性,不知道效果怎么样,如果行的话html文件可是一行代码也不用添加, 嘎嘎……
|
请发表评论