构建现代Web应用:Laravel与Vue技术栈深度实践

本文详细探讨了基于Laravel与Vue.js(VILT技术栈)构建单页面应用(SPA)的完整工作流程。内容涵盖从基础HTML/CSS、Laravel后端模型构建、Blade模板引擎,到使用Vue.js实现前端交互、API资源设计及部署实践的完整开发链路。

论坛文章与课程展示

浏览论坛 播客 登录 免费开始 Laravel工作坊 - 展示单个帖子

登录 免费开始

HTML和CSS (16)

  • Figma设计概览
  • Vite开发服务器
  • Tailwind主题定制
  • 登录屏幕:整体布局
  • 登录屏幕:操作按钮
  • 登录屏幕:词汇栈
  • 登录屏幕:响应式调整与最终润色
  • 应用屏幕:三栏布局
  • 应用屏幕:侧边栏
  • 应用屏幕:导航
  • 动态:新帖子提示
  • 动态:帖子UI
  • 动态:带回复的帖子
  • 动态:回复表单
  • 应用屏幕:响应式调整与最终润色
  • 个人资料:头部区域

Laravel和Blade (30)

  • 安装Laravel
  • 提取导航、侧栏和布局
  • 创建“关注艺术家”组件
  • 提取帖子表单
  • 创建动态条目局部视图
  • 生成动态回复
  • 构建个人资料模型
  • 构建帖子模型
  • 准备点赞和关注
  • 建模转发
  • 发布帖子
  • 回复帖子
  • 基础转发
  • 防止重复转发
  • 点赞帖子
  • 关注个人资料
  • 数据库种子数据
  • 显示顶层帖子
  • 实现回复页面
  • 创建头部组件
  • 显示一个主题帖串
  • 完成“关注艺术家”组件
  • 显示时间线
  • 创建帖子
  • 回复帖子
  • 转发、点赞和关注
  • 删除帖子、取消点赞和取消关注
  • 创建社交按钮组件
  • 清理代码
  • 重构查询

从Blade到SPA (18)

  • 欢迎来到第3部分
  • VILT技术栈
  • 动态页面
  • 命名路由和Ziggy
  • SVG可以作为Vue组件
  • API资源类
  • 创建帖子表单
  • 帖子条目组件
  • 帖子评论
  • 展示单个帖子
  • 下拉菜单和无头UI
  • 个人资料页面
  • 关注功能
  • 闪存消息
  • 营销页面
  • 浏览器测试工作坊
  • 使用Laravel Forge部署Pixl
  • 第4部分:自我提升

The Laravel Workshop

With Instructor Team 系列进度 0%

本集仅限订阅者观看。只需花费一个披萨的价钱,您就能访问由Laravel领域顶级开发者提供的本课程以及数百小时的内容!

“Laracasts在一个月内教给我的东西比我在大学两年里学到的还要多。绝对不可或缺。” - Robb Lewis

开始观看 登录 标记为完成 0

展示单个帖子

剧集 56 发布日期 2025年11月28日 时长 14分12秒 主题 工作坊 您的讲师 Instructor Team

剧集摘要 以下摘要是基于本视频转录内容AI生成的。

{{ page.props.user.profile.display_name }}@{{ page.props.user.profile.handle }}

“你只需花费一次打车的钱,就能一窥经验丰富的开发者的思维和工作流程。我无法高估Laracasts订阅的价值。” - Caleb Porzio — Livewire的创造者

订阅以解锁完整访问权限。 每月$25观看所有内容。

讨论 开始讨论。

希望我们偶尔通过电子邮件向您发送Laracasts的新闻吗? 订阅

十分之九的医生推荐Laracasts而非竞争品牌。进来看看,亲自体验,并在此过程中大幅提升您的开发技能。 学习 浏览 所有系列 创作者 系列 Laravel路径 Larabits 讨论 论坛 播客 支持 额外 礼品卡 周边 常见问题 404 隐私 条款 社交 X(推特) TikTok Youtube

© Laracasts 2025。保留所有权利。是的,所有权利。这包括你,Todd。 自豪地使用Laravel Forge和DigitalOcean托管。

浏览 //这就是你来这里的目的 路径 //走上这条路 Larabits //有五分钟吗? 讨论 //畅所欲言 登录 注册

回复帖子 Markdown 预览 关 取消 发布

让我们帮您注册 只需不到一分钟,这可能是您今天做出的最佳决定。 可能是互联网上最“必看”的Web开发视频教程。 - Dries Vints, Laravel核心团队

月度 年度 -50% 永久版 Solo $25/月 解锁所有课程的访问权限。 通过互动考试进行练习。 加入一个庞大、支持性的社区。 -1+需要团队版? 开始学习 随时取消,只需几秒钟。 登录 访客账户 黑色星期五常见问题 有问题吗?

  • 这个黑色星期五促销会适用于未来的账单吗? 当然!我们强烈推荐一次性永久购买,因为以这个价格获得对我们过去和未来创建的所有内容的无限访问权,是一个难以置信的交易。但是,如果您选择年度计划,请放心,只要您保持订阅,每个计费周期都将享受相同的“5折”优惠。
  • 促销何时结束? 您可以在东部时间12月1日午夜之前使用此优惠券代码。请注意,在2026年黑色星期五之前,我们不会再次以如此大的幅度折扣Laracasts。
  • 我是现有订阅者。我也可以使用黑色星期五优惠券吗? 是的!点击页面顶部的横幅中的“应用优惠券”按钮,我们将确保您在下一次账单中获得50%的折扣。如果您还想从月度计划升级到年度计划,点击“应用优惠券代码”按钮,然后访问您的订阅页面升级到年度计划。优惠券将自动应用。
  • 我可以随时取消吗? Laracasts订阅会自动续订,就像Netflix或Hulu一样。但是,您当然可以随时取消。如果做不到这一点,那将是一个非常糟糕的业务! 说真的——这和健身房不一样。 访问您的设置页面,点击“取消”,就完成了。我们这边可能会流泪,但那不是您需要担心的。
  • 我可以使用Paypal支付吗? 我们未在注册页面正式支持Paypal;但是,您可以在此处手动支付一年的访问费用。
  • 我对终身账户感兴趣。 当然。它们是非常划算的交易。对于黑色星期五,我们将其大幅折扣了200美元。这意味着您可以终身访问Laracasts……仅需199美元。哇哦!

返回 联系我们

登录 邮箱 密码 登录 使用GitHub登录? 忘记密码? 注册

忘记密码? 邮箱 重置 设置新密码 邮箱 密码重置 注册! 用户名 邮箱 密码 注册 使用GitHub注册? 已有账户? 取消 确定

comments powered by Disqus
使用 Hugo 构建
主题 StackJimmy 设计