网站开发（八）后台新增栏目的添加和显示

效果如下



新增栏目它的过程是先将数据提交到数据库，然后数据库返回回来显示

可以看出下图数据库中也存在了栏目、

栏目添加

一、Cate控制器中加控制add的代码

1.进入Cate的控制器

2.添加控制add.html代码

public function add(){
$cate=D('cate');//实例化数据库，提交到cate表里面，$cate代表变量

if(IS_POST){//如果检测到发送（IS_POST）代表发送的意思
$data['cate_name']=I('cate_name');
//dump($data);die();

if($cate->create($data)){
if($cate->add()){
$this->success('新增栏目成功',U(lst));
}
else{
$this->error('新增栏目失败');
}
}
else{
$this->error($cate->getError());
}
return;

}

$this->display();//显示网页
}

完成php代码接下
4000
去就要修改前端的表单代码

因为是通过表单提交

1. 进入add.html

2.找到form表单

3.需要改两处位置

- -1.input标签的name属性–>修改成数据库中的name（cate_name）

- -2.form标签的action属性–>action的属性为空



以上操作就完成了栏目的添加（已经新增到数据库中）

接下去就是栏目显示（在lst页面显示）

就是从数据库读数据

栏目列表显示（循环数据）

一、Cate控制器中加控制lst的代码

因为View中的Cate下并没有index.html,所以直接将index函数改成lst函数

Cate控制器中写对lst的代码

public function lst(){
$cate=D('cate');
$cates=$cate->select();
$this->assign('cates',$cates);
$this->display();
}

1 . 控制器写完接下去就是去lst.html写显示出来的代码

2 .进入lst.html找到显示ID/标题/操作的代码位置（table）

3. 找到table标签所围成的代码

4.发现table中有两段，一段代表标题，一段代表数据

5.需要做的是循环数据，找到数据所围成的tr，在tr外嵌套

6.< volist >< / volist> 这个标签代表循环数据

7.< volist name=”cates” id=”vo”>属性name的cates名字必须和Cate控制器中lst函数中的 this−>assign(′cates′,cates);引号中的名字一样，数据就循环了



8.数据循环了，还有一点就是lst中的数据都是静态的，我们需要改成动态的数据

9.下面我把整个table的代码贴出来，可以自己分析一下

<table class="result-tab" width="100%">
<tr>
<th class="tc" width="5%"><input class="allChoose" name="" type="checkbox"></th>
<th>ID</th>
<th>标题</th>
<th>操作</th>
</tr>

<volist name="cates" id="vo">
<tr>
<td class="tc"><input name="id[]" value="58" type="checkbox"></td>
<td>{$vo.cate_id}</td>
<td>{$vo.cate_name}</td>
<td>
<a class="link-update" href="__CONTROLLER__/edit/id/{$vo.cate_id}">修改</a>
<a class="link-del" href="__CONTROLLER__/del/id/{$vo.cate_id}" onclick="return confirm('你要删除栏目{$vo.cate_name}吗?');">删除</a>

</td>
</tr>
</volist>

</table>

以上代码只需要看ID 和标题，修改和删除部分后面再说



栏目添加和显示完成，接下去会写删除栏目操作