Yii2框架博客系统文章创建之表单生成

1.文章创建 

    创建基础控制器与表单  

创建控制器中的文章操作  
1. 首先要使用命名空间下的表单模型
2. 创建操作
3. 实例化表单模型
4. 渲染页面并且携带model


代码:use frontend\models\PostForm;

return $this->render('create',['model'=>$model]);
Yii2框架博客系统文章创建之表单生成
   

创建基础表单
大致思路
1. 做面包屑 对于数据的封装(导航条)
2. 使用     use yii\bootstrap\ActiveForm;                #引入js框架调节样式
             use yii\helpers\Html;                             #使用html标签页面
3. form表单的格式写法
        <?php $form = ActiveForm::begin() ?>
<?= $form->field($model,'title')->textinput(['maxlength'=>true]) ?>
<?= $form->field($model,'cat_id')->dropDownList(['1'=>'分类1','2'=>'分类2']) ?>
<div class="form-group">
<?=Html::submitButton('发布',['class'=>'btn btn-success'])?>
</div>
        <?php ActiveForm::end() ?>



==========================================================================


整体代码:
<?php
$this->title = '创建';
$this->params['breadcrumbs'][] = ['label' =>'文章','url'=>['post/index']]; #面包屑 对于数据的封装
$this->params['breadcrumbs'][] = $this->title;
// use yii\helpers\Html;
use yii\bootstrap\ActiveForm;
use yii\helpers\Html;
// use frontend\assets\AppAsset;
// AppAsset::register($this);


?>


<div class="row">
<div class="col-lg-9">
<div class="panel-title box-title">
<span>创建文章</span>
</div>
<div class="panel-body">
<?php $form = ActiveForm::begin() ?>


<?= $form->field($model,'title')->textinput(['maxlength'=>true]) ?>
<?= $form->field($model,'cat_id')->dropDownList(['1'=>'分类1','2'=>'分类2']) ?>
<?= $form->field($model,'label_img')->textinput(['maxlength'=>true]) ?>
<?= $form->field($model,'content')->textinput(['maxlength'=>true]) ?>
<?= $form->field($model,'tags')->textinput(['maxlength'=>true]) ?>


<div class="form-group">
<?=Html::submitButton('发布',['class'=>'btn btn-success'])?>
</div>
<?php ActiveForm::end() ?>
</div>
</div>
<div class="col-lg-3">
<div class="panel-title box-title">
<span>注意事项</span>
</div>
<div class="panel-body">
<p>1.2313213</p>
<p>2.3213213</p>
</div>
</div>
</div>
 
表单代码图片
Yii2框架博客系统文章创建之表单生成



需要记忆的是bootstrap的样式class类

        <div class="col-lg-9">

<div class="panel-title box-title">

                <div class="panel-body">

              

        <div class="col-lg-3">

<div class="panel-title box-title">

                 <div class="panel-body">





完成