yii2如何引入前端html逦募

发布网友发布时间：2022-04-07 07:19

共2个回答

懂视网时间：2022-04-07 11:40

在view文件中，如user.php的view文件。

<?php
defined('YII_ENV') or exit('Access Denied');
 
/**
 * Created by PhpStorm.
 * User: Administrator
 * Date: 2019/8/27
 * Time: 11:18
 */
 
use yiiwidgetsLinkPager;
 
$urlManager = Yii::$app->urlManager;
$this->title = '业务员列表';
$this->params['active_nav_group'] = 2;
?>
 
<div class="panel mb-3">
 <div class="panel-header">
 <span><?= $this->title ?></span>
 <ul class="nav nav-right">
  <li class="nav-item">
  <a class="nav-link" href="<?= $urlManager->createUrl(['mch/salesman/salesman-edit']) ?>">添加业务员</a>
  </li>
 </ul>
 </div>
 <div class="panel-body">
 <table class="table table-bordered bg-white">
  <thead>
  <tr>
  <th>ID</th>
  <th>手机</th>
  <th>姓名</th>
  <th>绑定用户</th>
  <th>修改时间</th>
  <th>操作</th>
  </tr>
  </thead>
  <tbody>
  <?php foreach ($list as $index => $val) : ?>
  <tr class="nav-item1">
   <td>
   <span><?= $val['id']?></span>  
   </td>
   <td><?= $val['mobile'] ?></td>
   <td><?= $val['truename'] ?></td>
   <td><?= $val['user_id'];?></td>
   <td><?= Yii::$app->formatter->asDatetime($val['edittime'],"Y-M-d H:m");?></td>
   <td>
   <a class="btn btn-sm btn-primary"
    href="<?= $urlManager->createUrl(['mch/salesman/salesman-edit', 'id' => $val['id']]) ?>">修改</a>
   <a class="btn btn-sm btn-danger del"
    href="<?= $urlManager->createUrl(['mch/salesman/salesman-del', 'id' => $val['id']]) ?>">删除</a>
   </td>
  </tr>
  <?php endforeach; ?>
  </tbody>
 </table>
 <?php echo $this->render('@app/views/layouts/paginator.php',['pagination'=>$pagination]);?>
 </div>
</div>
<script>
 $(document).on('click', '.nav-item1', function () {
 if($(this).find(".trans")[0].style.display=='inline-block'){
  $(this).find(".trans")[0].style.display='inline';
 }else{
  $(this).find(".trans")[0].style.display='inline-block';
 }
 $('.bg-'+$(this).index(".nav-item1")).toggle();
 }); 
 $(document).on('click', '.del', function () {
 if (confirm("是否删除该记录，删除后不可恢复？")) {
  $.ajax({
  url: $(this).attr('href'),
  type: 'get',
  dataType: 'json',
  success: function (res) {
   alert(res.msg);
   if (res.code == 0) {
   window.location.reload();
   }
  }
  });
 } 
 return false;
 });
</script>

（相关教程推荐：yii框架）

使用：

<?php echo $this->render('@app/views/layouts/paginator.php',['pagination'=>$pagination]);?>

进行引入，要注意的是，在render前使用输出语句echo，显示子模板内容，参数的使用同在action中，@app模板变量代表主文件夹。

子模板代码如下：

<?php use yiiwidgetsLinkPager;?>
<div class="text-center">
	<nav aria-label="Page navigation example">
 <?php
  echo LinkPager::widget([
  'pagination' => $pagination,
  'prevPageLabel' => '上一页',
  'nextPageLabel' => '下一页',
  'firstPageLabel' => '首页',
  'lastPageLabel' => '尾页',
  'maxButtonCount' => 5,
  'options' => [
  'class' => 'pagination'
  ],
  'prevPageCssClass' => 'page-item',
  'pageCssClass' => "page-item",
  'nextPageCssClass' => 'page-item',
  'firstPageCssClass' => 'page-item',
  'lastPageCssClass' => 'page-item',
  'linkOptions' => [
  'class' => 'page-link'
  ],
  'disabledListItemSubTagOptions' => [
  'tag' => 'a',
  'class' => 'page-link'
  ]
 ])?>
 </nav>
	<div class="text-muted">共<?= $pagination->totalCount ?>条数据</div>
</div>

更多编程相关内容学习，请关注Gxlcms编程教程栏目！

热心网友时间：2022-04-07 08:48

一般像这样的都是通过js，或者看下相关文档，不用百度