tp5----实践创建后台Admin(管理员)控制器加载(lst)列表、(add)添加页面和左侧和头部分离与引入

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/iheyu/article/details/87005372
1.D:\phpStudy\WWW\lianxi\application\admin\controller
	  复制admin\controller下的Index.php文件内容,修改名字为Admin.php 
	  修改内容:
		<?php
		namespace app\admin\controller; // app对应application、admin对应模块名称、controller对应控制器的文件夹
		use think\Controller; // 引用think下面的Controller
		class Admin extends Controller
		{
   		 public function lst() // 加载管理员列表页
    		{
       		 return $this->fetch();
   		 }
   		 public function add() // 添加管理员信息
   		 {
        	 return $this->fetch();
   		 }
		}		 	
	

	2.D:\phpStudy\WWW\lianxi\application\admin\view
	   下创建admin文件夹,把“后台”的list.htm和add.htm文件	
	   复制到admin文件夹下,把list.htm名字修改为lst.php
	   (有样式的后台列表页面)		
	   http://www.iheyu.com/lianxi/public/index.php/admin/admin/lst 
3.修改admin\view\admin\lst.htm 下的路径
	   修改内容:1、修改样式路径
	   <!--Basic Styles-->
    	   <link href="__PUBLIC__/style/bootstrap.css" rel="stylesheet">
           <link href="__PUBLIC__/style/font-awesome.css" rel="stylesheet">
   	   <link href="__PUBLIC__/style/weather-icons.css" rel="stylesheet">

           <!--Beyond styles-->
   	   <link id="beyond-link" href="__PUBLIC__/style/beyond.css" rel="stylesheet" type="text/css">
    	   <link href="__PUBLIC__/style/demo.css" rel="stylesheet">
    	   <link href="__PUBLIC__/style/typicons.css" rel="stylesheet">
           <link href="__PUBLIC__/style/animate.css" rel="stylesheet">
    
          </head>

	 2、修改图片路径
	<small>
                            <img src="__PUBLIC__/images/logo.png" alt="">
                        </small>
	
	<div class="avatar" title="View your public profile">
                                    <img src="__PUBLIC__/images/adam-jansen.jpg">
                                </div>

	3、修改js路径	
	 <!--Basic Scripts-->
   	 <script src="__PUBLIC__/style/jquery_002.js"></script>
   	 <script src="__PUBLIC__/style/bootstrap.js"></script>
    	<script src="__PUBLIC__/style/jquery.js"></script>
    	<!--Beyond Scripts-->
   	<script src="__PUBLIC__/style/beyond.js"></script>
 

	</body></html>	

4.用同样的方法修改admin\view\admin\add.htm 下的路径
	(都是有样式有图片的后台列表页面)
	http://www.iheyu.com/lianxi/public/index.php/admin/admin/add
头部分离与引入:
	5.在admin\view下创建common(公共)文件夹,复制admin\view\index下的index.htm文件内容到admin\view\common文件夹下
	  重命名"top.htm"和"left.htm"两个文件,复制admin\view\admin\add.htm文件中的头部内容到admin\view\common\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>

<!-- /头部 -->	
	

     6.在D:\phpStudy\WWW\lianxi\application\admin\view\admin\add.htm文件中把头部文件引入回来
       在添加内容为,原有的头部内容删除:
	<!-- 头部 -->
         {include file="common/top" /}
	<!-- /头部 -->
	(头部引入成功)
	http://www.iheyu.com/lianxi/public/index.php/admin/admin/add
	
     7.用同样的方法修改:D:\phpStudy\WWW\lianxi\application\admin\view\admin\lst.htm
       和D:\phpStudy\WWW\lianxi\application\admin\view\index\index.htm
       (头部引入成功)
	http://www.iheyu.com/lianxi/public/index.php/admin/admin/add 
**************************************************************************************************************************************
	控制器不存在:app\admin\controller\Index(bug)
	C:\phpStudy\PHPTutorial\WWW\wanzheng\application\admin\controller\Admin.php
	修改内容:
	<?php
	namespace app\admin\controller;
	use think\Controller;
	class Admin extends Controller
	{
   	 public function lst() // 加载管理员列表
    	{
    	 return $this->fetch();
    	}
   	 public function add() // 加载管理员信息
   	 {
   	 return $this->fetch();
   	 }

   	 public function index() // 加载管理员信息
   	 {
       	 return $this->fetch();
   	 }
	}
	复制application\admin\controller\Admin.php文件内容,到新建application\admin\controller\Index.php文件中

*****************************************************************************************
	
	http://www.iheyu.com/lianxi/public/index.php/admin/index/index

    左侧分离与引入:
    8.复制admin\view\index\index.htm文件中的左侧内容到admin\view\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>
    
	9.在admin\view\index\index.htm文件中把左侧文件原有的内容删掉,修改内容为:
	<!-- Page Sidebar -->
        {include file="common/left"}
        <!-- /Page Sidebar -->
        <!-- Page Content -->
	(引入左侧成功)
	http://www.iheyu.com/lianxi/public/index.php/admin
	
     10.用同样的方法修改:D:\phpStudy\WWW\lianxi\application\admin\view\admin\lst.htm
       和D:\phpStudy\WWW\lianxi\application\admin\view\index\index.htm
       (左侧引入成功)
	http://www.iheyu.com/lianxi/public/index.php/admin/admin/add 
	http://www.iheyu.com/lianxi/public/index.php/admin/index/index

猜你喜欢

转载自blog.csdn.net/iheyu/article/details/87005372
今日推荐