《PHP》课件8.2 网站后台首页设计.pptx

本节主要内容使用网页页面布局技术统一网站后台页面风格。后台网页布局母版的设计后台首页页面的设计

PHP新闻管理系统网站后台管理功能在PHP新闻管理系统网站中，后台主要包括以下内容：系统管理：可以修改当前管理员密码、注销登录。用户管理模块：显示所有网站用户的列表、删除用户、重置用户密码、用户提权、用户降级等功能。新闻类别管理模块：显示所有的新闻类别、删除新闻类别、编辑新闻类别以及添加新闻类别等功能。新闻管理模块：显示所有的新闻列表、编辑新闻、删除新闻、添加新闻、新闻置顶、新闻热点等功能。用户评论管理模块：显示所有用户的评论信息、删除评论以及对评论中包含的敏感字符过滤等功能。

后台统一风格模板结构设计网站后台布局采用二分栏结构布局：在网页的页眉部分包含网站的logo和登录管理员用户信息网页的左边栏实现各种管理模块的导航功能

后台网页母版的结构设计!doctypehtmlhtmlheadmetacharset=utf-8title无标题文档/titlelinkhref=style/backSTyle.csstype=text/cssrel=stylesheet/headbodydivid=header?phprequire_oncetop.php;?/divdivid=wrapperdivid=tableContainerdivid=left?phprequire_oncemainleft.php;?/divdivid=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