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']);
        }

图片处理