ThinkPhp学习笔记——前台模板引入及分离

//===============创建 admin controller Index.php 文件===============↓
D:\phpStudy\WWW\niwo\application
新建 admin文件夹
D:\phpStudy\WWW\niwo\application\admin
新建 controller文件夹
D:\phpStudy\WWW\niwo\application\admin\controller



创建 Index.php文件
D:\phpStudy\WWW\niwo\application\admin\controller\Index.php
内容修改为
<?php
namespace app\admin\controller;

class Index 
{
    public function index()
    {
        return 'admin模块';
    }
}

补充内容:
/**
 * D:\phpStudy\WWW\niwo\application\admin\controller\Index.php
 * phpStudy     php调试程序
 * WWW      所有网站的根目录
 * niwo     niwo这个网站的根目录
 * application      应用程序
 * index        前端
 * admin        后端
 * controller       控制器
 * Index.php        首页
 * \admin\controller\Index.php      前端的首页控制器
 */


http://127.0.0.1/niwo/public/index.php/admin/index/index
出现admin模块

//===============创建 admin controller Index.php 文件===============↑
//===============在视图下,创建index和index 文件===============↓

新建 后台 视图文件夹
D:\phpStudy\WWW\niwo\application\admin\view
新建 后台 首页文件夹
D:\phpStudy\WWW\niwo\application\admin\view\index
新建 后台 首页视图网页
D:\phpStudy\WWW\niwo\application\admin\view\index\index


D:\phpStudy\WWW\niwo\application\config.php
复制里面的 config.php文件,到
D:\phpStudy\WWW\niwo\application\admin\config.php
内容修改为:
<?php
return [
    // URL伪静态后缀
    'url_html_suffix'        => 'html',
    'view_replace_str'  =>  [
        '__PUBLIC__'=>SITE_URL.'/public/static/admin',
        ],
   // 下面这行与上面一行指向相同,为了同意管理网站根目录,我们最好使用SITE_URL
//'__PUBLIC__'=>'http//:127.0.0.1/niwo/public/static/index',

];


D:\phpStudy\WWW\niwo\application\admin\view\index\index.html
'url_html_suffix'        => 'html',格式要对应index.html



D:\phpStudy\WWW\niwo\application\admin\view\index\index.html
内容修改为:
<?php
namespace app\admin\controller;
use think\Controller;
class Index extends  Controller
{
   public function index()
   {
       return $this->fetch();
   }
}



http://127.0.0.1/niwo/public/index.php/admin/index/index
和课件一样

D:\phpStudy\WWW\niwo\application\admin\view\index\index.html
修改内容一:
style/
全部替换为:
__PUBLIC__/static/
修改内容二:
images/
全部替换为:
__PUBLIC__/images/


后缀是js是实现功能的。
后缀是css是改变样式的。

//===============在视图下,创建index和index 文件===============↑
//===============创建管理者 列表 添加 控制器===============↓

D:\phpStudy\WWW\niwo\application\admin\controller
创建 Admin.php文件为:
D:\phpStudy\WWW\niwo\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();
    }
}

//===============创建管理者 列表 添加 控制器===============↑
//===============创建管理者列表(lst.html)和 添加(add.html) 视图(view) ===============↓

D:\phpStudy\WWW\niwo\application\admin\view
新建 admin文件夹为:
D:\phpStudy\WWW\niwo\application\admin\view\admin
后台复制 list和add 文件、改修文件名为:
D:\phpStudy\WWW\niwo\application\admin\view\admin\lst.html
D:\phpStudy\WWW\niwo\application\admin\view\admin\add.html

http://127.0.0.1/niwo/public/index.php/admin/admin/lst
和课件一样

//===============创建管理者列表(lst.html)和 添加(add.html) 视图(view) ===============↑
//=============== 在lst.html和add.html, 替换 样式的路径 和 图片的路径,把路径从绝对路径 替换为 含有__PUBLIC__变量的路径 ===============↓

D:\phpStudy\WWW\niwo\application\admin\view\admin\lst.html
D:\phpStudy\WWW\niwo\application\admin\view\admin\add.html
修改内容一:
style/
全部替换为:
__PUBLIC__/static/
修改内容二:
images/
全部替换为:
__PUBLIC__/images/

http://127.0.0.1/niwo/public/index.php/admin/admin/lst
http://127.0.0.1/niwo/public/index.php/admin/admin/add
管理员列表

//=============== 在lst.html和add.html, 替换 样式的路径 和 图片的路径,把路径从绝对路径 替换为 含有__PUBLIC__变量的路径 ===============↑

//===============创建公共视图目录 创建公共头文件(top.html)和列表文件(lst.html)在管理员列表、管理员添加、管理员首页、 引入公共头文件和列表文件 ===============↓

D:\phpStudy\WWW\niwo\application\admin\view
新建 common 存放公共文件的 文件夹(也可以新建 其它名字的文件夹)
D:\phpStudy\WWW\niwo\application\admin\view\common

复制两份 index文件到
D:\phpStudy\WWW\niwo\application\admin\view\common
修改为:
D:\phpStudy\WWW\niwo\application\admin\view\common\left.html
D:\phpStudy\WWW\niwo\application\admin\view\common\top.html
修改 top.html内容修改为:
 <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>
D:\phpStudy\WWW\niwo\application\admin\view\admin\add.html
把删除的部份修改为:
{include file="common/top" /}
D:\phpStudy\WWW\niwo\application\admin\view\admin\lst.html
把删除的部份修改为:
{include file="common/top" /}
***切记不要把主页 index忘记修改了
D:\phpStudy\WWW\niwo\application\admin\view\index\index.html
把删除的部份修改为:
{include file="common/top" /}



修改 left.html内容修改为:
<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>
D:\phpStudy\WWW\niwo\application\admin\view\index\index.html
把删除的部份修改为:
{include file="common/left" /}
D:\phpStudy\WWW\niwo\application\admin\view\admin\lst.html
把删除的部份修改为:
{include file="common/left" /}
D:\phpStudy\WWW\niwo\application\admin\view\admin\add.html
把删除的部份修改为:
{include file="common/left" /}

//===============创建公共视图目录 创建公共头文件(top.html)和列表文件(lst.html)在管理员列表、管理员添加、管理员首页、 引入公共头文件和列表文件 ===============↑







文章来源: ThinkPhp学习笔记——前台模板引入及分离

人吐槽 人点赞

猜你喜欢

发表评论

用户名: 密码:
验证码: 匿名发表

你可以使用这些语言

查看评论:ThinkPhp学习笔记——前台模板引入及分离