|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/laravel12-react-typescriptecstripe/
课程评论：没有评论
**课程名称：** 使用 Laravel 和 React TypeScript 构建电子商务网站：订单邮件、Stripe 支付和 Xserver 部署 **课程概述：** 本课程将引导您使用 React 前端、Laravel 后端和 MySQL 数据库构建一个功能齐全的电子商务网站。您将学习如何实现从商品列表页面到下单的完整流程，包括： * **购物车机制：** 掌握在将商品加入购物车时如何使用 Session。 * **邮件发送：** 学习如何利用 Laravel 发送订单确认邮件以及发送给管理员的订单邮件。 * **数据库事务：** 使用事务处理将订单信息（基本信息和详细信息）安全地注册到数据库。 * **用户注册：** 扩展用户注册功能，除了用户名、电子邮件和密码外，还可以注册邮政编码和地址。 * **Xserver 部署：** 了解如何将您创建的应用程序部署到 Xserver（DEMO 应用：web-web．work／ec／）。 * **前后端协作：** 理解控制器、前端 React 文件、`web.php` 路由以及模型之间的关系。 * **代码复用：** 课程提供源码，方便您直接复制粘贴，减少开发中的错误。 * **数据处理：** 学习如何输出和显示关联了多个表的数据，以及如何实现注册时的输入验证（包括日语本地化）。 * **Inertia.js：** 掌握通过 Inertia.js 操作 Laravel 和 React。 * **Laravel Breeze：** 利用 Laravel Breeze 创建账户、实现登录认证功能。 * **开发调试：** 学习如何有效利用 Console 确认 Laravel 控制器返回的数据。 * **React 数据处理：** 学习如何在 React 中显示获取的数据，以及如何将其用于验证。 * **Laravel 数据库操作：** 掌握在 Laravel 中创建表和插入模拟数据的方法。 * **React 与 Laravel 交互：** 通过 React 访问 Laravel，理解事务处理。 * **React Interface：** 理解 React Interface 的概念。 * **用户认证扩展：** 在 Laravel Breeze 的用户认证中，除了姓名、邮箱、密码，还可以添加邮政编码和地址字段。 * **地址自动填充：** 学习如何通过邮政编码，利用 Axios 自动输出地址。 * **支付方式：** 构建支持货到付款和 Stripe 支付的系统。 **课程大纲：** （无）
商品一覧画面から注文できるECサイトをフロントエンドにReact、バックエンドにLaravel、データベースにmySQLを使って構築します。ショッピングカートの仕組みの主要素 商品をカートに入れる際にセッションの使い方がわかるようになります。注文確定メールの送信、管理者宛の注文メールといったLaravelからメールを送信する技術を学べます。注文情報をデータベースに登録する際に、注文基本情報、詳細情報をトランザクション処理を用いて登録します。ユーザー登録するときにユーザー名、メールアドレス、パスワードの他に郵便番号、住所も登録する方法が分かります。作成したアプリはXserverで公開する方法も説明しています。デモアプリは web-web．work／ec／ でエックスサーバーで公開しています。左のドットとスラッシュを半角に変換してください。コントローラーとフロントReatctファイル、ルーティングweb.php、モデルとの関係を理解できます。ソースコードはリソースに配置しておりますのでコピーアンドペーストで誤字脱字に気にせずシステム構築ができます。複数のテーブルをリレーションしたデータの出力・表示方法が分かる。登録時の誤入力を防止するバリデーションが学べる。バリデーションの日本語化が分かります。ReactとLaravelをInertia経由で操作する方法を学べる。Laravel Breezeでアカウントの作成、ログイン認証機能を作れる。consoleを有効に使ってLaravelのコントローラーから返却されるデータの確認ができる。Reactで取得したデータの表示方法、バリデーションへの活用方法が分かる。Laravelでのテーブルの作成方法、ダミーデータの挿入方法が分かる。ReactでLaravelにアクセスして、トランザクション処理を理解できるようになる。ReactのInterfaceの概念が理解できるようになる。ユーザー認証機能Laravel Breezeに名前、メールアドレス、パスワードに加えて郵便番号、住所を拡張することができるようになります。郵便番号からAxiosを経由して住所を自動出力する方法がわかります。決済方法として代引きとStripe決済 選択できる仕組を構築できます。
