1.MVC框架温习 2.Ajax加强 3.搜索建议 4，三级联动 5、刷新分页 6、Ajax局部动态更新数据

1.MVC框架复习 2.Ajax加强 3.搜索建议 4，三级联动 5、刷新分页 6、Ajax局部动态更新数据

MVC框架复习

admin.php / index.php

定义常量 APP_NAME admin 和 home 来区分入口。

define('APP_NAME','admin/');

require ('init.php');

init.php

定义ROOT_PATH常量，调用str_replace（'','',''）;

用isset判断获得参数，当参数不为空时，参数为空入口分别为admin、index时分别定义类名，进入相应的xxxController.class.php

同时判断Action参数并进入相应的xxxAction（）函数执行命令

调用__autoload（）自动加载函数接受参数$class_name,

调用strpos判断类名所包含的的是控制类还是模型类或者smarty类并逐步加载各文件。

xxxController.class.php

短路算法：defined('APP_NAME') or die ('非法访问');

继承父类baseController（用类的方法实例化smarty并配置smarty）

执行xxxAction控制Model执行连接数据库进行数据处理，接收Model返回值，并控制view/smarty显示出Model返回的数据

xxxModel.class.php

执行sql语句进行增删改查并且return一个数据让controller接收。

baseController.class.php

调用__construct()构造函数

<?php

//短路算法（|| 或运算，如果前面为真，后面就不知行；否则执行）

defined("APP_NAME") || die("非法访问");

class baseController{

protected $smarty; //我们先定义类的属性，让他来保存实例化的对象

public function __construct(){

$this->initSmarty();

}

private function initSmarty(){

require ROOT_PATH."plugins/smarty/smarty.class.php";

$this -> smarty = new Smarty();

$this -> smarty ->template_dir = ROOT_PATH."views/".APP_NAME;

$this -> smarty ->compile_dir = ROOT_PATH."data/template_c";

$this -> smarty ->left_delimiter = "<{";

$this -> smarty ->right_delimiter = "}>";

}

baseModel.class.php

<?php

class baseModel{

private $host;

private $user;

private $pass;

private $dbname;

public function __construct($host,$user,$pass,$dbname){

//将参数保存到对象的属性上

$this->host = $host;

$this->user = $user;

$this->pass = $pass;

$this->dbname = $dbname;

$this->connect();

}

private function connect(){

mysql_connect($this->host,$this->user,$this->pass);

mysql_select_db($this->dbname);

mysql_query("set names utf8");

}

Ajax加强

function validate(){

//获得ajax XMLHttpRequest对象(由于浏览器兼容性)

var xhr; //理解成打开浏览器

if(window.ActiveXObject){ //这是IE浏览器的

xhr = new ActiveXObject();

}else if(window.XMLHttpRequest){ //这里是火狐浏览器的

xhr = new XMLHttpRequest();

}

//设置属性，调用方法

var username = document.getElementById('username');

//open()方法有3个参数 1，请求的方式；2，请求的url，3，是否为异步请求

var url = "index.php?c=user&a=ajax_check&time="+new Data().getTime()+"&username="+username.value;//这个请求的地址是服务器端的地址

xhr.open("GET",url,true); //打开地址栏

xhr.onreadystatechange = callback; //监视请求的状态的

xhr.send();

function callback(){

if(xhr.readyState ==4){ //表示请求已经完成

if(xhr.status==200){ //表示请求成功

//获得服务器响应的数据

//alert(xhr.responseText);

if(xhr.responseText){

alert("用户名已注册");

}else{

alert("用户名可以使用");

}

</script>

搜索建议

AJAX步骤

1,var xhr;

if(window.ActiveXObject){

xhr = new ActiveXObject('Microsoft.XMLHTTP');

}else if(window.XMLHttpRequest){

xhr = new XMLHttpRequest();

}

2,url='';

3,xhr.open('POST',url,true);

4,xhr.onreadystatechange=callback;

function callback(){

if(xhr.readyState==4){

if(xhr.status==200){

获取xhr.responseText;

}

5,xhr.send('一个值');

显示详细信息在标签中调用onmouseover=‘showDetail（《{$value.user_id}》）’方法

send()POST方式时屏蔽乱码语句：xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');

php中json_encode();方法将数组转化成json格式的字符串，Js中eval（'('+转化过来的字符串+')'）；来将字符串转化成json对象

百度词条搜索建议：$sql = "select *from user where username like '$data%'";

建议div隐藏方法：init(){

document.getElementById('dv').style.display = 'none';

}

三级联动

mysql_connect('localhost','root','');

mysql_select_db("china");

mysql_query("set names utf8");

//获得用户点击的值以及应该显示的表明

$val = $_POST['val'];

$table = $_POST['table'];

if($table == 't_province'){

//查询所有的省

$sql = "select ProName from $table order by ProSort";

$result = mysql_query($sql);

$rows = array();

while($row = mysql_fetch_row($result)){

echo "<option>$row[0]</option>";

}

}else if($table =='t_city'){

//已知 ProName 查询对应的市的名字

$sql = "select CityName from t_city where ProID=(select ProID from t_province where ProName = '$val')";

$result = mysql_query($sql);

$rows = array();

while($row = mysql_fetch_row($result)){

echo "<option>$row[0]</option>";

}

}else if($table =='t_district'){

//已知 CityName 查询对应的县的名字

$sql = "select DisName from t_district where CityID=(select CityID from t_city where CityName = '$val')";

$result = mysql_query($sql);

$rows = array();

while($row = mysql_fetch_row($result)){

echo "<option>$row[0]</option>";

}

仍在完善中

刷新分页在controller中显示模板

在模板中自动加载viewpage（1）函数

在模板的脚本文件中获取tables内容，每次清空

实例化xhr = new ActiveXObject（‘Microsoft.XMLHTTP’）、new XMLHttpRequest（）；

设置url index.php?c=fenye&a=process

开启协议传输xhr.open('send',url,true);

设置POST乱码编正xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');

开启监听并且在响应状态调用回调函数xhr.onreadystatechange = callback;

开启send send('page='+page);

判断状态if(xhr.readyState==4){

if(xhr.status==200){

开始处理语句~~ var json = eval('('+xhr.responseText+')');

var result = eval('('+json[1]+')');

document.getElementById('item').innerHTML = json[0];

for(var i=0;i<result.length;i++){

var trs = document.createElement('tr');

for(var j=0;j<7;j++){

var tds = document.createElement('td');

tds.innerHTML = result[i][j];

document.getElementById('tables').appendChild(trs);

trs.appendChild(tds);

}

controller接收并且调用processAction函数

在函数中接收page参数

连接数据库

设置pagesize

在数据库调用getTotal（）函数，处理数据返回总条数totalrows

求出总页数 pages= ceil（totalrows除以pagesize）

求出偏移量 offset=pagesize乘以page-1

设置首页first=1 前一页 prev=page-1 设置prev》0

下一页 next=page+1 判断if($next<$pages){

$next =$page+1;

}else{

$next=$pages;

}

$last = $pages;

输出字符串

$str = '<FONT color="red">第'. $page.'页/总'.$pages.'页 | 总'.$total_rows.'条</FONT><a onclick="viewpage('.$first.')" href="#">首页</a>

<a onclick="viewpage('.$last.')" href="#">尾页</a>';

调用数据模型的getPage（offset，pagesize）函数

public function getPage($offset,$pagesize){

$sql = "select * from book limit $offset,$pagesize";

$result = mysql_query($sql);

$rows = array();

while($row = mysql_fetch_array($result)){

$rows[] = $row;

}

return $rows;

}

在controller中接收数据调用json_encode（）转化接收的数组成json格式的字符串

将str 和 json_encode(pageInfo)放入一个数组

并且将这个数组调用json_code函数转化成字符串

在模板脚本接收eval（‘（’+xhr.responseText+‘）’）

并运用DOM方法给模板赋值~

Ajax局部动态更新数据

调用responseXML的时候注意网页编码要使用unicode 无DOM标签格式~~~

1.MVC框架温习 2.Ajax加强 3.搜索建

热点推荐