商品的基本資訊介面

商品的基本資訊介面

<!DOCTYPE html>
<html><head>
        <meta charset="utf-8">
    <title>PHP中文网</title>

    <meta name="description" content="Dashboard">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <!--Basic Styles-->
    <link href="__PUBLIC__/style/bootstrap.css" rel="stylesheet">
    <link href="__PUBLIC__/style/font-awesome.css" rel="stylesheet">
    <link href="__PUBLIC__/style/weather-icons.css" rel="stylesheet">

    <!--Beyond styles-->
    <link id="beyond-link" href="__PUBLIC__/style/beyond.css" rel="stylesheet" type="text/css">
    <link href="__PUBLIC__/style/demo.css" rel="stylesheet">
    <link href="__PUBLIC__/style/typicons.css" rel="stylesheet">
    <link href="__PUBLIC__/style/animate.css" rel="stylesheet">
    <!-- 引入ueditor -->
    <script src="__PUBLIC__/ueditor/ueditor.config.js"></script>
    <script src="__PUBLIC__/ueditor/ueditor.all.min.js"></script>
    <script src="__PUBLIC__/ueditor/lang/zh-cn/zh-cn.js"></script>
</head>
<body>
    <!-- 头部 -->
    <include file="Common/header" />

    <!-- /头部 -->

    <div class="main-container container-fluid">
        <div class="page-container">
                        <!-- Page Sidebar -->
            <include file="Common/left" />
            <!-- /Page Sidebar -->
            <!-- Page Content -->
            <div class="page-content">
                <!-- Page Breadcrumb -->
                <div class="page-breadcrumbs">
                    <ul class="breadcrumb">
                                        <li>
                        <a href="__MODULE__/Index/index">系统</a>
                    </li>
                                        <li>
                        <a href="__CONTROLLER__/lst">商品列表</a>
                    </li>
                                        <li class="active">添加商品</li>
                                        </ul>
                </div>
                <!-- /Page Breadcrumb -->

                <!-- Page Body -->
                <div class="page-body">

<div class="row">
    <div class="col-lg-12 col-sm-12 col-xs-12">
        <div class="widget">
            <div class="widget-header bordered-bottom bordered-blue">
                <span class="widget-caption">新增商品</span>
            </div>
            <div class="widget-body">
                <div id="horizontal-form">
                    <form class="form-horizontal" role="form" action="" method="post" enctype="multipart/form-data" >
                        <!-- 111111111111111111111111111111111 -->
                        <div class="tabbable">
                            <ul id="myTab11" class="nav nav-tabs tabs-flat">
                                <li class="active">
                                    <a href="#home11" data-toggle="tab">
                                        基本信息
                                    </a>
                                </li>
                                <li class="">
                                    <a href="#profile11" data-toggle="tab">
                                        商品描述
                                    </a>
                                </li>
                                <li class="">
                                    <a href="#profile12" data-toggle="tab">
                                        会员价格
                                    </a>
                                </li>
                                <li class="">
                                    <a href="#profile13" data-toggle="tab">
                                        商品属性
                                    </a>
                                </li>
                                <li class="">
                                    <a href="#profile14" data-toggle="tab">
                                        商品图片
                                    </a>
                                </li>
                            </ul>
                            <div class="tab-content tabs-flat">
                                <div class="tab-pane active" id="home11">

                                   <div class="form-group">
                                        <label class="col-sm-2 control-label no-padding-right" for="username">商品名称</label>
                                        <div class="col-sm-6">
                                            <input type="text" name="goods_name" placeholder="" class="form-control">
                                        </div>
                                        <p class="help-block col-sm-4 red">* 必填</p>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-sm-2 control-label no-padding-right" for="username">商品缩略图</label>
                                        <div class="col-sm-6">
                                            <input type="file"  name="original">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-sm-2 control-label no-padding-right" for="username">所属分类</label>
                                        <div class="col-sm-6">
                                            <select name="cate_id">
                                                <option value="">请选择</option>
                                                <volist name="cateres" id="vo">
                                                    <option value="{$vo.id}"><if condition="$vo['pid'] neq 0">|</if><?php echo str_repeat('-', $vo['level']*8);?>{$vo.catename}</option>
                                                </volist>
                                            </select>
                                        </div>
                                        <p class="help-block col-sm-4 red">* 必填</p>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-sm-2 control-label no-padding-right" for="username">所属品牌</label>
                                        <div class="col-sm-6">
                                            <select name="brand_id">
                                            <option>请选择</option>
                                            <volist name="brandres" id="vo">
                                                <option value="{$vo.id}">{$vo.brand_name}</option>
                                            </volist>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-sm-2 control-label no-padding-right" for="username">市场价格</label>
                                        <div class="col-sm-6">
                                            <input type="text" required="" name="market_price" placeholder=""  class="form-control" >
                                        </div>
                                        <p class="help-block col-sm-4 red">* 必填</p>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-sm-2 control-label no-padding-right" for="username">本店价格</label>
                                        <div class="col-sm-6">
                                            <input type="text" required="" name="shop_price" placeholder="" class="form-control" >
                                        </div>
                                        <p class="help-block col-sm-4 red">* 必填</p>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-sm-2 control-label no-padding-right" for="username">商品重量</label>
                                        <div class="col-sm-6">
                                            <input type="text" required="" name="goods_weight" placeholder="" style="width:80%; float:left; margin-right:10px;" class="form-control" >
                                            <select name="weight_unit">
                                                <option value="g">克</option>
                                                <option value="kg">千克</option>
                                            </select>
                                        </div>
                                        <p class="help-block col-sm-4 red">* 必填</p>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-sm-2 control-label no-padding-right" for="username">是否上架</label>
                                       <div class="col-sm-6">
                                           <div class="checkbox">
                                                <label>
                                                    <input type="checkbox" name="onsale" checked="checked" class="colored-success">
                                                    <span class="text">上架</span>
                                                </label>
                                            </div>
                                        </div>
                                        <p class="help-block col-sm-4 red">* 必填</p>
                                    </div>


                                </div>

                                <div class="tab-pane" id="profile11">
                                    <textarea id="goods_desc" name="goods_desc"></textarea>
                                </div>

                                <div class="tab-pane" id="profile12">
                                    <volist name="levres" id="vo">
                                        <div class="form-group">
                                            <label class="col-sm-2 control-label no-padding-right" for="username"></label>
                                            <div class="col-sm-6">
                                                <input type="text" name="" class="form-control">
                                            </div>
                                        </div>
                                    </volist>
                                </div>

                                <div class="tab-pane" id="profile13">

                                    <div id="attr"></div>
                                </div>
                            </div>
                        </div>
                        <input type="submit" value="添加商品" style="width:150px;" class="btn btn-darkorange btn-block">

                    </form>
                </div>
            </div>
        </div>
    </div>
</div>

                </div>
                <!-- /Page Body -->
            </div>
            <!-- /Page Content -->
        </div>
    </div>

        <!--Basic Scripts-->
    <script src="__PUBLIC__/style/jquery_002.js"></script>
    <script src="__PUBLIC__/style/bootstrap.js"></script>
    <script src="__PUBLIC__/style/jquery.js"></script>
    <!--Beyond Scripts-->
    <script src="__PUBLIC__/style/beyond.js"></script>
    <script type="text/javascript">

    //实例化编辑器
    //建议使用工厂方法getEditor创建和引用编辑器实例,如果在某个闭包下引用该编辑器,直接调用UE.getEditor('editor')就能拿到相关的实例
    UE.getEditor('goods_desc',{initialFrameWidth:1500,initialFrameHeight:500,});




</script>


</body></html>

 實例化編輯器
   建議使用工廠方法getEditor建立並引用編輯器實例,如果在某個閉包下引用該編輯器,直接呼叫UE.getEditor('editor')就能拿到相關的實例
   UE.getEditor('goods_desc',{initialFrameWidth :1500,initialFrameHeight:500,});

控制器add方法

 public function add(){


        $cateres=D('cate')->catetree();
        $this->assign('cateres',$cateres);
        $brandres=D('brand')->select();
        $this->assign('brandres',$brandres);

        $this->display();
    }

取得品牌與分類

QQ截图20170629150707.png

##########################################
繼續學習
||
<!DOCTYPE html> <html><head> <meta charset="utf-8"> <title>PHP中文网</title> <meta name="description" content="Dashboard"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <!--Basic Styles--> <link href="__PUBLIC__/style/bootstrap.css" rel="stylesheet"> <link href="__PUBLIC__/style/font-awesome.css" rel="stylesheet"> <link href="__PUBLIC__/style/weather-icons.css" rel="stylesheet"> <!--Beyond styles--> <link id="beyond-link" href="__PUBLIC__/style/beyond.css" rel="stylesheet" type="text/css"> <link href="__PUBLIC__/style/demo.css" rel="stylesheet"> <link href="__PUBLIC__/style/typicons.css" rel="stylesheet"> <link href="__PUBLIC__/style/animate.css" rel="stylesheet"> <!-- 引入ueditor --> <script src="__PUBLIC__/ueditor/ueditor.config.js"></script> <script src="__PUBLIC__/ueditor/ueditor.all.min.js"></script> <script src="__PUBLIC__/ueditor/lang/zh-cn/zh-cn.js"></script> </head> <body> <!-- 头部 --> <include file="Common/header" /> <!-- /头部 --> <div class="main-container container-fluid"> <div class="page-container"> <!-- Page Sidebar --> <include file="Common/left" /> <!-- /Page Sidebar --> <!-- Page Content --> <div class="page-content"> <!-- Page Breadcrumb --> <div class="page-breadcrumbs"> <ul class="breadcrumb"> <li> <a href="__MODULE__/Index/index">系统</a> </li> <li> <a href="__CONTROLLER__/lst">商品列表</a> </li> <li class="active">添加商品</li> </ul> </div> <!-- /Page Breadcrumb --> <!-- Page Body --> <div class="page-body"> <div class="row"> <div class="col-lg-12 col-sm-12 col-xs-12"> <div class="widget"> <div class="widget-header bordered-bottom bordered-blue"> <span class="widget-caption">新增商品</span> </div> <div class="widget-body"> <div id="horizontal-form"> <form class="form-horizontal" role="form" action="" method="post" enctype="multipart/form-data" > <!-- 111111111111111111111111111111111 --> <div class="tabbable"> <ul id="myTab11" class="nav nav-tabs tabs-flat"> <li class="active"> <a href="#home11" data-toggle="tab"> 基本信息 </a> </li> <li class=""> <a href="#profile11" data-toggle="tab"> 商品描述 </a> </li> <li class=""> <a href="#profile12" data-toggle="tab"> 会员价格 </a> </li> <li class=""> <a href="#profile13" data-toggle="tab"> 商品属性 </a> </li> <li class=""> <a href="#profile14" data-toggle="tab"> 商品图片 </a> </li> </ul> <div class="tab-content tabs-flat"> <div class="tab-pane active" id="home11"> <div class="form-group"> <label class="col-sm-2 control-label no-padding-right" for="username">商品名称</label> <div class="col-sm-6"> <input type="text" name="goods_name" placeholder="" class="form-control"> </div> <p class="help-block col-sm-4 red">* 必填</p> </div> <div class="form-group"> <label class="col-sm-2 control-label no-padding-right" for="username">商品缩略图</label> <div class="col-sm-6"> <input type="file" name="original"> </div> </div> <div class="form-group"> <label class="col-sm-2 control-label no-padding-right" for="username">所属分类</label> <div class="col-sm-6"> <select name="cate_id"> <option value="">请选择</option> <volist name="cateres" id="vo"> <option value="{$vo.id}"><if condition="$vo['pid'] neq 0">|</if><?php echo str_repeat('-', $vo['level']*8);?>{$vo.catename}</option> </volist> </select> </div> <p class="help-block col-sm-4 red">* 必填</p> </div> <div class="form-group"> <label class="col-sm-2 control-label no-padding-right" for="username">所属品牌</label> <div class="col-sm-6"> <select name="brand_id"> <option>请选择</option> <volist name="brandres" id="vo"> <option value="{$vo.id}">{$vo.brand_name}</option> </volist> </select> </div> </div> <div class="form-group"> <label class="col-sm-2 control-label no-padding-right" for="username">市场价格</label> <div class="col-sm-6"> <input type="text" required="" name="market_price" placeholder="" class="form-control" > </div> <p class="help-block col-sm-4 red">* 必填</p> </div> <div class="form-group"> <label class="col-sm-2 control-label no-padding-right" for="username">本店价格</label> <div class="col-sm-6"> <input type="text" required="" name="shop_price" placeholder="" class="form-control" > </div> <p class="help-block col-sm-4 red">* 必填</p> </div> <div class="form-group"> <label class="col-sm-2 control-label no-padding-right" for="username">商品重量</label> <div class="col-sm-6"> <input type="text" required="" name="goods_weight" placeholder="" style="width:80%; float:left; margin-right:10px;" class="form-control" > <select name="weight_unit"> <option value="g">克</option> <option value="kg">千克</option> </select> </div> <p class="help-block col-sm-4 red">* 必填</p> </div> <div class="form-group"> <label class="col-sm-2 control-label no-padding-right" for="username">是否上架</label> <div class="col-sm-6"> <div class="checkbox"> <label> <input type="checkbox" name="onsale" checked="checked" class="colored-success"> <span class="text">上架</span> </label> </div> </div> <p class="help-block col-sm-4 red">* 必填</p> </div> </div> <div class="tab-pane" id="profile11"> <textarea id="goods_desc" name="goods_desc"></textarea> </div> <div class="tab-pane" id="profile12"> <volist name="levres" id="vo"> <div class="form-group"> <label class="col-sm-2 control-label no-padding-right" for="username"></label> <div class="col-sm-6"> <input type="text" name="" class="form-control"> </div> </div> </volist> </div> <div class="tab-pane" id="profile13"> <div id="attr"></div> </div> </div> </div> <input type="submit" value="添加商品" style="width:150px;" class="btn btn-darkorange btn-block"> </form> </div> </div> </div> </div> </div> </div> <!-- /Page Body --> </div> <!-- /Page Content --> </div> </div> <!--Basic Scripts--> <script src="__PUBLIC__/style/jquery_002.js"></script> <script src="__PUBLIC__/style/bootstrap.js"></script> <script src="__PUBLIC__/style/jquery.js"></script> <!--Beyond Scripts--> <script src="__PUBLIC__/style/beyond.js"></script> <script type="text/javascript"> //实例化编辑器 //建议使用工厂方法getEditor创建和引用编辑器实例,如果在某个闭包下引用该编辑器,直接调用UE.getEditor('editor')就能拿到相关的实例 UE.getEditor('goods_desc',{initialFrameWidth:1500,initialFrameHeight:500,}); </script> </body></html>