后台管理界面--导航栏设计
2015-12-04 00:40
399 查看
本章我们开始进行后台管理界面的设计,本节课设计一下导航栏设计。
一. 退出登录
//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',
});
}
}
}
});
一. 退出登录
//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',
});
}
}
}
});
相关文章推荐
- 分布式数据库主键id生成策略
- SQLite数据库
- 黑马程序员__Java异常处理
- PHP基础--数据类型
- 自定义View之字母导航控件
- C#正则表达式Regex常用匹配
- JavaWeb学习总结(三)——Tomcat服务器学习和使用(二)
- swoole之代码热更新实现
- 今天写个alterview的事件
- (温故而知新)之Struts2(类型转化)
- 2015年12月广师android群内容分享
- 黑马程序员__Java集合框架Map集合
- Mac OS下新建文本文档
- 可视化遍历二叉树
- WebKit之CodeGenerate-JS的perl脚本的分析和学习
- WebView常见问题总结
- iOS-数据解析XML解析的多种平台介绍
- future, packaged_task promise
- Webkit之generate-bindings.pl源码分析
- ros_hydro_OpenCV_kinect_imageconverter