thinkphp 前后端分离

Ken专注后端技术 2020-01-29

thinkphp 前后端分离

简单记录一下之前学习tp的历程吧。

前端HTML页面渲染

<?php
namespace app\index\controller;
use think\Controller;

class Index extends Controller
{
    public function index()
    {
        return $this->fetch();
    }
}

这样的话,你需要将你的前端文件放到application/index/view,view文件夹默认是没有的,需要你自己新建了,如:application/index/view/index.html

前端js/css文件渲染

一般情况js/css文件是放到public/static内,例如我这里将其新建一个admin文件夹(即为/public/static/admin)那么这时候也就是需要在刚才渲染的html内调用,这里可以使用替换
https://www.kancloud.cn/manual/thinkphp5/118120
然后在index这个控制器也就是app/index 同级目录下新建如下config.php

<?php
return [
    'view_replace_str'  =>  [
        '__PUBLIC__'=>'/public/static/admin/',
    ],
];

然后你在前端的html文件当中输入__PUBIC__就会自动帮你替换成/public/static/admin/
当然,如果你直接__PUBLIC__的话,输出的是/public/static/admin/ 那么调用css/js文件的时候很可能就是http://localhost:8888/index.php?s=/public/static/admin/ 这样肯定是没办法调用css/js文件的。所以可以如下方案进行解决;
在/public/index.php当中添加一个常量

<?php
// +----------------------------------------------------------------------
// | ThinkPHP [ WE CAN DO IT JUST THINK ]
// +----------------------------------------------------------------------
// | Copyright (c) 2006-2016 http://thinkphp.cn All rights reserved.
// +----------------------------------------------------------------------
// | Licensed ( http://www.apache.org/licenses/LICENSE-2.0 )
// +----------------------------------------------------------------------
// | Author: liu21st <>
// +----------------------------------------------------------------------

// [ 应用入口文件 ]

// 定义应用目录
define('APP_PATH', __DIR__ . '/../application/');
define('SITE_URL','http://127.0.0.1:8888/');
// 加载框架引导文件
require __DIR__ . '/../thinkphp/start.php';

然后再把刚才的config文件写出

<?php
return [
    'view_replace_str'  =>  [
        '__PUBLIC__'=>SITE_URL.'/public/static/admin/',
    ],
];

这样的话,__PUBLIC__的值就是http://127.0.0.1:8888//public/static/admin/
然后前端文件当中就可以正常的修改了;
例如

<link rel="stylesheet" href="__PUBLIC__/layui/css/layui.css">

相关推荐