您的位置：首页 > 编程语言 > PHP开发

夺命雷公狗ThinkPHP项目之----商城8商品品牌管理以及图片上传和分页

2015-11-07 04:21 901 查看

本章的主要目标是为了对商品品牌进行CRUD（增删改查）操作。

我们在写的时候就要了解业务逻辑，也就是了解表结构

每个字段代表什么含义，为什么是这个类型的

logo：保存的是图片，一般是分两个途径来保存的，

1.保存图片的本身，保存在目录之下

2.将图片的路径保存到数据表中

我们先创建一个名字为BrandController的控制器，和在view视图里面创建一个Brand的文件夹来进行存放模版文件，如下图所示：

然后将add里面的css和图片路径该下即可代码如下：

<!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>SHOP 管理中心 - 品牌管理 </title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="__ADMIN__/styles/general.css" rel="stylesheet" type="text/css" />
<link href="__ADMIN__/styles/main.css" rel="stylesheet" type="text/css" />
</head>
<body>

<h1>
<span class="action-span"><a href="index.php?p=admin&c=brand&a=index">商品品牌</a></span>
<span class="action-span1"><a href="index.php?act=main">SHOP 管理中心</a> </span><span id="search_id" class="action-span1"> - 添加品牌 </span>
<div style="clear:both"></div>
</h1>

<div class="main-div">
<form method="post" action="" name="theForm" enctype="multipart/form-data" onsubmit="return validate()">
<table cellspacing="1" cellpadding="3" width="100%">
<tbody><tr>
<td class="label">品牌名称</td>
<td><input type="text" name="brand_name" maxlength="60" value=""><span class="require-field">*</span></td>
</tr>
<tr>
<td class="label">品牌网址</td>
<td><input type="text" name="url" maxlength="60" size="40" value=""></td>
</tr>
<tr>
<td class="label"><a href="javascript:showNotice('warn_brandlogo');" title="点击此处查看提示信息">
<img src="__ADMIN__/images/notice.gif" width="16" height="16" border="0" alt="点击此处查看提示信息"></a>品牌LOGO</td>
<td><input type="file" name="brand_logo" id="logo" size="45">    <br><span class="notice-span" style="display:block" id="warn_brandlogo">
请上传图片，做为品牌的LOGO！        </span>
</td>
</tr>
<tr>
<td class="label">品牌描述</td>
<td><textarea name="brand_desc" cols="60" rows="4"></textarea></td>
</tr>
<tr>
<td class="label">排序</td>
<td><input type="text" name="sort_order" maxlength="40" size="15" value="50"></td>
</tr>
<tr>
<td class="label">是否显示</td>
<td><input type="radio" name="is_show" value="1" checked="checked"> 是        <input type="radio" name="is_show" value="0"> 否        (当品牌下还没有商品的时候，首页及分类页的品牌区将不会显示该品牌。)
</td>
</tr>
<tr>
<td colspan="2" align="center"><br>
<input type="submit" class="button" value=" 确定 ">
<input type="reset" class="button" value=" 重置 ">
</td>
</tr>
</tbody></table>
</form>
</div>

<div id="footer">
版权所有 © 2014-2016 夺命雷公狗 - 技术总结 - </div>
</div>

</body>
</html>

然后我们在BrandController.class.php里面进行修改配置add方法。

add方法是添加品牌的方法，提示，在刚才的表单中name属性，最好尽量和数据表字段的一样。

我们直接在浏览器上打开http://www.shop.com/index.php/Admin/brand/add 即可看到如下所示：

这里面有一个红色的*号，一般都是代表必须填写的，而且还有一个图片上传的地方，那么我们可以通过以下方法来进行解决。

先决解必填的这个。

品牌名称，一般都是唯一的，我们可以通过model层来让他进行判断，我们在model目录下创建一个BrandModel.class.php的文件。

验证可以通过手册进行查找----模型----自动验证---里面有详细的例子

BrandModel.class.php内容如下所示：

<?php
namespace Admin\Model;
use Think\Model;
//品牌模型
class BrandModel extends Model{
//自动验证规则
protected $_validate = array(
array('brand_name','require','品牌名称不能为空'),
array('brand_name','','该品牌已存在',0,'unique',1),
);
}

要使用自动验证，必须使用create方法代码如下所示

<?php
namespace Admin\Controller;
use Think\Controller;
class BrandController extends CommonController{
//添加品牌
public function add(){
if(IS_POST){
//品牌入库
//收集表单数据
$data['brand_name'] = I('brand_name');
$data['url'] = I('url');
$data['brand_desc'] = I('brand_desc');
$data['sort_order'] = I('sort_order');
$data['is_show'] = I('is_show');

//调用模型完成入库
$brandModel = D('brand'); //因为是调用Model层的所以要使用到D
if($brandModel->create($data)){
//成功验证，创建数据成功
if($brandModel->add()){ //使用create方法之后，这里的add方法不能传参
$this -> success('添加品牌成功',U('index'),1);
}else{
//验证失败
$this -> error('添加品牌失败');
}
}else{
$this -> error($brandModel->getError());
}
return;
}
//载入品牌添加页面
$this -> display();
}
}

这里完成后就还剩下图片上传了，thinkphp里面是已经封装好上传类的了，但上传的太长了，可以到手册----专题-----文件上传。

详细代码如下所示：

<?php
namespace Admin\Controller;
use Think\Controller;
class BrandController extends CommonController{
//添加品牌
public function add(){
if(IS_POST){
//品牌入库
//收集表单数据
$data['brand_name'] = I('brand_name');
$data['url'] = I('url');
$data['brand_desc'] = I('brand_desc');
$data['sort_order'] = I('sort_order');
$data['is_show'] = I('is_show');

//上传图片
if($_FILES['brand_logo']['tmp_name']!=''){
$upload = new \Think\Upload();// 实例化上传类
$upload->maxSize   = 3145728 ;// 设置附件上传大小
$upload->exts      = array('jpg', 'gif', 'png', 'jpeg');// 设置附件上传类型
$upload->rootPath  = './';  //这个一定要加否则很容易中招
$upload->savePath  =      'Public/Uploads/'; // 设置附件上传目录
$info   =   $upload->uploadOne($_FILES['brand_logo']);
if($info){
$data['logo'] = $info['savepath'].$info['savename'];
}else{
$this->error($upload->getError());
}

}
var_dump($_FILES);
//调用模型完成入库
$brandModel = D('brand'); //因为是调用Model层的所以要使用到D
if($brandModel->create($data)){
//成功验证，创建数据成功
if($brandModel->add()){ //使用create方法之后，这里的add方法不能传参
$this -> success('添加品牌成功',U('index'),1);
}else{
//验证失败
$this -> error('添加品牌失败');
}
}else{
$this -> error($brandModel->getError());
}
return;
}
//载入品牌添加页面
$this -> display();
}
}

这里好了那么下一步就是显示品牌列表了，在BrandController.class.php控制器里面写个index的方法，然后在View视图下的list.html也改名成index.html噢，

控制器代码如下所示：

public function index(){
$brand = M('brand')->order('sort_order asc')->select();
$this -> assign('brand',$brand);
$this -> display();

}

让他把变量分配到前台去，然后再前台用volist让他们进行遍历，如下所示：

<!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>SHOP 管理中心 - 品牌管理 </title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="__ADMIN__/styles/general.css" rel="stylesheet" type="text/css" />
<link href="__ADMIN__/styles/main.css" rel="stylesheet" type="text/css" />
</head>
<body>

<h1>
<span class="action-span"><a href="index.php?p=admin&c=brand&a=add">添加品牌</a></span>
<span class="action-span1"><a href="index.php?act=main">SHOP 管理中心</a> </span><span id="search_id" class="action-span1"> - 商品品牌 </span>
<div style="clear:both"></div>
</h1>

<div class="form-div">
<form action="javascript:search_brand()" name="searchForm">
<img src="__ADMIN__/images/icon_search.gif" width="26" height="22" border="0" alt="SEARCH">
<input type="text" name="brand_name" size="15">
<input type="submit" value=" 搜索 " class="button">
</form>
</div>

<form method="post" action="" name="listForm">
<!-- start brand list -->
<div class="list-div" id="listDiv">

<table cellpadding="3" cellspacing="1">
<tbody>
<tr>
<th>品牌名称</th>
<th>品牌网址</th>
<th>品牌描述</th>
<th>排序</th>
<th>是否显示</th>
<th>操作</th>
</tr>
<volist name="brand" id="vo">
<tr>
<td class="first-cell"><span style="float:right"><a href="../data/brandlogo/1240803062307572427.gif" target="_brank"><img src="__ADMIN__/images/picflag.gif" width="16" height="16" border="0" alt="品牌LOGO"></a></span>
<span onclick="javascript:listTable.edit(this, 'edit_brand_name', 1)" title="点击修改内容" style="">{$vo['brand_name']}</span>
</td>
<td><a href="{$vo['url']}" target="_brank">{$vo['url']}</a></td>
<td align="left" >{$vo['brand_desc']}</td>
<td align="right"><span onclick="javascript:listTable.edit(this, 'edit_sort_order', 1)">{$vo['sort_order']}</span></td>
<td align="center"><img src='
<if condition="$vo['is_show'] eq 1">
__ADMIN__/images/yes.gif'
<else />
__ADMIN__/images/no.gif'
</if>
/></td>
<td align="center">
<a href="__CONTROLLER__/edit/id/{$vo['brand_id']}" title="编辑">编辑</a> |
<a href="__CONTROLLER__/del/id/{$vo['brand_id']}" onclick="return confirm('您是否真的删除这个品牌呢？')" title="编辑">移除</a>
</td>
</tr>
</volist>
<tr>
<td align="right" nowrap="true" colspan="6">
<div id="turn-page">
总计  <span id="totalRecords">11</span>
个记录分为 <span id="totalPages">2</span>
页当前第 <span id="pageCurrent">1</span>
页，每页 <input type="text" size="3" id="pageSize" value="10" onkeypress="return listTable.changePageSize(event)">
<span id="page-link">
<a href="javascript:listTable.gotoPageFirst()">第一页</a>
<a href="javascript:listTable.gotoPagePrev()">上一页</a>
<a href="javascript:listTable.gotoPageNext()">下一页</a>
<a href="javascript:listTable.gotoPageLast()">最末页</a>
<select id="gotoPage" onchange="listTable.gotoPage(this.value)">
<option value="1">1</option><option value="2">2</option>          </select>
</span>
</div>
</td>
</tr>
</tbody></table>

<!-- end brand list -->
</div>
</form>

<div id="footer">
版权所有 © 2014-2016 夺命雷公狗 - 技术总结 - </div>
</div>

</body>
</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>SHOP 管理中心 - 品牌管理 </title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="__ADMIN__/styles/general.css" rel="stylesheet" type="text/css" />
<link href="__ADMIN__/styles/main.css" rel="stylesheet" type="text/css" />
</head>
<body>

<h1>
<span class="action-span"><a href="index.php?p=admin&c=brand&a=index">商品品牌</a></span>
<span class="action-span1"><a href="index.php?act=main">SHOP 管理中心</a> </span><span id="search_id" class="action-span1"> - 编辑品牌信息 </span>
<div style="clear:both"></div>
</h1>

<div class="main-div">
<form method="post" action="" name="theForm" enctype="multipart/form-data" onsubmit="">

<table cellspacing="1" cellpadding="3" width="100%">
<tbody><tr>
<td class="label">品牌名称</td>
<td><input type="text" name="brand_name" maxlength="60" value="{$brand['brand_name']}"><span class="require-field">*</span></td>
</tr>
<tr>
<td class="label">品牌网址</td>
<td><input type="text" name="url" maxlength="60" size="40" value="{$brand['url']}"></td>
</tr>
<tr>
<td class="label"><a href="javascript:showNotice('warn_brandlogo');" title="点击此处查看提示信息">
<img src="__ADMIN__/images/notice.gif" width="16" height="16" border="0" alt="点击此处查看提示信息"></a>品牌LOGO</td>
<td><input type="file" name="brand_logo" id="logo" size="45">    <br>
<?php  if(empty($brand_info['brand_logo'])) :?>
<span class="notice-span" style="display:block" id="warn_brandlogo">请上传图片，做为品牌的LOGO！</span>
<?php else :?>
<span class="notice-span" style="display:block" id="warn_brandlogo">你已经上传过图片。再次上传时将覆盖原图片！</span>
<?php endif;?>
</td>
</tr>
<tr>
<td class="label">品牌描述</td>
<td><textarea name="brand_desc" cols="60" rows="4">{$brand['brand_desc']}</textarea></td>
</tr>
<tr>
<td class="label">排序</td>
<td><input type="text" name="sort_order" maxlength="40" size="15" value="{$brand['sort_order']}"></td>
</tr>
<tr>
<td class="label">是否显示</td>
<td>
<input type="radio" name="is_show" value="1"
<if condition="$brand['is_show'] eq 1">checked="checked"</if>
> 是
<input type="radio" name="is_show" value="0"
<if condition="$brand['is_show'] eq 0">checked="checked"</if>
> 否        (当品牌下还没有商品的时候，首页及分类页的品牌区将不会显示该品牌。)
</td>
</tr>
<tr>
<td colspan="2" align="center"><br>
<input type="submit" class="button" value=" 确定 ">
<input type="reset" class="button" value=" 重置 ">
<input type="hidden" name="act" value="update">
<input type="hidden" name="brand_id" value="<?php echo $brand_info['brand_id'] ;?>">
</td>
</tr>
<input type="hidden" name="brand_id" value="{$brand['brand_id']}">
</tbody></table>
</form></div>

<div id="footer">
版权所有 © 2014-2016 夺命雷公狗 - 技术总结 - </div>
</div>

</body>
</html>

注意，上面有个隐藏传参噢（brand_id）

下一步就开始到写他的控制器了，不过在修改的时候，要考虑到一些问题，如，对方如果不改图片，那么我们的原图片即不动，如果改图片即要删除原图片的原则，代码如下所示：

//修改
public function edit(){
$id = I('id',0,'int');
if (IS_POST) {
$data['brand_name'] = I('brand_name');
$data['url'] = I('url');
$data['brand_desc'] = I('brand_desc');
$data['sort_order'] = I('sort_order');
$data['is_show'] = I('is_show');
$data['brand_id'] = I('brand_id');

//判断是否有图片上传,如果上传，则删除原来图片
if ($_FILES['brand_logo']['tmp_name'] != '') {
$upload = new \Think\Upload();// 实例化上传类
$upload->maxSize   =   3145728 ;// 设置附件上传大小
$upload->exts      =   array('jpg', 'gif', 'png', 'jpeg');// 设置附件上传类型
$upload->rootPath  =   './';  //这个一定要加否则很容易中招
$upload->savePath  =   'Public/Uploads/'; // 设置附件上传目录
$info  =  $upload->uploadOne($_FILES['brand_logo']);
if($info) {
//删除原来的图片
$brand = M('brand')->find($data['brand_id']);
unlink($brand['logo']);
// 上传成功 获取上传文件信息
$data['logo'] = $info['savepath'].$info['savename'];
}

}

$brandModel = D('brand');
if ($brandModel->create($data)) {
if ($brandModel->save()) {
$this->success('编辑品牌成功',U('Brand/index'),1);
} else {
$this->error('编辑品牌失败');
}
}else {
$this->error($brandModel->getError());
}

return;

}

$brand = M('brand')->find($id);
$this->assign('brand',$brand);
$this->display();
}

删除的话，那就更加的简单了，只要在模版里传递id过来，如下所示:

<a href="__CONTROLLER__/del/id/{$vo['brand_id']}" onclick="return confirm('您是否真的删除这个品牌呢？')" title="编辑">移除</a>

在后台即可删除掉了，控制器下的方法如下所示：

//移除
public function del(){
$id = I('id',0,'int');
$brand = M('brand')->find($id);
if (M('brand')->delete($id)) {
//删除的同时删除图片
unlink($brand['logo']);
$this->success('删除成功');
} else {
$this->error('删除失败');
}
}

这里好了，那么下一步，就是右下角的分页部分了，Thinkphp里面封装好了分页类，直接调用他的即可，在手册上可以查看得到如何调用---专题---数据分页---即可找到如何调用。

分页一般分为两步：

1.通过SQL语句完成取数据，这是使用模型完成的

2.输出分页信息，这是使用分页类完成的

先来完BrandController.class.php成控制器下的index方法

//品牌列表
public function index(){
//1.显示分页工具条
$mod = M('brand');
$totalRows = $mod->count();
//创建分页对象时，分页对象需要总记录数和分页条数
$page = new \Think\Page($totalRows,2);
$page -> rollPage =5; //分页列表上显示多少条
$page->setConfig('theme','%FIRST% %UP_PAGE% %LINK_PAGE% %DOWN_PAGE% %END%   %HEADER%');
$page->setConfig('first','首页');
$page->setConfig('prev','上一页');
$page->setConfig('next','下一页');
$page->setConfig('last','尾页');
$pageHtml = $page -> show();//生成分页的连接诶效果（分页工具条的html代码）
$this -> assign('pageHtml',$pageHtml);//分配分页栏到模版

//2.查询出当前页面的列表数据
$brand = $mod -> page(I('get.p',1),$page->listRows)->select();
$this -> assign('brand',$brand);
$this -> display();
}

结果发现首页和尾页用不了，没办法，框架有Bug只好去修改框架上的配置文件了，在shopp\ThinkPHP\Library\Think\Page.class.php

在里面找到

public function setConfig($name,$value) {
if(isset($this->config[$name])) {
$this->config[$name] = $value;
}
}

改成这样即可

public function setConfig($name,$value) {
if(isset($this->config[$name])) {
$this->config[$name] = $value;
if($name == 'last'){
$this->lastSuffix = false;
}
}
}

下一步就是开始改写模版文件

<!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>SHOP 管理中心 - 品牌管理 </title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="__ADMIN__/styles/general.css" rel="stylesheet" type="text/css" />
<link href="__ADMIN__/styles/main.css" rel="stylesheet" type="text/css" />
<style type="text/css">
.num{
padding-left:10px;
}
.current{
padding-left:10px;
color:blue;
font-weight:bold;
font-size:16px;
}
</style>
</head>
<body>

<h1>
<span class="action-span"><a href="index.php?p=admin&c=brand&a=add">添加品牌</a></span>
<span class="action-span1"><a href="index.php?act=main">SHOP 管理中心</a> </span><span id="search_id" class="action-span1"> - 商品品牌 </span>
<div style="clear:both"></div>
</h1>

<div class="form-div">
<form action="javascript:search_brand()" name="searchForm">
<img src="__ADMIN__/images/icon_search.gif" width="26" height="22" border="0" alt="SEARCH">
<input type="text" name="brand_name" size="15">
<input type="submit" value=" 搜索 " class="button">
</form>
</div>

<form method="post" action="" name="listForm">
<!-- start brand list -->
<div class="list-div" id="listDiv">
<table cellpadding="3" cellspacing="1">
<tbody>
<tr>
<th>品牌名称</th>
<th>品牌网址</th>
<th>品牌描述</th>
<th>排序</th>
<th>是否显示</th>
<th>操作</th>
</tr>
<volist name="brand" id="vo">
<tr>
<td class="first-cell" ><span style="float:right"><a href="../data/brandlogo/1240803062307572427.gif" target="_brank"><img src="__ADMIN__/images/picflag.gif" width="16" height="16" border="0" alt="品牌LOGO"></a></span>
<span onclick="javascript:listTable.edit(this, 'edit_brand_name', 1)" title="点击修改内容" style="" >{$vo['brand_name']}</span>
</td>
<td align="center"><a href="{$vo['url']}" target="_brank">{$vo['url']}</a></td>
<td align="center" >{$vo['brand_desc']}</td>
<td align="center"><span onclick="javascript:listTable.edit(this, 'edit_sort_order', 1)">{$vo['sort_order']}</span></td>
<td align="center"><img src='
<if condition="$vo['is_show'] eq 1">
__ADMIN__/images/yes.gif'
<else />
__ADMIN__/images/no.gif'
</if>
/></td>
<td align="center">
<a href="__CONTROLLER__/edit/id/{$vo['brand_id']}" title="编辑">编辑</a> |
<a href="__CONTROLLER__/del/id/{$vo['brand_id']}" onclick="return confirm('您是否真的删除这个品牌呢？')" title="编辑">移除</a>
</td>
</tr>
</volist>
<tr>
<td align="right" nowrap="true" colspan="6">
<div id="turn-page" class="page">
{$pageHtml}
</div>
</td>
</tr>
</tbody></table>

<!-- end brand list -->
</div>
</form>

<div id="footer">
版权所有 © 2014-2016 夺命雷公狗 - 技术总结 - </div>
</div>

</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航