• 夺命雷公狗ThinkPHP项目之----企业网站5之栏目的添加(主要是图片上传)


    我们照老,先老搞定控CategoryController.class.php制器,代码如下所示:

    <?php
    namespace AdminController;
    use ThinkController;
    class CategoryController extends Controller {
        public function lists(){
            $this->display();
        }
        
        public function add(){
            $cmod = D('category');
            if(IS_POST){
                $data['cate_name'] = I('cate_name');
                $data['cate_ename'] = I('cate_ename');
                $data['cate_keywords'] = I('cate_keywords');
                $data['cate_desc'] = I('cate_desc');
                $data['cate_type'] = I('cate_type');
                $data['cate_pid'] = I('cate_pid');
                $data['cate_content'] = I('cate_content');
                if($_FILES['cate_pic']['tmp_name']!=''){
                    $upload = new ThinkUpload();// 实例化上传类
                    $upload->maxSize   = 3145728 ;// 设置附件上传大小
                    $upload->exts      = array('jpg', 'gif', 'png', 'jpeg');// 设置附件上传类型
                    $upload->rootPath  = './';  //这个一定要加否则很容易中招
                    $upload->savePath  =      'Public/Uploads/'; // 设置附件上传目录
                    $info   =   $upload->uploadOne($_FILES['cate_pic']);
                    if($info){
                        //这里组装sql语句,让图片融入$data['pic']里面
                        $data['cate_pic'] = $info['savepath'].$info['savename'];
                    }else{
                        $this->error($upload->getError());
                    }
                }
                //dump($_FILES);
                    
                if($cmod->create($data)){
                    if($cmod->add()){
                        $this->success('添加栏目成功',U('Category/lists'));
                    }else{
                        $this ->error('添加栏目失败');
                    }
                }else{
                    $this -> error($cmod->getError());
                }
                
                return;
            }
            $this -> display();
        }
    }

    然后就开始写他的视图了:

    因为我们要用到上传所以表单面要有enctype="multipart/form-data"这个属性才可以

    <!doctype html>
    <html>
    <head>
        <meta charset="UTF-8">
        <title>后台管理</title>
        <link rel="stylesheet" type="text/css" href="__PUBLIC__/Admin/css/common.css"/>
        <link rel="stylesheet" type="text/css" href="__PUBLIC__/Admin/css/main.css"/>
        <script type="text/javascript" src="__PUBLIC__/Admin/js/libs/modernizr.min.js"></script>
        <script type="text/javascript" src="__PUBLIC__/Admin/js/jq18m.js"></script>
        <script type="text/javascript" src="__PUBLIC__/Admin/js/hileft.js"></script>
        
        
            <script type="text/javascript" charset="utf-8" src="__PUBLIC__/Ueditor/ueditor.config.js"></script>
            
            <script type="text/javascript" charset="utf-8" src="__PUBLIC__/Ueditor/ueditor.all.min.js"></script>
            <script type="text/javascript" charset="utf-8" src="__PUBLIC__/Ueditor/lang/zh-cn/zh-cn.js"></script>
        
    
    
        
    </head>
    <body>
    
    <include file="Public/header" />
    
    <div class="container clearfix">
        <include file="Public/left" />
        <!--/sidebar-->
        <div class="main-wrap">
    
            <div class="crumb-wrap">
                <div class="crumb-list"><i class="icon-font"></i><a href="/jscss/admin/design/">首页</a><span class="crumb-step">&gt;</span><a class="crumb-name" href="/jscss/admin/design/">作品管理</a><span class="crumb-step">&gt;</span><span>新增作品</span></div>
            </div>
            <div class="result-wrap">
                <div class="result-content">
                    <form action="" method="post" id="myform" name="myform" enctype="multipart/form-data">
                        <table class="insert-tab" width="100%">
                            <tbody>
                            <tr>
                                
                                <th width="120"><i class="require-red">*</i>上级分类:</th>
                                <td>
                                    <select name="cate_pid" id="catid" class="required">
                                        <option value="">顶级分类</option>
                                    </select>
                                </td>
                            </tr>
                            
                                <tr>
                                    <th><i class="require-red">*</i>栏目中文名:</th>
                                    <td>
                                        <input class="common-text required" id="title" name="cate_name" size="50" value="" type="text">
                                    </td>
                                </tr>
                                
                                <tr>
                                    <th>栏目英文名:</th>
                                    <td><input class="common-text" name="cate_ename" size="50" value="admin" type="text"></td>
                                </tr>
                                
                                <tr>
                                    <th>栏目关键词:</th>
                                    <td><input class="common-text" name="cate_keywords" size="50" value="admin" type="text"></td>
                                </tr>
                                
                                <tr>
                                    <th><i class="require-red">*</i>栏目图片:</th>
                                    <td><input name="cate_pic" id="" type="file"><!--<input type="submit" onclick="submitForm('/jscss/admin/design/upload')" value="上传图片"/>--></td>
                                </tr>
                                
                                <tr>
                                    <th>栏目描述:</th>
                                    <td>
                                        <textarea name="cate_desc" style="margin: 0px;  609px; height: 157px;"></textarea>
                                    </td>
                                </tr>
                                
                                
                                <tr>
                                    <th>栏目类型:</th>
                                    <td>
                                        封面栏目:<input type="checkbox" name="cate_type" value="0"> <br />
                                        列表栏目:<input type="checkbox" name="cate_type" value="1"> <br />
                                        产品栏目:<input type="checkbox" name="cate_type" value="2">
                                    </td>
                                </tr>
                                
                                
                                <tr>
                                    <th>栏目内容:</th>
                                    <td>
                                        <textarea id="content" name="cate_content"></textarea>
                                    </td>
                                </tr>
                                
                                <tr>
                                    <th></th>
                                    <td>
                                        <input class="btn btn-primary btn6 mr10" value="提交" type="submit">
                                        <input class="btn btn6" onclick="history.go(-1)" value="返回" type="button">
                                    </td>
                                </tr>
                            </tbody></table>
                    </form>
                </div>
            </div>
    
        </div>
        <!--/main-->
    </div>
    <script type="text/javascript">
        UE.getEditor('content',{initialFrameWidth:890,initialFrameHeight:550});
        //initialFrameWidth: null 这样就是他自动设置大小
    </script>
    <style type="text/css">
        #edui2 div{
            height:25px;
        }
    </style>
    </body>
    </html>
  • 相关阅读:
    Java Generics and Collections-2.2
    Java Generics and Collections-2.1
    Java Generics and Collections-8.1
    oracle 倒库后insert id冲突的问题
    第十章 基本数据结构 练习 10.4-4
    第十章 基本数据结构 练习 10.4-2
    第十章 基本数据结构 练习 10.4-3
    第九章 中位数和顺序统计量 9.2 期望为线性时间的选择算法
    Log4j2的基本使用
    JSF页面中的JS取得受管bean的数据(受管bean发送数据到页面)
  • 原文地址:https://www.cnblogs.com/leigood/p/5424147.html
Copyright © 2020-2023  润新知