ICode9
精准搜索请尝试： 精确搜索
首页
编程语言>
数据库
系统相关
互联网
其他分享
Python
Java
JavaScript
android
PHP
首页 > 编程语言> 文章详细

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

2022-08-29 12:31:44  阅读：336  来源： 互联网

标签：下面 php demo 文本格式 data public 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文件，里面有下面三行代码

 <script type="text/javascript" charset="utf-8" src="ueditor.config.js"></script>
    <script type="text/javascript" charset="utf-8" src="ueditor.all.min.js"> </script>
    <!--建议手动加在语言，避免在ie下有时因为加载语言失败导致编辑器加载失败-->
    <!--这里加载的语言文件会覆盖你在配置项目里添加的语言类型，比如你在配置项目里配置的是英文，这里加载的中文，那最后就是中文-->
    <script type="text/javascript" charset="utf-8" src="lang/zh-cn/zh-cn.js"></script>

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

<script type="text/javascript" charset="utf-8" src="/utf8-php/ueditor.config.js"></script>
    <script type="text/javascript" charset="utf-8" src="/utf8-php/ueditor.all.min.js"> </script>
    <!--建议手动加在语言，避免在ie下有时因为加载语言失败导致编辑器加载失败-->
    <!--这里加载的语言文件会覆盖你在配置项目里添加的语言类型，比如你在配置项目里配置的是英文，这里加载的中文，那最后就是中文-->
    <script type="text/javascript" charset="utf-8" src="/utf8-php/lang/zh-cn/zh-cn.js"></script>

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

<script type="text/javascript">
                //实例化编辑器
    //建议使用工厂方法getEditor创建和引用编辑器实例，如果在某个闭包下引用该编辑器，直接调用UE.getEditor('editor')就能拿到相关的实例
    var ue = UE.getEditor('editor');

这个也直接复制到form表单里面，不过需要注意的是，后面要加一个</script>，另外editor是富文本框的id值，注意更改

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
    <script type="text/javascript" charset="utf-8" src="/utf8-php/ueditor.config.js"></script>
    <script type="text/javascript" charset="utf-8" src="/utf8-php/ueditor.all.min.js"> </script>
    <!--建议手动加在语言，避免在ie下有时因为加载语言失败导致编辑器加载失败-->
    <!--这里加载的语言文件会覆盖你在配置项目里添加的语言类型，比如你在配置项目里配置的是英文，这里加载的中文，那最后就是中文-->
    <script type="text/javascript" charset="utf-8" src="/utf8-php/lang/zh-cn/zh-cn.js"></script>

<body>
<div style="width: 800px; margin: auto;padding-top: 200px;">


    <form class="form-horizontal" method="post" enctype="multipart/form-data" action="/demo/add">
        <div class="form-group">
            <label  class="col-sm-2 control-label">用户名：</label>
            <div class="col-sm-10">
                <input type="text" class="form-control" name="username" placeholder="请输入用户名">
            </div>
        </div>
        <div class="form-group">
            <label  class="col-sm-2 control-label">性别：</label>
            <div >
                <input type="radio" name="userend" value="男">男
                <br>
                <input type="radio" name="userend" value="女">女
            </div>
        </div>
        <div class="form-group">
            <label  class="col-sm-2 control-label">个人头像：</label>
            <div class="col-sm-10">
                <input type="file" class="form-control" name="userimg">
            </div>
        </div>


        <div class="form-group">
            <label  class="col-sm-2 control-label">时间：</label>
            <div class="col-sm-10">
                <input type="datetime-local" name="usertime" class="form-control">
            </div>
        </div>
        <div class="form-group">
            <label  class="col-sm-2 control-label">个人介绍：</label>
            <div class="col-sm-10">
                <textarea name="usertext" id="goods_introduce" cols="90" rows="3" placeholder="我喜欢读书、跑步"></textarea>
            </div>
        </div>

        <div class="form-group">
            <div class="col-sm-offset-2 col-sm-10">
                <button type="submit" class="btn btn-primary btn-lg">注册</button>
            </div>
        </div>
    </form>
</div>
</body>
</html>
<script type="text/javascript">
    //实例化编辑器
    //建议使用工厂方法getEditor创建和引用编辑器实例，如果在某个闭包下引用该编辑器，直接调用UE.getEditor('editor')就能拿到相关的实例
    var ue = UE.getEditor('goods_introduce');
</script>

下面是路由

<?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 "<script>alert('添加成功');location.href='list'</script>";
        }
    }

    //展示
    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 "<script>alert('删除成功');location.href='list'</script>";
        }else{
            return "<script>alert('删除失败');location.href='list'</script>";
        }
    }
}

 

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

 

标签：下面,php,demo,文本格式,data,public,PHP,带富,目录
来源： https://www.cnblogs.com/Boboschen/p/16635271.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

关于我们 | 联系我们 | 留言反馈

专注分享技术，共同学习，共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有