后台管理界面--导航栏设计

本章我们开始进行后台管理界面的设计，本节课设计一下导航栏设计。
一． 退出登录
//logout.php
<?php
session_start();
session_destroy();
header('location:login.php');
?>

二． 导航栏设计
根据生成的 JSON 方案，表如下：

//nav.php
<?php
require 'config.php';
$id = isset($_POST['id']) ? $_POST['id'] : 0;
$query = mysql_query("SELECT id,text,state,iconCls,url FROM
easyui_nav WHERE nid='$id'") or die('SQL 错误！');
$json = '';
while (!!$row = mysql_fetch_array($query, MYSQL_ASSOC)) {
$json .= json_encode($row).',';
}

$json = substr($json, 0, -1);
echo '['.$json.']';
mysql_close();
?>
//tree 结构
$('#nav').tree({
url : 'nav.php',
lines : true,
onLoadSuccess : function (node, data) {
var _this = this;
if (data) {
$(data).each(function (index, value) {
if (this.state == 'closed') {
$(_this).tree('expandAll');
}
});
}
},
onClick : function (node) {
if (node.url) {
if ($('#tabs').tabs('exists', node.text)) {
$('#tabs').tabs('select', node.text)
} else {
$('#tabs').tabs('add', {
title: node.text,
closable: true,
iconCls : node.iconCls,
href : node.url + '.php',
});
}
}
}
});