网站开发（四）后台的页面导入

来源：互联网发布：人可以有多色知乎编辑：程序博客网时间：2024/05/24 15:41

后台的引入和前台的步骤差不多

一、在blog/Application/Admin/View下新建文件夹Index，在Index文件夹下创建index.html

代码

<!doctype html><html><head>    <meta charset="UTF-8">    <title>后台管理</title>    <link rel="stylesheet" type="text/css" href="css/common.css"/>    <link rel="stylesheet" type="text/css" href="css/main.css"/>    <script type="text/javascript" src="js/libs/modernizr.min.js"></script></head><body><div class="topbar-wrap white">    <div class="topbar-inner clearfix">        <div class="topbar-logo-wrap clearfix">            <h1 class="topbar-logo none"><a href="index.html" class="navbar-brand">后台管理</a></h1>            <ul class="navbar-list clearfix">                <li><a class="on" href="index.html">首页</a></li>                <li><a href="#" target="_blank">网站首页</a></li>            </ul>        </div>        <div class="top-info-wrap">            <ul class="top-info-list clearfix">                <li><a href="#">管理员</a></li>                <li><a href="#">修改密码</a></li>                <li><a href="#">退出</a></li>            </ul>        </div>    </div></div><div class="container clearfix">    <div class="sidebar-wrap">        <div class="sidebar-title">            <h1>菜单</h1>        </div>        <div class="sidebar-content">            <ul class="sidebar-list">                <li>                    <a href="#"><i class="icon-font">&#xe003;</i>常用操作</a>                    <ul class="sub-menu">                        <li><a href="design.html"><i class="icon-font">&#xe008;</i>栏目增删管理</a></li>                    </ul>                </li>                <li>                    <a href="#"><i class="icon-font">&#xe018;</i>页面管理</a>                    <ul class="sub-menu">                        <li><a href="system.html"><i class="icon-font">&#xe017;</i>后台首页管理</a></li>                        <li><a href="system.html"><i class="icon-font">&#xe037;</i>我的文章</a></li>                    </ul>                </li>            </ul>        </div>    </div>    <!--/sidebar-->    <div class="main-wrap">        <div class="crumb-wrap">            <div class="crumb-list"><i class="icon-font">&#xe06b;</i><span>后台管理<span></span></span></div>        </div>        <div class="result-wrap">            <div class="result-title">                <h1>快捷操作</h1>            </div>            <div class="result-content">                <div class="short-wrap">                    <a href="#"><i class="icon-font">&#xe001;</i>新增作品</a>                    <a href="#"><i class="icon-font">&#xe005;</i>新增博文</a>                    <a href="#"><i class="icon-font">&#xe048;</i>新增作品分类</a>                    <a href="#"><i class="icon-font">&#xe041;</i>新增博客分类</a>                    <a href="#"><i class="icon-font">&#xe01e;</i>作品评论</a>                </div>            </div>        </div>        <div class="result-wrap">            <div class="result-title">                <h1>使用帮助</h1>            </div>            <div class="result-content">                <ul class="sys-info-list">                    <li>                        <label class="res-lab">XuLinJieQQ</label><span class="res-info">932834897</span>                    </li>                </ul>            </div>        </div>    </div>    <!--/main--></div></body></html>

二、引入后台首页的css,js,img文件

在Public下新建Admin文件夹，将css，js，img文件夹放入即可

这里写图片描述

这里我将我这里的css，js，img文件提供下
点击下载文件

三、路径修改为_ PUBLIC _/Admin/原路径(PUBLIC左右都是两条横杠)

原来是

这里写图片描述

修改为

    <link rel="stylesheet" type="text/css" href="__PUBLIC__/Admin/css/common.css"/>    <link rel="stylesheet" type="text/css" href="__PUBLIC__/Admin/css/main.css"/>    <script type="text/javascript" src="__PUBLIC__/Admin/js/libs/modernizr.min.js"></script>

最后修改控制器blog/Application/Admin/Controller/IndexController.class.php

直接将下面代码复制全部替代IndexController.class.PHP所有代码

<?phpnamespace Admin\Controller;use Think\Controller;class IndexController extends Controller {    public function index(){    $this->display();    }}

$this->display();的意思就是显示Application/Admin/View/Index下的index.html网页

最后输入网址：localhost/blog/index.php/Admin
后台首页导入完成
其他页面在分离公共页面中都会一个一个导入

这里写图片描述

阅读全文

1 0