PHP与前端结合知识点

来源：互联网发布：阿里云查看挂载磁盘编辑：程序博客网时间：2024/05/16 02:38

1.<script type="text/javascript">

//$('#Form-field-Course-introduction-group').append('<div id="txtNum">0/500</div>');

$('#Form-field-Package-introduction-group').after('<div id="txtNum" style="position: absolute;right: -50px;bottom: 18px;"></div>');

var len=$('#Form-field-Package-introduction').val().length;

$('#txtNum').text(len+"/2000");

$('#Form-field-Package-introduction').bind('input propertychange', function() {

var val=$(this).val();

var len=val.length;

var count=$(this).siblings('span');

if(len>2000){

len=2000;

$(this).val(val.substring(0,2000));

}

$('#txtNum').text(len+"/2000");

});

//$('#Form-field-Package-name').attr('maxlength', 30);

</script>

获取，截取2000个字符。

2、前后端对接接口问题

困扰我已久的问题

后台接口：

//获取套餐课程信息

public function onGetPackageCourses()

{

$packageId = post('id',0);

$page = post('page',1);

$packageCourseIds = PackageCourseModels::lists('id');

if(!empty($packageCourseIds)){

$packageCourses = PackageCourseModels::whereIn('id',$packageCourseIds)

->with('course')

->get();

}

// trace_log($packageCourses);

// return['packageCourses' => $this->makePartial('list_content',['packageCourses' => $packageCourses])];

return $packageCourses;

}

前端渲染：

页面：

<?= $this->makePartial('list_content',['packageCourses' => $packageCourses]) ?>

</div>

Content 内容对接

<?php foreach( $packageCourses as $packageCourse): ?>

</tr>

<?php endforeach ?>

问题：是否是toArray（）

Tips：

get（）得出的数据可以直接渲染到页面中

toArray（）得出的直接报错，错误信息是 is not object。

如果不是一个对象那就是数组；

5、对于复杂的页面的嵌套

<?php $courseProduces =$this->getCourseProduces();

$users = $this->getProduces();

$vipCourses = $this->getVipCourses();

$publicCourses = $this->getPublicCourses();

$watchTotal = $this->getWatchTotal();

个人进度详情

</div>

<?= $this->makePartial('list_schdule_content',['users' => $users,'total' => $watchTotal]) ?>

</div>

</li>

<li>

</li>

</ul>

<?php if($vipCourses != 0): ?>

在学<span>2</span>门课程，已学<span>1</span>门课程，累积时长<span>48</span>小时

</div>

<?php foreach($vipCourses as $key => $course): ?>

<?php if(!empty($course)): ?>

</div>

</div>

<span>累积观看时长8小时</span>

</div>

<?php foreach($course['period'] as $key1 => $period): ?>

<?php if(!empty($period)): ?>

<?php foreach($period['units'] as $key2 => $unit): ?>

<?php if(!empty($unit)): ?>

</div>

</div>

</div>

<span class="study-time">开始学习时间</span>

</div>

<?php foreach($unit['lessons'] as $key2 => $lesson): ?>

<?php if(!empty($lesson)): ?>

<?php foreach($lesson['watchrecord'] as $key3 => $watchrecord): ?>

<?php if(!empty($watchrecord)): ?>

</span>

</div>

</div>

</div>

<?php endif ?>

<?php endforeach ?>

<?php endif ?>

<?php endforeach ?>

</div>

<?php endif ?>

<?php endforeach ?>

<?php endif ?>

<?php endforeach ?>

</div>

<?php endif ?>

<?php endforeach ?>

</div>

<?php endif ?>

<?php if($vipCourses == '0'): ?>

暂无结果

</div>

<?php endif ?>

<?php if($publicCourses != 0): ?>

在学<span>2</span>门课程，已学<span>1</span>门课程，累积时长<span>48</span>小时

</div>

<?php foreach($publicCourses as $key => $course): ?>

<?php if(!empty($course)): ?>

</div>

</div>

<span>累积观看时长8小时</span>

</div>

<?php foreach($course['period'] as $key1 => $period): ?>

<?php if(!empty($period)): ?>

<?php foreach($period['units'] as $key2 => $unit): ?>

<?php if(!empty($unit)): ?>

</div>

</div>

</div>

<span class="study-time">开始学习时间</span>

</div>

<?php foreach($unit['lessons'] as $key2 => $lesson): ?>

<?php if(!empty($lesson)): ?>

<?php foreach($lesson['watchrecord'] as $key3 => $watchrecord): ?>

<?php if(!empty($watchrecord)): ?>

</span>

</div>

</div>

</div>

<?php endif ?>

<?php endforeach ?>

<?php endif ?>

<?php endforeach ?>

</div>

<?php endif ?>

<?php endforeach ?>

<?php endif ?>

<?php endforeach ?>

</div>

<?php endif ?>

<?php endforeach ?>

</div>

<?php endif ?>

</div>

</script>

</script>

6、php通过路由传参的几种方式

（1）title = "dapeng"
url = "/search-users/:keyword"
layout = "default"
description = "dapeng index"

[searchComponent]
keyword = "{{ :keyword }}" 此步骤是相当于$param =explode('/',Request::getRequestUri()); $url = last($param);

似曾相识angularjs route

( 2 )

直接传参

title = "dapeng"
url = "/search-users"
layout = "default"
description = "dapeng index"

未完待续......,

0 0