chevron_left

Workerman + Laravel + Vue.js 实战聊天室
已发布
第 6 回

课程讲义

Workerman + Laravel + Vue.js 实战聊天室 - 用户进入聊天室

2023年09月19日
Workerman + Laravel + Vue.js 实战聊天室

用户进入聊天室

新增组件

聊天室这里，我们到resource/assets/js/components里，新增一个叫做ChatRoom.vue的组件，里面放这样的代码。这里我用bootstrap做了一个非常基础的聊天的界面。后面的课程就是把这些功能一点点实现。

<template>
    <div class="container">
        <a href="?room_id=1" class="btn btn-danger">吃货人生</a>
        <a href="?room_id=2" class="btn btn-primary">技术探讨</a>
        <hr class="divider">

        <div class="row">
        <div class="col-md-8">
                <div class="panel panel-default">
                    <div class="pane...
请登录后查看更多expand_more

课程介绍

1Workerman 是一款纯 PHP 开发的开源高性能的 PHP Socket 服务器框架。被广泛的用于手机 App、移动通讯，微信小程序，手游服务端、网络游戏、PHP 聊天室、硬件通讯、智能家居、车联网、物联网等领域的开发。支持 TCP 长连接，支持 Websocket、HTTP 等协议，支持自定义协议。拥有异步 Mysql、异步 Redis、异步 Http、异步消息队列等众多高性能组件。通过此课程学习，你会学习到 Workerman 和 GatewayWorker 框架的用法。除此外，你还会在课程中学习到 1. Vue.js 的基础用法。2. Laravel 中使用 Webpack 运行 Vue.js 组件。3. Laravel 结合 GatewayWorker 开发完善的聊天室。项目 Github 地址你可以从这里得到完整的项目源码。https://github.com/canon4ever/workermanhttps://github.com/canon4ever/workerman)(

目录

play_arrow
第1回
初识 Workerman
play_arrow
第2回
Workerman 实现简单聊天室
play_arrow
第3回
初识 GatewayWorker 框架
play_arrow
第4回
Laravel + GatewayWorker
play_arrow
第5回
在 Laravel 中使用 Vue.js
play_arrow
第6回
用户进入聊天室
play_arrow
第7回
发送聊天信息
play_arrow
第8回
聊天历史记录
play_arrow
第9回
在线用户列表
play_arrow
第10回
私聊
play_arrow
第11回
聊天室的房间
play_arrow
第12回
用户退出
play_arrow
第13回
心跳

适合这样的人

此课程不适合新手。学习前，你至少需要会用Laravel或者ThinkPHP等框架。如果你有一点Vue.js基础就更好了。

授课老师