°

tp5.1博客项目-初步引入后台界面

2019年课程规划及价格说明


PHP实战视频教程大全

上节我们已经安装好了tp5.1

接下来我们开始实际的开发,一般开发我习惯先从后台开发开始

因为后台功能开发好了,才能为前台的展示准备数据

那首先我们就先要正确的引入界面

大家到我们的公众号:童攀课堂 去下载后台的静态资源

然后找到项目的静态资源存放目录:public/static

为了区分前台和后台静态资源,我们在static文件夹中创建一个新的文件夹admin用来存放后台静态资源,比如图片、css文件、js文件等

创建好admin静态资源文件夹后,将大家下载到的项目后台静态资源粘贴进去

如上图所示,当然大家的还没有editors这个文件夹,没关系

接着我们到application文件夹去创建我们的后台模块

默认情况下application有一个已经存在的index模块,我们一般用来制作前台功能的时候使用

在application目录下创建一个文件夹:admin 作为我们的后台模块目录

在admin目录里创建两个文件夹 controller用来存放控制器文件和view用来存放网页模板文件

要引入模板,首先要创建对应的控制器,通过控制器里面的方法才能加载模板

我们先来创建一个后台首页的控制器,在controller文件夹里面创建:index.php  同时在该控制器里创建一个index方法,用来加载模板

内容如下:

<?php
namespace app\admin\controller;

class Index
{
    public function index()
    {
        return view();
    }

}

这时候我们尝试去访问这个index方法:http://locahost/tp51/public/admin/index/index

会看到提示,没有在view文件夹中找到index文件夹下面的index.html文件

上面的index文件夹对应的就是index.php控制器,index.html文件就是index.php控制器下的index操作方法

所以,我们在view文件夹下创建index文件夹,再把我们后台首页的静态资源文件index.html放到该文件夹下即可

注意:我们分享的文件的后缀是.htm这里要改为.html当然你也可以去该tp5.1的配置文件

那么我们再次访问上面的地址,会看到,后台首页文件已经可以打开了,不过是样式错乱的

下面我们就来解决样式错乱的问题,这也是我们的主要操作

首先,找到application文件夹下的config文件夹在找到该文件夹下的template.php 配置文件

我们来修改tpl_replace_string的值为:

'tpl_replace_string'  =>  [
    '__INDEX__'=>'/tp51/public/static/index',
    '__ADMIN__'=>'/tp51/public/static/admin',

接着,找到我们的后台主页html文件,修改css、js和图片文件的路径:

把原来的:

<link href="./style/weather-icons.css" rel="stylesheet">

修改为:

<link href="__ADMIN__/style/weather-icons.css" rel="stylesheet">

同样的操作也要应用到所有的js文件和图片文件上

这样我们刷新一下打开的后台主页页面,看到就能正常展示页面样式了

至此,后台首页引入完成

打赏
  喜欢