yii图片的上传修改删除，图片插件的使用，百度编辑器的使用，以及数据的增删改查

最新推荐文章于 2023-06-22 12:00:00 发布
最新推荐文章于 2023-06-22 12:00:00 发布
阅读量140 收藏
点赞数
文章标签： php yii
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44432032/article/details/111490661
版权 


//1.数据模型


<?php 
	namespace backend\models;
	
	use Yii;
	use yii\db\ActiveRecord;
	
	class Shop extends ActiveRecord{
		public $imageFile;
		public static function tableName(){
			return 'shop';
		}
		public function rules(){
			return [
				['name','required','message'=>'产品名不能为空','on'=>['add']],
				['des','required','message'=>'描述不能为空','on'=>['add']],
				['txt','required','message'=>'产品说明不能为空','on'=>['add']],
				['img','required','message'=>'产品图片不能为空','on'=>['add']],
				['order','required','message'=>'排序不能为空','on'=>['add']],
				['status','required','message'=>'状态不能为空','on'=>['add']]
			];
		}
		public function attributeLabels(){
			return [
				'name'=>'产品名称',
				'des'=>'描述',
				'txt'=>'产品说明',
				'img'=>'产品图片',
				'order'=>'排序',
				'status'=>'状态'
			];
		}
		public function add($data){
			$this->scenario='add';
			$this->img=Yii::$app->session->get('imgurl');
			Yii::$app->session->set('imgurl','');
			if($this->load($data) && $this->validate()){
				if($this->save(false)){
					return 1;
				}else{
					return 0;
				}
			}else{
				return 0;
			}
		}
		public function detail($data){
			$this->scenario='add';
			$this->img=Yii::$app->session->get('imgurl');
			Yii::$app->session->set('imgurl','');
			if($this->load($data) && $this->validate()){
				if($this->save(false)){
					return 1;
				}else{
					return 0;
				}
			}else{
				return 0;
			}
		}
	}
?>


//2.图片上传模型


<?php 
	namespace backend\models;
	
	use Yii;
	use yii\base\Model;
	use yii\web\UploadedFile;
	
	class UploadForm extends Model
	{
	    /**
	     * @var UploadedFile
	     */
		public $imageFile;
	    public function rules()
	    {
	        return [
	            [['imageFile'], 'file', 'skipOnEmpty' => false, 'extensions' => 'png, jpg'],
	        ];
	    }
	    
	    public function upload($oldimg)
	    {
			// 自定义上传方法
			//文件上传路径
			$dir = "backend/web/uploads/".date("Ymd");
			// 判断文件夹是否存在，不存在时创建
			if (!is_dir($dir)) {
			    mkdir($dir, 0777, true);
			}
			if ($this->validate()) {
			    //文件名
			    $fileName = date("YmdHis").rand(9999,99999). "." . $this->imageFile->extension;
			    $dir = $dir."/". $fileName;
			    if(!$this->imageFile->saveAs($dir)){
					
			        return false;
			    }else{
					if(file_exists($oldimg)){
						unlink($oldimg);
					}
					Yii::$app->session->set('imgurl',$dir);
					return $dir;
				}
			    
			}
			// 默认的上传方法
	        // if ($this->validate()) {
	        //     $this->imageFile->saveAs('backend/web/uploads/' . $this->imageFile->baseName . '.' . $this->imageFile->extension);
	        //     return true;
	        // } else {
	        //     return false;
	        // }
	    }
	}
?>


//3.控制器


<?php 
	namespace backend\controllers;
	
	use Yii;
	use yii\web\Controller;
	use yii\helpers\Url;
	use backend\models\Shop;
	use yii\data\Pagination;
	
	// 图片上传
	use backend\models\UploadForm;
	use yii\web\UploadedFile;
	class ShopController extends Controller{
		public $layout='mains';
		public function actionIndex(){
			$shopmodel=new Shop();
			$list = $shopmodel::find()->orderBy('creatertime DESC');
			$page = new Pagination(['totalCount' => $list->count(), 'pageSize' => 5]);
			$model = $list->limit($page->limit)->offset($page->offset)->asArray()->all();
			return $this->render('index',[
				'model'=>$model,
				'pagination'=>$page
			]);
		}
		public function actionAdd(){
			$model=new Shop();
			if(Yii::$app->request->isPost){
				$req=Yii::$app->request;
				$post=$req->post();
				// 上传图片
				$models = new UploadForm();
				$models->imageFile = UploadedFile::getInstance($model, 'imageFile');
				$resa=$models->upload();
				
				if ($resa) {
					// 文件上传成功
					// $post['img']=$resa;
				}
				// \var_dump($post);exit;	
						
				$res=$model->add($post);
				if($res){
					Yii::$app->session->setFlash('success','添加成功');
					return $this->redirect(['index']);
				}else{
					Yii::$app->session->setFlash('error','添加失败');
				}
			}
			return $this->render('add',[
				'model'=>$model
			]);
		}
		public function actionDetail(){
			$id=Yii::$app->request->get('id');
			$model=Shop::find()->where(['id'=>$id])->one();
			if(Yii::$app->request->isPost){
				$req=Yii::$app->request;
				$post=$req->post();
				// 上传图片
				$models = new UploadForm();
				$models->imageFile = UploadedFile::getInstance($model, 'imageFile');
				if($models->imageFile){
					$resa=$models->upload($model->img);
				}
				$res=$model->detail($post);
				if($res){
					Yii::$app->session->setFlash('success','修改成功');
					return $this->redirect(['index']);
				}else{
					Yii::$app->session->setFlash('error','修改失败');
				}
			}
			return $this->render('add',[
				'model'=>$model
			]);
		}
		public function actionStatus(){
			
		}
		public function actionDel(){
			
		}
	}
?>


//4.添加视图和修改视图（添加和修改视图是同一个视图add.php）


<?php 
	use yii\helpers\Url;
	use yii\widgets\ActiveForm;
	$model['status']=$model['status']==''?1:$model['status'];
?>
<link rel="stylesheet" href="/backend/web/uploadfile/css/fileinput.css">
<style>
	.btn.btn-default.kv-fileinput-upload.fileinput-upload-button{
		/* display: none; */
	}
</style>
<div class="main" style="width: 1200px;margin: 0 auto;margin-top: 100px;">
	<?php 
		$form=ActiveForm::begin([
			'options' => [
				'enctype' => 'multipart/form-data'
			],
			'fieldConfig'=>[
				'template'=>'<div class="form-group">{label}{input}{error}</div>'
			]
		]);
	?>
		<?=$form->field($model,'name')->textInput(['class'=>'form-control'])?>
		<?=$form->field($model,'order')->textInput(['class'=>'form-control'])?>
		<?=$form->field($model,'status')->radioList(['1'=>'正常','0'=>'禁止'])?>
		<?=$form->field($model,'des')->textArea(['class'=>'form-control'])?>
		<?php 
			if($model['img']){
		?>
			<div class="form-group">
				<label>预览</label><br>
				<img src="/<?=$model['img']?>" height="60" alt="">
			</div>
		<?php 
			}
		?>
		<?=$form->field($model,'imageFile')->fileInput(['id'=>'file-0'])->label('商品图片')?>
		<div class="form-group">
			<label>产品描述</label><br>
			<?=$form->field($model,'txt')->textArea(['class'=>'form-control','id'=>'describe','style'=>'display: none;'])->label(false)?>
			<!-- <textarea rows="" cols="" name="txt" id="describe" style="display: none;"></textarea> -->
			<script id="describe_a" name="describe" type="text/plain"><?=$model['txt']?>
			</script>
		</div>
		<button type="submit" onclick="getstring()" class="btn btn-default">提交</button>
	<?php 
		ActiveForm::end();
	?>
	<script src="/backend/web/uploadfile/js/jquery-2.0.3.min.js"></script>
	<script src="/backend/web/uploadfile/js/fileinput.js"></script>
	<script src="/backend/web/uploadfile/js/fileinput_locale_de.js"></script>
	<!-- 配置文件 -->
	<script type="text/javascript" src="/backend/web/ueditor/ueditor.config.js"></script>
	<!-- 编辑器源码文件 -->
	<script type="text/javascript" src="/backend/web/ueditor/ueditor.all.js"></script>
	<script>
		<!-- 实例化编辑器 -->
		var ue = UE.getEditor('describe_a');
		function getstring() {
			document.getElementById('describe').value = UE.getEditor('describe_a').getContent();
		}
		// 图片插件
		$("#file-0").fileinput({
		    'allowedFileExtensions' : ['jpg', 'png','gif'],
			'showUpload':false,
			'language': 'zh',
		});
	</script>
</div>


//5.数据展示


<?php 
	use yii\widgets\LinkPager;
	use yii\helpers\Html;
	use yii\helpers\Url;
?>

<div class="main" style="width: 1200px;margin: 0 auto;margin-top: 50px;">
	<table class="table table-condensed">
		<tr>
			<th>产品名</th>
			<th>描述</th>
			<th>图片</th>
			<th>排序</th>
			<th>状态</th>
			<th>注册时间</th>
			<th>修改时间</th>
			<th>操作</th>
		</tr>
		<?php 
			foreach($model as $key=>$val){
		?>
			<tr>
				<td><?=$val['name']?></td>
				<td><?=$val['des']?></td>
				<td><img src="/<?=$val['img']?>" height="50" alt=""></td>
				<td><?=$val['order']?></td>
				<td><?=$val['status']?></td>
				<td><?=$val['creatertime']==''?'无':date('Y-m-d',$val['creatertime'])?></td>
				<td><?=$val['creatertime']==''?'无':date('Y-m-d',$val['creatertime'])?></td>
				<td>
					<a href="<?=Url::to(['detail','id'=>$val['id']])?>" class="glyphicon glyphicon-pencil"></a>
					<a href="<?=Url::to(['del','id'=>$val['id']])?>" class="glyphicon glyphicon-trash" style="margin-left: 20px;"></a>
				</td>
			</tr>
		<?php 
			}
		?>
	</table>
	<nav aria-label="Page navigation">
		<?=
			LinkPager::widget([
				'pagination' => $pagination,
				'nextPageLabel' => '<span aria-hidden="true">&raquo;</span>',
				'prevPageLabel' => '<span aria-hidden="true">&laquo;</span>',
				'maxButtonCount' => 5,
				'options' => ['class' => 'pagination'],//自定义class
			]);
		?>
	</nav>
	
</div>
<script>
	function fun(id){
		$.get("<?=Url::to(['static'])?>",{id:id},function(data){
			dat=JSON.parse(data);
			if(dat.data=='0'){
				alert(dat.res);
			}else if(dat.data==1){
				alert(dat.res);
			}else if(dat.data==2){
				if(dat.state==1){
					$('#fun'+id).html("<button type='button' class='btn btn-success'>正常</button>");
				}else{
					$('#fun'+id).html("<button type='button' class='btn btn-danger'>禁止</button>");
				}
			}
		})
	}
</script>
原克技术
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
如何阻止 iframe 里引用的网页自动跳转
我的博客
06-13 1338
增加两个：security=“restricted” sandbox=“”（内嵌百度时要允许弹框，即 sandbox=“allow-popups”），前者是 IE 的禁止 js 的功能，后者是 HTML5 的功能。百度代码中有 if (top.location!} 使用里这段代码之后，会自动判断当前的 location 是否是顶层的，即是否被嵌套到 iframe 里面了，如果是，则强制跳转。
基于Hexo+Node.js+github+coding搭建个人博客——进阶篇(从入门到入土)
MasterAnt_D的博客
02-24 1万+
前言先附上个人博客链接：http://yangbingdong.com/2017/build-blog-hexo-advanced/ 对于追求装X的博主来说，基本的搭建是满足不了的，接下来整理了一下各方面的细节优化，包括页面字体大小、配色、背景、SEO(搜索引擎优化)、站点加速、插件等
百度编辑器不能上传图片的问题解决方法
燃烧JAVA
09-19 6069
最近一个系统使用了百度的编辑器，使用的时候发现不能上传图片，一开始是不能加载出上传路径，我一看后台
android开源库合集
热门推荐
时光荏苒的博客
07-25 2万+
android开源库合集 1、阿里巴巴开源的自定义viewpager，支持多重动画，横向纵向，多页面显示 项目地址：https://github.com/alibaba/UltraViewPager 2、android版本更新功能。使用retrfit2 rxjava2 okhttp3实现多文件多线程下载（支持断点下载）， android版本更新：通知栏更新，对话框更新 兼容8.0 ...
Chrome插件开发_V3_浏览器扩展插件基础教程
最新发布
aibujin的博客
06-22 8869
Chrome插件开发，Chrome V3，浏览器扩展插件开发，chrome 插件基础教程；
Yii2.0使用阿里云OSS的SDK上传图片、下载、删除图片示例
10-19
本篇文章主要介绍了Yii2.0使用阿里云OSS的SDK上传图片、下载、删除图片示例，具有一定的参考价值，有兴趣的可以了解一下
yii2整合百度编辑器umeditor及umeditor图片上传问题的解决办法
01-21
我们接下来就来聊聊Yii2框架是如何整合百度编辑器umeditor的。 umeditor是啥，我只听过ueditor,你这umeditor是不是盗版的东东喃？umeditor呢，说白了就是mini版的ueditor，按照百度官方说法，其实就是编辑器中的”...
Yii2增删改查之查询 where参数详细介绍
10-21
主要介绍了Yii2增删改查之查询 where参数详细介绍的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下
YII中Ueditor富文本编辑器文件和图片上传的配置图文教程
12-18
在本文中，我们将深入探讨如何在YII框架中配置Ueditor富文本编辑器，以便实现文件和图片的上传功能。Ueditor是一款强大的在线文本编辑工具，它可以方便地嵌入到各种Web应用中，提供丰富的编辑功能。以下是详细的配置...
【干货】Chrome插件(扩展)开发全攻略
qq_34998786的博客
12-07 1万+
‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍作者：小茗同学https://www.cnblogs.com/liuxianan/p/chrome-plugin-develop.html#!comments...
Python|并发编程|爬虫|单线程|多线程|异步I/O|360图片|Selenium及JavaScript|Scrapy框架|BOM 和 DOM 操作简介|语言基础50课：学习（12）
Medlar_CN的博客
04-03 559
Python|并发编程|爬虫|单线程|多线程|异步I/O|360图片|Selenium及JavaScript|Scrapy框架|BOM 和 DOM 操作简介|语言基础50课：学习（12）
百度富文本编辑器修改图片上传尺寸
weixin_44876807的博客
09-17 1182
使用的是百度富文本编辑器 这里就是对图片大小的具体判断 getInsertList: function() { let modelCode = sessionStorage.getItem("modelCode"); data, list = [], align = getAlign(), prefix = editor.getOpt("imageUrlPrefix"); for (i = 0; i < t
前端面试题
weixin_30485799的博客
09-25 2436
HTML+CSS1.对WEB标准以及W3C的理解与认识标签闭合、标签小写、不乱嵌套、提高搜索机器人搜索几率、使用外 链css和js脚本、结构行为表现的分离、文件下载与页面速度更快、内容能被更多的用户所访问、内容能被更广泛的设备所访问、更少的代码和组件，容易维 护、改版方便，不需要变动页面内容、提供打印版本而不需要复制内容、提高网站易用性；2.xhtml和html有什么区别HTML是一种基本的WEB...
油猴插件(隐藏知乎标题,屏蔽百度搜索广告)
周杰伦
03-07 1万+
1.隐藏知乎标题 先下载安装一个浏览器插件"油猴插件"(Tampermonkey): 安装好后可以在浏览器上面查看这个插件,黑色这个,然后点击2这里,添加新脚本,会出来一个代码的页面: 然后将如下代码全部复制到这里,如下图,代码已经单独以文本方式给出: 代码: // ==UserScript== // @name remove the zhihu title // @namespace https://github.com/woodongwong/ // @
Yii——图片附件的上传、编辑及删除【同样适用于其它类型附件】
WaxDoll's Blog
03-07 3469
Controller代码：（包括增、改、删） /** * Creates a new model. * If creation is successful, the browser will be redirected to the 'view' page. */ public function actionCreate() { $model=new CompanyNews;
yii2 之图片上传插件fileinput使用说明
无风的雨
09-26 6586
在网上搜了很多yii2图片上传插件，感觉这个和bootstrap融合的很好，比较能满足需求，故推荐给大家。 在使用过程中踩过不少坑，以下是具体使用说明。 本例所适用场景有一个商品表和一个商品图片表，商品图片表和商品表通过商品表ID对应。开始前准备过程$ php composer.phar require kartik-v/yii2-widget-fileinput "@dev" or 在 com
yii2 图片上传插件 yii2-widget-fileinput 上传图片后修改图片，没有预览图的问题
taotaobaobei的博客
09-15 1289
关键是配置下面两个参数： initialPreview，initialPreviewConfig，都是数组，一一对应。就能在修改的时候预览缩略图了 'initialPreview'=>[ "http://upload.wikimedia.org/wikipedia/commons/thumb/e/e1/FullMoon2010.jpg/631px-FullMoo...
使用yii框架用什么编辑器好
04-04
使用Yii框架，您可以使用以下编辑器： 1. PHPStorm - 一个功能强大的PHP开发工具，提供了许多有用的功能，如代码补全、语法高亮、调试等。 2. Sublime Text - 一个轻量级的文本编辑器，提供了许多有用的插件和工具...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

原克技术

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值