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

最新推荐文章于 2022-04-28 15:58:21 发布

iheyu

最新推荐文章于 2022-04-28 15:58:21 发布

阅读量741

点赞数

分类专栏： thinkphp 文章标签： ThinkPHP 创建admin list add 左侧和头部分离与引入

本文链接：https://blog.csdn.net/iheyu/article/details/87005372

版权

本文详细介绍了如何在ThinkPHP5框架下，实战创建后台Admin控制器，实现(lst)列表展示、(add)添加页面的功能，并且讲解了如何将左侧菜单和头部导航进行分离与引入，提升后台管理界面的模块化设计。

摘要由CSDN通过智能技术生成

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=