《PHP》课件8.2 网站后台首页设计_第1页
《PHP》课件8.2 网站后台首页设计_第2页
《PHP》课件8.2 网站后台首页设计_第3页
《PHP》课件8.2 网站后台首页设计_第4页
《PHP》课件8.2 网站后台首页设计_第5页
已阅读5页，还剩8页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

本节主要内容使用网页页面布局技术统一网站后台页面风格。后台网页布局母版的设计后台首页页面的设计PHP新闻管理系统网站后台管理功能在PHP新闻管理系统网站中，后台主要包括以下内容：系统管理：可以修改当前管理员密码、注销登录。用户管理模块：显示所有网站用户的列表、删除用户、重置用户密码、用户提权、用户降级等功能。新闻类别管理模块：显示所有的新闻类别、删除新闻类别、编辑新闻类别以及添加新闻类别等功能。新闻管理模块：显示所有的新闻列表、编辑新闻、删除新闻、添加新闻、新闻置顶、新闻热点等功能。用户评论管理模块：显示所有用户的评论信息、删除评论以及对评论中包含的敏感字符过滤等功能。后台统一风格模板结构设计网站后台布局采用二分栏结构布局：在网页的页眉部分包含网站的logo和登录管理员用户信息网页的左边栏实现各种管理模块的导航功能后台网页母版的结构设计<!doctypehtml><html><head><metacharset="utf-8"><title>无标题文档</title><linkhref="style/backSTyle.css"type="text/css"rel="stylesheet"></head><body><divid="header"><?phprequire_once'top.php';?></div><divid="wrapper"><divid="tableContainer"><divid="left"><?phprequire_once'mainleft.php';?></div><divid="main"></div><!--endofmain--></div><!--endoftableContainer--></div><!--endofwrapper--></body></html>后台网页母版的样式设计/*后台页面的CSSDocument*/*{margin:0;padding:0;font-size:15px;color:#757575;}body{color:#555;min-width:592px;overflow:hidden;background:#eee;background-image:url(img/bg.png);font-family:Verdana,Geneva,sans-serif;}#header{width:980px; margin:0auto;} #wrapper{width:980px;margin:0auto;height:600px;overflow-y:auto;}#tableContainer{display:table;border-spacing:10px;}#newRow{display:table-row;}#left{display:table-cell;width:135px;vertical-align:top;}#main{display:table-cell;padding-left:20px;vertical-align:top;}定义了id属性为header元素的样式，元素的width为980px，margin:0auto意味着页眉部分内容将居中显示在浏览器上。高度为600px，当垂直方向超过高度定义时，将自动出现滚动条。将以table样式显示，单元格间距为10px。页眉部分运行效果页眉部分top.php页面的样式设计<styletype="text/css">.top-box{width:90%;}.top{background:#358edd;height:40px;}.top-box{margin:0auto;position:relative;min-width:390px;}.top-box-logo{font-size:18px;font-weight:normal;color:#fff;position:absolute;left:0;top:7px;letter-spacing:1px;}.top-box-nav{text-align:right;color:#fff;line-height:40px;font-size:13px;letter-spacing:3px;}.top-box-nava{color:#fff;margin-left:5px;text-decoration:none;}</style>页眉部分top.php页面的功能设计……if(isset($_SESSION['back_userinfo'])){

$login=true;//保存用户登录状态

$userinfo=$_SESSION['back_userinfo'];}else{

$login=false;

//若用户没有登录，直接跳转到后台登录页面

header('Location:adminLogin.php');}//用户退出if(isset($_GET['action'])&&$_GET['action']=='logout'){

unset($_SESSION['back_userinfo']);

if(empty($_SESSION)){ session_destroy(); }//跳转到登录页面header('Location:adminLogin.php');}…………<divclass="top">

<divclass="top-box">

<h1class="top-box-logo">PHP新闻管理系统管理后台</h1>

<divclass="top-box-nav">

欢迎您，<ahref="#"><?phpecho$userinfo['username'];?></a>！<ahref="updatepass.php">密码修改</a><ahref="?action=logout">安全退出</a>

</div>

</div></div>……左边栏运行效果<divclass="main-left">

<divclass="main-left-nav"> <divclass="main-left-nav-head">

<strong>系统管理</strong><div></div>

</div><div>

<ahref="updatepass.php">修改密码</a>

<ahref="index.php">返回首页</a></div><divclass="main-left-nav-head">

<strong>用户管理</strong><div></div>

</div><div>

<ahref="userlist.php">用户列表</a>

<ahref="adduser.php">添加用户</a>

<ahref="userpower.php">权限管理</a></div>……

左边栏mainleft.php页面的样式设计.main-left{border-top:#0080c44pxsolid;}.main-left-nav{border:#bdd7f21pxsolid;border-bottom:#0080c44pxsolid;background:#ebf7ffurl(img/leftdhbg.jpg)repeat-yright;margin-left:10px;margin-bottom:20px;}.main-left-nav-head{border-bottom:1px#98c9eesolid;display:block;text-align:center;position:relative;height:38px;line-height:38px;}.main-left-nav-headdiv{position:absolute;background:url(img/leftbgbt2.jpg)no-repeat;width:11px;height:48px;left:-11px;top:-1px;}.main-left-nava{display:block;background:#fff;line-height:28px;height:28px;text-align:center;border-bottom:1px#98c9eedotted;text-decoration:none;}.main-left-nava:hover{background:#0080c4;color:#fff;}左边栏mainleft.php页面的功能设计<divclass="main-left">

<divclass="main-left-nav"> <divclass="main-left-nav-head">

<strong>系统管理</strong><div></div>

</div><divclass="main-left-nav-list">

<ahref="updatepass.php">修改密码</a>

<ahref="index.php">返回首页</a></div><divclass="main-left-nav-head">

<strong>用户管理</strong><div></div>

</div><divclass="main-left-nav-list">

<ahref="userlist.php">用户列表</a>

<ahref="adduser.php">添加用户</a>

<ahref="userpower.php">权限管理</a></div>……

使用母版设计的网站后台首页index.php<head>

<linkhref="style/backStyle.css"type="text/css"rel="stylesheet"></head>……<divid="header"><?phprequire_once'top.php';?></div><divid="wrapper"><divid="tableContainer"><divid="left"><?phprequire_once'mainleft.php';?></div><divid="main">……</div><!--endofmain--></div><!--endoftableContainer--></div><!--endofwrapper--><divid="main"><divclass="title">后台首页</div><dlclass="bordered"><dt>欢迎访问</dt><dd>欢迎进入PHP新闻管理系统后台！请从左侧选择一个操作。</dd><dd></dd></dl><dlclass="bordered"><dt>服务器信息</dt><dd>系统环境：<?phpecho$_SERVER['SERVER_SOFTWARE']?></dd><dd>服务器时间：<?phpecho

人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论