PHP.24-TP框架商城应用实例-后台1-添加商品功能、钩子函数、在线编辑器、过滤XSS、上传图片并生成缩略图

添加商品功能

　　1、创建商品控制器【C】　　/www.test.com/shop/Admin/Controller/GoodsController.class.php

<?php

namespace Admin\Controller;

use Think\Controller;

//后台添加商品功能控制器

class GoodsController extends Controller

{

    //显示和处理表单

    public function add()

    {

        //判断用户是否提交了表单(如果提交了，就在if中处理表单，否则显示表单)

        if(IS_POST){    //IS_POST:TP自带常量：当前是否POST请求

            $model = D('goods');    //D()实例化/Model/中模型goods

            //2.CREATE方法：a.接收数据并保存到模型中  b.根据模型中定义的规则验证表单

            /**

            *第一个参数：要接收的数据默认是$_POST

            *第二个参数：表单的类型。当前是添加还是修改的表单，1：添加    2：修改

            *$_POST：表单中原始的数据，I('post.'):过滤后的$_POST的数据，过滤XSS攻击

            **/

            if($model->create(I('post'), 1))

            {

                //插入数据库中

                if($model->add())

                {

                    //显示成功信息并等待1秒之后跳转

                    $this->success('操作成功！', U('lst'));

                    exit;

                }

            }

            //如果上面失败了在这里处理失败的请求

            //从模型中取出失败的原因

            $error = $model->getError();

            //由控制器显示错误信息，并在3秒跳回上一个页面[error()默认3秒]

            $this->error($error);

        }

        //显示表单

        $this->display();

    }

    //商品列表页

    public function lst()

    {

        echo "列表页";

    }

}

GoodsController.class.php

注意：控制器中的代码都很少，具体的业务代码都写到模型中，所有的控制器其他curd的代码基本相同，区别就是生成不同的模型。

　　2、创建商品模型【M】　　/www.test.com/shop/Admin/Model/GoodsModel.class.php

<?php

    namespace Admin\Model;

    use Think\Model;

    class GoodsModel extends Model

    {

        //添加调用create方法允许接收的字段

        protected $insertFields = 'goods_name,market_price,shop_price,is_on_sale,goods_desc';

        //定义验证规则    validate:TP模型层提供的一种数据验证方法

            //a.静态方式：在模型类里面通过$_validate属性定义验证规则。b.动态方式：使用模型类的validate方法动态创建自动验证规则

            //定义好验证规则后，就可以在使用create方法创建数据对象的时候自动调用

        protected $_validate = array(

            array('goods_name', 'require', '商品名称不能为空！', '1'),

            array('market_price', 'currency', '市场价格必须是货币！', '1'),

            array('shop_price', 'currency', '本店价格必须是货币类型！', '1'),

        );

        //钩子方法_before_insert:添加前插入，在添加前会自动调用

        //第一个参数：表单中即将要被插入数据库中的数据=>数组

        //&按引用传递：函数外部的变量的值要在函数内部修改的话，必须按引用传递，除非传递的为对象，因为对象默认按引用传递

        protected function _before_insert(&$data, $option)

        {

            /**************处理LOGO******************/

            //判断有没有选择图片

            if($_FILES['logo']['error'] == 0){

                $upload = new \Think\Upload();    //实例化上传类

                $upload->maxSize = 1024*1024;    //1M

                $upload->exts = array('jpg', 'gif', 'png', 'jpeg');    //设置附件上传类型

                $upload->rootPath = './Public/Uploads/';        //设置附件上传根目录

                $upload->savePath = 'Goods/';        //设置附件上传子目录

                //上传文件

                $info =  $upload->upload();

                if(!$info){

                    //获取失败原因把错误信息保存到模型的error属性中，然后在控制器里调用$model—>getError()获取错误信息并由控制器打印

                    $this->error = $upload->getError();

                    return FALSE;

                }else{

                    //上传成功，并生成缩略图

                    //先拼成原图上的路径

                    $logo = $info['logo']['savepath'] . $info['logo']['savename'];

                    //拼出缩略图的路径和名称

                    $mbiglogo = $info['logo']['savepath'] .'mbig_'. $info['logo']['savename'];

                    $biglogo = $info['logo']['savepath'] .'big_'. $info['logo']['savename'];

                    $midlogo = $info['logo']['savepath'] .'mid_'. $info['logo']['savename'];

                    $smlogo = $info['logo']['savepath'] .'sm_'. $info['logo']['savename'];

                    $image = new \Think\Image();

                    //打开要生成缩略图的图片

                    $image->open('./Public/Uploads/'.$logo);

                    //生成缩略图

                    $image->thumb(700, 700)->save('./Public/Uploads/'.$mbiglogo);

                    $image->thumb(350, 350)->save('./Public/Uploads/'.$biglogo);

                    $image->thumb(130, 130)->save('./Public/Uploads/'.$midlogo);

                    $image->thumb(50, 50)->save('./Public/Uploads/'.$smlogo);

                    /**************把路径放到表单中*****************/

                    $data['logo'] = $logo;

                    $data['mbig_logo'] = $mbiglogo;

                    $data['big_logo'] = $biglogo;

                    $data['mid_logo'] = $midlogo;

                    $data['sm_logo'] = $smlogo;

                }

            }

            //获取当前时间并添加到表单中，这样就会插入数据库中

            $data['addtime'] = date('Y-m-d H:i:s', time());

            //过滤这个字段

            $data['goods_desc'] = removeXSS($_POST['goods_desc']);

        }

    }

?>

GoodsModel.class.php

　　3、创建一个添加商品的表单【V】　　/www.test.com/shop/Admin/View/Goods/add.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<title>ECSHOP 管理中心 - 添加新商品 </title>

<meta http-equiv="Content-Type" content="text/html; charset=utf8" />

<link href="__PUB__/Admin/Styles/general.css" rel="stylesheet" type="text/css" />

<link href="__PUB__/Admin/Styles/main.css" rel="stylesheet" type="text/css" />

</head>

<body>

<h1>

    <span class="action-span"><a href="__GROUP__/Goods/goodsList">商品列表</a>

    </span>

    <span class="action-span1"><a href="__GROUP__">ECSHOP 管理中心</a></span>

    <span id="search_id" class="action-span1"> - 添加新商品 </span>

    <div style="clear:both"></div>

</h1>

<div class="tab-div">

    <div id="tabbar-div">

        <p>

            <span class="tab-front" id="general-tab">通用信息</span>

        </p>

    </div>

    <div id="tabbody-div">

        <form enctype="multipart/form-data" action="__SELF__" method="post" >

            <table width="90%" id="general-table" align="center">

                <tr>

                    <td class="label">商品名称：</td>

                    <td><input type="text" name="goods_name" value=""size="30" />

                    <span class="require-field">*</span></td>

                </tr>

                <tr>

                    <td class="label">市场售价：</td>

                    <td>

                        <input type="text" name="market_price" value="0" size="20" />

                         <span class="require-field">*</span>

                    </td>

                </tr>

                <tr>

                    <td class="label">本店售价：</td>

                    <td>

                        <input type="text" name="shop_price" value="0" size="20"/>

                        <span class="require-field">*</span>

                    </td>

                </tr>

                <tr>

                    <td class="label">是否上架：</td>

                    <td>

                        <input type="radio" name="is_on_sale" value="1" checked="checked" /> 是

                        <input type="radio" name="is_on_sale" value="0" /> 否

                    </td>

                </tr>

                <tr>

                    <td class="label">商品描述：</td>

                    <td>

                        <textarea id="goods_desc" name="goods_desc"></textarea>

                    </td>

                </tr>

            </table>

            <div class="button-div">

                <input type="submit" value=" 确定 " class="button"/>

                <input type="reset" value=" 重置 " class="button" />

            </div>

        </form>

    </div>

</div>

<div id="footer">

共执行 9 个查询，用时 0.025161 秒，Gzip 已禁用，内存占用 3.258 MB<br />

版权所有 &copy; 2005-2012 上海商派网络科技有限公司，并保留所有权利。</div>

</body>

</html>

<!--导入在线编辑器-->

   <link href="__PUB__/umeditor1.2.3-utf8-php/themes/default/css/umeditor.css" type="text/css" rel="stylesheet">

    <script type="text/javascript" src="__PUB__/umeditor1.2.3-utf8-php/third-party/jquery.min.js"></script>

    <script type="text/javascript" src="__PUB__/umeditor1.2.3-utf8-php/third-party/template.min.js"></script>

    <script type="text/javascript" charset="utf-8" src="__PUB__/umeditor1.2.3-utf8-php/umeditor.config.js"></script>

    <script type="text/javascript" charset="utf-8" src="__PUB__/umeditor1.2.3-utf8-php/umeditor.min.js"></script>

    <script type="text/javascript" src="__PUB__/umeditor1.2.3-utf8-php/lang/zh-cn/zh-cn.js"></script>

    <script>

        UM.getEditor('goods_desc', {

            initialFrameWidth: "100%",

            initialFrameHeight: 150

        });

    </script>

add.html

　　　注意：修改Js、Images、Styles等路径。提交到当前方法add，一般为action=__SELF__；商品名称等提交数据名要与数据库中的表字段名相同，可通过配置文件修改，以防止数据库表字段名被人窥探。

　　4、修改配置文件添加DB配置，连接数据库　　/www.test.com/shop/Common/Conf/conf.php

Conf.php

　　注意问题：

1.模型GoodsModel.class.php中表单规则的第四个参数1：代表必须验证，不写会默认为0【存在字段就验证】，防止用户伪造不合法表单

2.在GoodsModel.class.php中，防止表单出现非法字段，以免数据库被插入非法字段数据【例如：传入超额id（自增），导致后继数据无法插入】

3.在TP中接收用户的数据必须使用I函数接收：

用法：

　　　　　　$_GET[‘name’] --> I(‘get.name’);

　　　　　　$_POST[‘name’] --> I(‘post.name’);

　　　　　　$_POST --> I(‘post.’);

在conf.php配置文件中重新定义过滤函数

4.钩子函数：tp提供的可在数据添加、修改、删除之前或者之后要执行某些动作代码，在模型类中使用，类似自定义函数

　　如：数据在添加到数据之前先获取当前系统时间添加到表单中

　　　　基本上所有的代码都写在模型中，还有其他的钩子方法：

　　　　　　_before_insert(&$data, $option)　　_after_insert($data, $option)

　　　　　　_before_update(&$data, $option)　　_after_update($data, $option)

　　　　　　_before_delete($option)　　　　　　_after_delete($option)

　　　　　　比如上传图片的代码等等。

5.在线编辑器--UM

下载，解压到Public

在需要放编辑器的页面底部（可以是其他地方，js代码一般放底部），首先要先给需要编辑器的地方加个id，如：<textarea id="goods_desc">

　　　　注：记得修改路径

6.文本域过滤XSS

下载HtmlPrifier，解压，将library取到根目录改名为HtmlPrifier，在/www.39.com/Common/Common/functions.php指定函数调用HtmlPrifier

 <?php

    //有选择性的过滤XSS --》说明：性能非常低-》尽量少用

    function removeXSS($data)

    {

        require_once './HtmlPurifier.auto.php';

        $_clean_xss_config = HTMLPurifier_Config::createDefault();

        $_clean_xss_config->set('Core.Encoding', 'UTF-8');

        //设置保留的标签

        $_clean_xss_config->set('HTML.Allowed','div,b,strong,i,em,a[href|title],ul,ol,li,p[style],br,span[style],img[width|height|alt|src]');

        $_clean_xss_config->set('CSS.AllowedProperties', 'font,font-size,font-weight,font-style,font-family,text-decoration,padding-left,color,background-color,text-align');

        $_clean_xss_config->set('HTML.TargetBlank', TRUE);

        $_clean_xss_obj = new HTMLPurifier($_clean_xss_config);

        //执行过滤

        return $_clean_xss_obj->purify($data);

    }

 ?>

removeXSS

　　添加商品时为商品上传图片并生成缩略图

作用：1. 节省带宽；2. 浏览加载快，提高用户体验

根据前台页面图片尺寸需要，决定生成几张缩略图以及其尺寸。如：列表页：130*130；商品详情页：350*350；商品详情页小图：50*50；放大镜：700*700

1、先在数据库中添加好相应的字段[ALTER TABLE]

ALTER TABLE p39_goods ADD logo varchar(150) not null default '' comment '原图';

ALTER TABLE p39_goods ADD sm_logo varchar(150) not null default '' comment '小图';

ALTER TABLE p39_goods ADD mid_logo varchar(150) not null default '' comment '中图';

ALTER TABLE p39_goods ADD big_logo varchar(150) not null default '' comment '大图';

ALTER TABLE p39_goods ADD mbig_logo varchar(150) not null default '' comment '特大图';

　　　　2、在页面中add.html中增加文件上传按钮，注意表单一定要加上enctype="multipart/form-data" 才能上传文件

3、在模型类GoodsModel.class.php中的_before_insert()函数中，执行上传和缩略图

在tp手册中有实例

protected function _before_insert(&$data, $option)

        {

            /**************处理LOGO******************/

            //判断有没有选择图片

            if($_FILES['logo']['error'] == 0){

                $upload = new \Think\Upload();    //实例化上传类

                $upload->maxSize = 1024*1024;    //1M

                $upload->exts = array('jpg', 'gif', 'png', 'jpeg');    //设置附件上传类型

                $upload->rootPath = './Public/Uploads/';        //设置附件上传根目录

                $upload->savePath = 'Goods/';        //设置附件上传子目录

                //上传文件

                $info =  $upload->upload();

                if(!$info){

                    //获取失败原因把错误信息保存到模型的error属性中，然后在控制器里调用$model—>getError()获取错误信息并由控制器打印

                    $this->error = $upload->getError();

                    return FALSE;

                }else{

                    //上传成功，并生成缩略图

                    //先拼成原图上的路径

                    $logo = $info['logo']['savepath'] . $info['logo']['savename'];

                    //拼出缩略图的路径和名称

                    $mbiglogo = $info['logo']['savepath'] .'mbig_'. $info['logo']['savename'];

                    $biglogo = $info['logo']['savepath'] .'big_'. $info['logo']['savename'];

                    $midlogo = $info['logo']['savepath'] .'mid_'. $info['logo']['savename'];

                    $smlogo = $info['logo']['savepath'] .'sm_'. $info['logo']['savename'];

                    $image = new \Think\Image();

                    //打开要生成缩略图的图片

                    $image->open('./Public/Uploads/'.$logo);

                    //生成缩略图

                    $image->thumb(700, 700)->save('./Public/Uploads/'.$mbiglogo);

                    $image->thumb(350, 350)->save('./Public/Uploads/'.$biglogo);

                    $image->thumb(130, 130)->save('./Public/Uploads/'.$midlogo);

                    $image->thumb(50, 50)->save('./Public/Uploads/'.$smlogo);

                    /**************把路径放到表单中*****************/

                    $data['logo'] = $logo;

                    $data['mbig_logo'] = $mbiglogo;

                    $data['big_logo'] = $biglogo;

                    $data['mid_logo'] = $midlogo;

                    $data['sm_logo'] = $smlogo;

                }

            }

            //获取当前时间并添加到表单中，这样就会插入数据库中

            $data['addtime'] = date('Y-m-d H:i:s', time());

            //过滤这个字段

            $data['goods_desc'] = removeXSS($_POST['goods_desc']);

        }

图片处理

PHP.24-TP框架商城应用实例-后台1-添加商品功能、钩子函数、在线编辑器、过滤XSS、上传图片并生成缩略图

PHP.24-TP框架商城应用实例-后台1-添加商品功能、钩子函数、在线编辑器、过滤XSS、上传图片并生成缩略图的相关教程结束。

相关推荐

表格JS实现在线Excel的附件上传与下载

python教程入门学习笔记第2天第一个python程序代码规范用默认的IDLE (Python GUI)编辑器编写

在线OJ实用技巧（转载）

文档在线预览（三）使用js前端实现word、excel、pdf、ppt 在线预览

使用 Swagger 自动生成 ASP.NET Core Web API 的文档、在线帮助测试文档（ASP.NET Core Web API 自动生成文档）

Vue中使用富文本编辑器

PyRedisAdmin v1.0 Beta 发布，Redis 在线管理工具 - 开源中国社区

初探机器学习之使用讯飞TTS服务实现在线语音合成

PHP.24-TP框架商城应用实例-后台1-添加商品功能、钩子函数、在线编辑器、过滤XSS、上传图片并生成缩略图

PHP.24-TP框架商城应用实例-后台1-添加商品功能、钩子函数、在线编辑器、过滤XSS、上传图片并生成缩略图的相关教程结束。

相关推荐

表格JS实现在线Excel的附件上传与下载

python教程 入门学习笔记 第2天 第一个python程序 代码规范 用默认的IDLE (Python GUI)编辑器编写

在线OJ实用技巧（转载）

文档在线预览（三）使用js前端实现word、excel、pdf、ppt 在线预览

使用 Swagger 自动生成 ASP.NET Core Web API 的文档、在线帮助测试文档（ASP.NET Core Web API 自动生成文档）

Vue中使用富文本编辑器

PyRedisAdmin v1.0 Beta 发布，Redis 在线管理工具 - 开源中国社区

初探机器学习之使用讯飞TTS服务实现在线语音合成

python教程入门学习笔记第2天第一个python程序代码规范用默认的IDLE (Python GUI)编辑器编写