Laravel工作坊:构建动态帖文表单实战教程

本文是Laracasts工作坊系列教程的一部分,详细介绍了如何使用Laravel、Blade和Vue.js等技术栈构建一个完整的社交应用帖文创建表单,涵盖从前端Vite服务器、Tailwind样式到后端API资源与模型关系的全流程开发。

The Create Post Form

浏览论坛 播客 登录 免费开始

Laravel 工作坊

The Create Post Form

登录 免费开始

HTML 和 CSS (16)

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

Laravel 和 Blade (30)

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

从 Blade 到 SPA (18)

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

The Laravel Workshop

With Instructor Team

系列进度 0%

本集仅限订阅者观看。只需花费一个披萨的价钱,您就能获得来自 Laravel 领域顶级开发者的数百小时内容,包括本集!

“Laracasts 在一个月内教会我的东西,比我在大学两年学到的还要多。绝对是必不可少的。” — Robb Lewis

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

The Create Post Form

第53集 发布于 2025年11月28日 运行时间 7分56秒 主题 工作坊

您的讲师 Instructor Team

集锦摘要 下面的摘要是基于本视频转录内容由 AI 生成的。

“您只需花费一次 Uber 的费用,就能一窥资深开发者的思维和工作流程。我无法过分强调 Laracasts 订阅的价值。” — Caleb Porzio,Livewire 的创造者

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

开始讨论。

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