后台界面引入及分离

  创建admin模块，包含controller控制器,view视图，控制器目录结构如下：

  控制器代码如下:

<?php
namespace app\admin\controller;

use think\Controller
/**
 * 
 */
class index extends Controller;
{
	
	function index()
	{
		return $this->fetch();
	}

}

  创建config.php配置文件，代码如下:

<?php

return [
	// 作用 在 admin 模块中出现了__PUBLIC__全部替换为/public/，主要用作实现样式文件与js文件方便加载
	'view_replace_str'  =>  [
    	'__PUBLIC__'=>SITE_URL.'static/admin',
	],
	// 作用，在 admin 模块中 修改 模板后台，使得 index.htm 生效
	'template' => [
		'view_suffix' => 'htm',
	],
];

  如果不明白SITE_URL常量的，参照上篇文章。将后台所有静态资源放到static/admin目录下，目录不存在，则创建目录

  修改模板文件，替换样式文件为正确的url连接，示例如下：

    <!--修改前-->
    <link href="style/bootstrap.css" rel="stylesheet">
    <!--修改后-->
    <link href="__PUBLIC__/style/bootstrap.css" rel="stylesheet">

  如果已上工作都已完成，那可以打开http://www.tp5.com/index.php/admin/index/index这个url页面显示如下：

**我是按视频教程做的，不要打我 ** -^--
  上面的页面是访问admin模块下的index控制器下的index方法，对于增、删改查的操作，需要新建admin控制器,其中有add(增),lst（列表）方法，操作步骤同上，代码如下:

<?php
namespace app\admin\controller;

use think\Controller;

class admin extends Controller
{
	function add()
	{
		return $this->fetch();
	}

	function lst()
	{
		return $this->fetch('list');
	}

	function edit()
	{
		return $this->fetch();
	}

}

  对于视图模板的操作，请参考其他相关代码
  对于后台模板的分离，参考前台模板分离。common\left.htm，代码内容如下:

<div class="page-sidebar" id="sidebar">
    <!-- Page Sidebar Header-->
    <div class="sidebar-header-wrapper">
        <input class="searchinput" type="text">
        <i class="searchicon fa fa-search"></i>
        <div class="searchhelper">Search Reports, Charts, Emails or Notifications</div>
    </div>
    <!-- /Page Sidebar Header -->
    <!-- Sidebar Menu -->
    <ul class="nav sidebar-menu">
        <!--Dashboard-->
        <li>
            <a href="#" class="menu-dropdown">
                <i class="menu-icon fa fa-user"></i>
                <span class="menu-text">管理员</span>
                <i class="menu-expand"></i>
            </a>
            <ul class="submenu">
                <li>
                    <a href="/admin/document/index.html">
                        <span class="menu-text">
                            管理列表                                    </span>
                        <i class="menu-expand"></i>
                    </a>
                </li>
            </ul>                            
        </li> 

        <li>
            <a href="#" class="menu-dropdown">
                <i class="menu-icon fa fa-file-text"></i>
                <span class="menu-text">文档</span>
                <i class="menu-expand"></i>
            </a>
            <ul class="submenu">
                <li>
                    <a href="/admin/document/index.html">
                        <span class="menu-text">
                            文章列表                                    </span>
                        <i class="menu-expand"></i>
                    </a>
                </li>
            </ul>                            
        </li> 

        <li>
            <a href="#" class="menu-dropdown">
                <i class="menu-icon fa fa-gear"></i>
                <span class="menu-text">系统</span>
                <i class="menu-expand"></i>
            </a>
            <ul class="submenu">
                <li>
                    <a href="/admin/document/index.html">
                        <span class="menu-text">
                            配置                                   </span>
                        <i class="menu-expand"></i>
                    </a>
                </li>
            </ul>                            
        </li>                          
        
    </ul>
    <!-- /Sidebar Menu -->
</div>

  commont\top.htm代码内容如下：

	<div class="navbar">
    <div class="navbar-inner">
        <div class="navbar-container">
            <!-- Navbar Barnd -->
            <div class="navbar-header pull-left">
                <a href="#" class="navbar-brand">
                    <small>
                            <img src="__PUBLIC__/images/logo.png" alt="">
                        </small>
                </a>
            </div>
            <!-- /Navbar Barnd -->
            <!-- Sidebar Collapse -->
            <div class="sidebar-collapse" id="sidebar-collapse">
                <i class="collapse-icon fa fa-bars"></i>
            </div>
            <!-- /Sidebar Collapse -->
            <!-- Account Area and Settings -->
            <div class="navbar-header pull-right">
                <div class="navbar-account">
                    <ul class="account-area">
                        <li>
                            <a class="login-area dropdown-toggle" data-toggle="dropdown">
                                <div class="avatar" title="View your public profile">
                                    <img src="__PUBLIC__/images/adam-jansen.jpg">
                                </div>
                                <section>
                                    <h2><span class="profile"><span>admin</span></span></h2>
                                </section>
                            </a>
                            <!--Login Area Dropdown-->
                            <ul class="pull-right dropdown-menu dropdown-arrow dropdown-login-area">
                                <li class="username"><a>David Stevenson</a></li>
                                <li class="dropdown-footer">
                                    <a href="/admin/user/logout.html">
                                            退出登录
                                        </a>
                                </li>
                                <li class="dropdown-footer">
                                    <a href="/admin/user/changePwd.html">
                                            修改密码
                                        </a>
                                </li>
                            </ul>
                            <!--/Login Area Dropdown-->
                        </li>
                        <!-- /Account Area -->
                        <!--Note: notice that setting div must start right after account area list.
                            no space must be between these elements-->
                        <!-- Settings -->
                    </ul>
                </div>
            </div>
            <!-- /Account Area and Settings -->
        </div>
    </div>
</div>