Think PHP 完整的带富文本格式以及图片上传,并且在页面上分页展示


Think php6.0官网网址:序言 · ThinkPHP6.0完全开发手册 · 看云 (kancloud.cn)

下面是基础配置

第一步:创建TP框架,命名为tp

composer create-project topthink/think tp

第二步:点击架构里面的多应用模式,安装多应用模式拓展

composer require topthink/think-multi-app

第三步:点击视图里面的模板引擎,安装视图拓展

composer require topthink/think-view

第四步:点击tp框架里面的 .example.env 文件,将该文件重命名为 .env

第五步:创建一个名字为demo的多应用目录,该目录保存在app下

php think build demo

第六步:创建一个名为Goods的控制器

php think make:controller demo@Goods --plain

第七步:创建一个名为Good的模型

php think make:model demo@Good

第八步:在demo目录下面创建路由名为route的目录,并在该目录里面创建route.php路由文件,并借鉴框架里面的route目录下面的app.php路由文件,将下面路径复制到新建的route.php路由文件里面

use think\facade\Route;

 下面配置域名数据库

在小皮里面配置第一域名www.2006a.com,并且根目录选择tp框架里面的public目录里面

此时已经可以访问到该框架

打开Nacivat,创建2006a数据库,并创建text表

在demo目录下面的view创建一个form.html,在网页访问的时候后因为域名需要为www.2006a.com/index.php/demo/form  才可以访问,这时需要打开public目录下面的 .htaccess文件,并将最后一行修改为

RewriteRule ^(.*)$ index.php?/$1 [QSA,PT,L]

因为该表单需要富文本,所以要把下面该富文本文件复制到public目录下面

(因文件无法上传,所以放网盘里面了)

链接:https://pan.baidu.com/s/1fsvhldLlJz3rRjPv0kfOMw?pwd=0613
提取码:0613

基本配置已经完成

连接到数据库,找到tp框架下面的.env文件进行修改为以下

APP_DEBUG = true

[APP]
DEFAULT_TIMEZONE = Asia/Shanghai

[DATABASE]
TYPE = mysql
HOSTNAME = 127.0.0.1
DATABASE = 2006a
USERNAME = root
PASSWORD = root
HOSTPORT = 3306
CHARSET = utf8
DEBUG = true

[LANG]
default_lang = zh-cn

点击demo目录下面的模型文件,连接2006a数据库里面的text表单

<?php
declare (strict_types = 1);

namespace app\demo\model;

use think\Model;

/**
 * @mixin \think\Model
 */
class Good extends Model
{
    //连接表单
    public $table='text';
}

下面是富文本到form表单上面

首先找到public目录下的utf8-php,打开该文件夹再点开index.html文件,里面有下面三行代码

 
    
    
    
    

选中这三行,要注意的是需要更改路径,将这三行代码复制到已经创建好的dmeo目录下的form表单,路径更改为


    
    
    
    

接着回到index.html文件,在61行,有

,另外editor是富文本框的id值,注意更改

然后我们大致的表单添加页面就是




    
    Title
    
    
    
    
    
    
    
    


class="form-horizontal" method="post" enctype="multipart/form-data" action="/demo/add">
class="form-group">
class="col-sm-10"> class="form-control" name="username" placeholder="请输入用户名">
class="form-group">

class="form-group">
class="col-sm-10"> class="form-control" name="userimg">
class="form-group">
class="col-sm-10"> class="form-control">
class="form-group">
class="col-sm-10">
class="form-group">
class="col-sm-offset-2 col-sm-10">

下面是路由

<?php
use think\facade\Route;

Route::get('form',function (){
    return view('form');
});
Route::post('add','Goods/add');

Route::get('list','Goods/list');

Route::get('delete','Goods/del');

这个是控制器

<?php
declare (strict_types = 1);

namespace app\demo\controller;

use app\Request;
use think\facade\Filesystem;
use think\facade\View;

class Goods
{
    //添加
    public function add(Request $request){
        $pram=$request->param();
        $data= new \app\demo\model\Good();
        $file=$request->file('userimg');
        $save='/'.Filesystem::disk('public')->putFile('image',$file);
        $pram['userimg']=$save;
        $res=$data->insert($pram);
        if ($res){
            return "";
        }
    }

    //展示
    public function list(){
//        $data=new \app\demo\model\Good();
//        $res=$data->paginate(3);

        $data=\app\demo\model\Good::order('id','desc')->paginate(3);
        return View::fetch('/list',['data'=>$data]);

    }

    //删除
    public function del(Request $request){
        $id=$request->param('id');
        $data= new \app\demo\model\Good();
        $del=$data->where('id',$id)->delete();
        if ($del){
            return "";
        }else{
            return "";
        }
    }
}

最基础的添加展示和删除就完成了