Laravel
话题列表 社区 Wiki 优质外文 招聘求职 Laravel 实战教程 社区文档
登录
注册

请教在模板文件调用控制器用来引入子视图如何实现？

问答 / 0 / 14 / 创建于 3年前 / 更新于 3年前

是这样，我的上级以前在国外，在微软做.net开发，现在负责我开发的PHP项目。
目前他负责前端的开发，他要求后端可以实现：

  1. 视图页面分解成部分视图（组件化，后面称组件），类似日历组件、页面header部分这种
  2. 在任何页面中都可以调用这个组件，并且组件生成要走控制器可以获得模板变量。
  3. 可以用ajax调用这个控制器，以获得渲染好的html代码可以直接覆盖页面上的原组件。

目的是为了页面第一次打开由后端渲染好页面，页面打开后可用ajax直接拿到组件的html来覆盖原组件dom。

根据我的调研：

  • 在laravel和yii中叫components，tp中叫weight，提供了组件功能，可以由框架渲染这个组件，并且可以使用模板变量这种方式为组件提供数据，将但这种方式不能通过url或ajax请求。
  • controller控制器这种可以通过ajax访问到却并不能在视图文件中直接调用。
  • 这些框架都支持模板直接引入模板文件，由父页面控制器将页面内组件需要用到的数据统一给到父视图中，再由子视图去使用。但这种办法会很难维护，前端要在那个视图中调用组件，后端就要去那个父视图的控制器提供组件要用的数据。
  • 这种开发方式是很久之前的后端mvc开发方式，所有页面在后端渲染返回给前端，目前已经接近过时了。

这些都不能同时实现他的要求，因此我与他发生一些技术上的分歧：他认为这是mvc的标准操作，这样可以使前端更轻，所有渲染让后端来做，以后无论在电脑还是手机的网页都可以运行的很快，并且很抵触后端将数据以json形式返回给前端让前端用js来渲染的做法，认为这样就不符合mvc的概念了。
而我认为mvc只是一种概念，这种功能最多是框架在实现mvc的基础上提供给开发者的一种功能，目前的web开发前端占得比重越来越大了，多数情况下都是前后端分离开发。而且现在的客户端设备性能已经很强大了，加载一个页面不至于让前端卡到什么地步的，反而所有的视图组件由后端渲染好无论在服务器压力或是网络传输都是比较不太好的。

我目前不知道如何实现这种方式，也不知道怎样说服他这种开发方式已经基本抛弃了，他希望我无论用什么方式都要实现。希望有了解的大佬可以指点一下是我没找到正确的实现方式还是确实现在的框架都不支持这种做法，以及这种开发方式对于现在的web开发有何意义，是否国外认为这种方式是主流的web开发方式。

xuekai
课程读者 4 声望
暂无个人描述~
《L02 从零构建论坛系统》
《L02 从零构建论坛系统》
以构建论坛项目 LaraBBS 为线索，展开对 Laravel 框架的全面学习。应用程序架构思路贴近 Laravel 框架的设计哲学。
《L01 基础入门》
《L01 基础入门》
我们将带你从零开发一个项目并部署到线上，本课程教授 Web 开发中专业、实用的技能，如 Git 工作流、Laravel Mix 前端工作流等。
讨论数量: 14
排序：
时间 投票
chowjiawei
Laravel 8.x 译者 1.4k 声望 / 测开 @ 新大陆数字技术股份有限公司

告诉他 我的能力做不到，我只会这样子，你看他怎么办

3年前 评论
xuekai （楼主） 3年前
所以到底是我不行还是这个方式本来就有问题，我已经开始怀疑我自己了。。
1
wdnmd
课程读者 66 声望

其实换种思路，他进入页面ajax的时候，你不要去返回页面，返回数据，然后用js渲染就好了，那么写这个组件的时候，既然都有ajax来获取这个的了，初始化就不要去传这个模板变量

3年前 评论
wdnmd （作者） 3年前
我好像记得java和c#的渲染页面的确有那种思路，也就是一切后端来渲染，所有组件，我看到过java的xml解析html，然后再返回的，.net你主管他们用的是同一种思路吧，反正我感觉这种模式对现在来说效率不是很高
xuekai （楼主） 3年前
我可能没有描述清楚，我的上级希望页面初次加载由后端完成，并且可以使用模板变量，后面用ajax也不要数据，就要加载好的html页面代码，也就是前端不用js去渲染数据，一切由后端做好，前端ajax拿到页面只做dom的一个覆盖
xuekai （楼主） 3年前
据我所了解，这种开发方式已经随着web技术和业务需求的发展逐渐抛弃了
wdnmd （作者） 3年前
@xuekai 然后希望ajax返回的html是封装成组件的形式，然后前端只需要innerHTML
xuekai （楼主） 3年前
对对对，就是这个意思
pigzzz
Laravel 8.x 译者 767 声望 / 搬砖 @ 工地

pjax？

3年前 评论
xuekai （楼主） 3年前
感觉也不行，pjax也是类似通过ajax的方式使用的，跟这个相冲突的是，我既要ajax能请求到，又可以laravel的模板里也可以调用，所以我觉得更多的点是框架的功能能不能实现，或者这种需求是否真的合理
Epona
版主 1.8k 声望 / Full Stack Developer @ Poper

前后端分离 和 服务端渲染的战争 （逃。 两种都有适合用到的地方，并不是一种对 另外一种不对。

不过，既然人家是领导，你说服不了领导，就只有按照他的吩咐干了。

3年前 评论
xuekai （楼主） 3年前
我也想，主要我已经试了3个框架都不能这么做，然后上面让我无论用什么方法都要实现，我就抓瞎了
lyxxxh
1.3k 声望

file

file

领导: 我不屑用 vue react (其实我不会)
微软的大佬…

3年前 评论
xuekai （楼主） 3年前
这样做wel1和web2可以通过c和m层拿数据通过模板变量给到模板中吗，还有这样做好像并没有渲染页面
lyxxxh （作者） 3年前 
$hello = ['k' => 'v'];
view('welcome',compact('hello'))->render();

如果需要在模板调用 m 也可以 @inject('userModel','App\Models\User')

xuekai （楼主） 3年前
感谢您的指点， 想请问下后面这个代码片段是写在路由中吗，@inject我看了一下可以直接在模板使用model，但是这样调用，估计他也不会用的，他想要控制器把所有业务处理好之后给到模板，他只想调控制器层得到模板，无论在模板内还是ajax中
lyxxxh （作者） 3年前

这样?

Laravel

还是这样调用路由?
Laravel

xuekai （楼主） 3年前
就假设现在有companyController控制器和test方法，test返回一个key，值是value。我要在test2方法的welcome2模板文件的某个中调用test方法引入welcome这个视图，而且welcome中正常渲染了key这个变量。然后用户在点击某个按钮时，js用ajax同样请求test这个方法得到已经渲染好key变量的welcome视图，然后用innerHTML覆盖原来中的内容。
songxue77
课程读者 54 声望 / 小白 @ 海克斯

MVC还是不MVC很难跨前后端一起讨论吧

传json还是html其实都可以，当然传json更‘现代化’一些

LZ上级要的具体是什么组件，虽然没100%搞清楚

但我感觉应该能用Laravel实现，只是所有逻辑都放在了后端，你的工作量肯定是比前端多了

3年前 评论
xuekai （楼主） 3年前
就是把一个页面内的比如折线图，日历，小地图这种全部拆开成一个个html文件，既可以在其他任意模板中引入，能拿到模板变量，又可以在ajax中请求到这个渲染好的html，直接innerHTML。目前就是没有找到这两个兼顾的方法
xuekai （楼主） 3年前
我是延伸了一下他的观念和现在的情况，他认为不能这样做就不是mvc
deatil
见习助教 762 声望

这种开发方式不是那种拖拽生成页面的模式吗？直接生成不是就可以了，只是权限会更细了

3年前 评论
xuekai （楼主） 3年前
也不是，现在前端由他写，但是要能有这两种调用方式，一个ajax一个在模板中调用进来，主要我后端太为难了
jatdung
课程读者 224 声望

我觉得你说的和 livewire 的实现有点像，我个人是觉得这种方案不适合长期维护的项目使用

3年前 评论
xuekai （楼主） 3年前
我看了下好像可以，研究一下
jatdung （作者） 3年前
@xuekai 楼上 @lyxxxh 大佬的方法应该也行？
xuekai （楼主） 3年前
感谢帮助，我试了一下好像始终绕不开二选一， livewire好像可以实现但是像您说的，不适合长期维护用，只适合临时快速出东西的场景
fffswhk
课程读者 206 声望

这种可能只能定制吧 

if (Ajax 请求) {
     return  渲染部分html
} 
return 渲染完整的页面
3年前 评论
xuekai （楼主） 3年前
这样做也只满足了ajax调用到部分，前端模板里是没法调用部分视图的，他需要他自己可以决定我调哪个controller引入视图组件
skys215
课程读者 61 声望

我觉得是可以实现的

主要差别就是返回的是json还是html了不是吗？

3年前 评论
xuekai （楼主） 3年前
还有一个点是，在模板里面也要可以调用这个控制器，目前我没有看到可以在模板文件里直接调用controller的方式
skys215 （作者） 3年前
@xuekai 模板为什么需要调用控制器？模板所需要的数据应该在渲染模板时已经传递给控制器了。 如果是用户点击某个按钮获取数据的话，应该通过ajax去获取。
xuekai （楼主） 3年前
我也是这么认为啊,初次加载视图后端把数据给视图就完了,后面页面操作ajax请求数据js渲染一下就行了,但我上级很执着就是要既可以在模板调用,也可以在ajax调用,前端啥也不做只要拿来就用
skys215 （作者） 3年前
@xuekai ajax返回html就满足他的需求了吧？
xuekai （楼主） 3年前
对，但这跟在模板中调用控制器得到带有模板变量的视图是冲突的，laravel好像无法同时做到
skys215 （作者） 3年前
@xuekai 模板中通过ajax调用控制器返回html。用框架是个填空题，是框架调用你写的代码。库才是你调用它的代码。要搞清楚laravel的生命周期，这样的需求和用PHP执行模板里的js代码一样离谱。可以梳理需求，看是要跑得更快的马还是要汽车。
skys215 （作者） 3年前

@xuekai 

@php
app(\App\Http\Controllers\xxxController::class)->index();
@endphp
xuekai （楼主） 3年前
@skys215 他不了解php，但是他想要的实现不了就是就不对哈哈
luyang
Laravel 8.x 译者 165 声望 
 在视图用<include>，变量从控制器传入在渲染可行
3年前 评论
xuekai （楼主） 3年前
我想过这个方法，但这更适用于静态页面，如果是需要控制器给变量，那就只能在父控制器将变量给到模板，这样的话前端在其他页面include，我就需要到其他页面再给一次变量
QIN秦同学
课程读者 69 声望 / PHP/GO 搬砖工 @ 中国高新科技搬砖有限公司

前端直接传参数调接口,接口返回 html , 前端拿到结果直接 innerHtml ？ 这样要前端意义何在那？

此时有个折线图需求？
1、后端调研用那个图形插件好，然后调试写效果，最好写成组件化接口（这他么不是前端的活么）
2、前端传参调接口，然后返回需要的折线图(html+数据)，我理解的对吗？
3、再有类似的折线图需求，前端传参调用就好，因为已经有组件化接口了。
  • 这样搞，以后来个需求，后端一通忙，前端屁事没有？
  • 如果这次真妥协了，以后服务端小伙伴可有的忙了。
3年前 评论
xuekai （楼主） 3年前
对的，就是这样，不过页面或这个组件还是由前端来写的，但是调用方式要我后端想办法实现。前端其实就是我领导，他极其反感后端传json数据，前端js渲染，他觉得这是小儿科，别人能拿到原始数据。。。。再一个就是我也不确定他是不想让前端做太多，还是不想让浏览器做太多，反正就是服务端能做好了给我用就对了，人家是领导且号称几十年微软工程师，但这种方式我总觉得至少5年以上年没做过相关开发了，但他认为理念永远不会变，我也实属无奈。
skys215 3年前
@xuekai 这领导说得渲染好的数据就拿不到似的……
xuekai （楼主） 3年前
@skys215 无非就是从json直接拿到还是从html中解析吧，但是说实在的，想让人看的人家拿了也没事，不想让人看得的后台可以不给模板。
skys215 3年前
@xuekai 对啊，所以这个理由站不住脚
Joshua666
0 声望

很明白楼主的上级问的这个问题，想要的是什么效果
用过symfony的直接就能想到 {{ render(controller(“AppBundle：Default:Test2”), { ‘tests’: tests }) }}
这个语法就是mvc的v层模板里直接使用，用来包含子视图，（实现机制应该为内部转发），而不是常规的include方式，常规方式正如楼主讲的，扩展性太低，数据都要后端统一查全再返回，框架和框架不同，假如laravel文档里没有推荐过类似的方法的话，大家肯定也想不到还能这么玩，具体有没有大家百度一下

3年前 评论
xuekai （楼主） 3年前
感谢指点，如果这个Default控制器的test2方法也可被ajax调用的话，基本就实现了，我看回复列表中您有找到laravel的方式，但答案好像被删了，不知是不是不能实现。我更对的是对这种开发方式不太认同，多个框架都不支持这种操作也应该能说明一些问题，毕竟这样的话前端并不知后端控制器及方法叫什么，最后还是要由后端去模板文件中引入。
Joshua666 （作者） 3年前
@xuekai 这种方式就是你上级想要的方式，总体就是一次用户的请求，直接渲染出模板返回，你用了ajax，怎么说呢，ajax是需要额外的请求，然后js在组装上页面，这当然可以，但感觉不在这个讨论范围内。
Joshua666 （作者） 3年前

@xuekai 他要的是首屏直接全部返回回来，你只不过是需要blade里写 {{ }}，括号中间你查下怎么在blade使用app变量的call方法就行了，完全不需要用js再做其他工作了，在symfony框架文档里针对这种需求是有专门说明的，并且是推荐方式呢

xuekai （楼主） 3年前
@Joshua666 好的，我朝这个方向研究一下，感谢~
laravel_denghy
课程读者 74 声望

xie.infoq.cn/article/50a5df20d2298...

这篇文章有一些思路值得参考

3年前 评论
1

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容，与人为善，比聪明更重要！
支持 MD 帮助
xuekai 4 声望
TA 的博客
社区赞助商
成为赞助商

关于 LearnKu

LearnKu 是终身编程者的修道场
做最专业、严肃的技术论坛
LearnKu 诞生的故事

资源推荐

  • 《社区使用指南》
  • 《文档撰写指南》
  • 《LearnKu 社区规范》
  • 《提问的智慧》

    • 服务提供商

    其他信息

  • 成为版主
  • 所有测验
  • 联系站长（反馈建议）

    • 粤ICP备18099781号-6 | 粤公网安备 44030502004330号 | 违法和不良信息举报

    由 Summer 设计和编码 ❤

    请登录

    内容举报
    匿名举报，为防止滥用，仅管理员可见举报者。

    我要举报该，理由是：

    取消