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 />
版权所有 © 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']);
}

图片处理

正文

相关阅读

html5照片怎么插入，html5上传图片代码

jquery上传视频预览，jquery 上传文件

ajax上传图片thinkphp，ajax传输图片

表单图片上传html5，上传图片的form表单

jquery图片飞入插件，jquery图片上传插件

jqueryfrom文件上传，jquery文件上传进度条

php图片数据库中，php图片上传数据库

phpcms上传数据库，php图片上传数据库

目录[+]