chevron_left

Workerman + Laravel + Vue.js 实战聊天室

已发布
第 7 回

课程讲义

Workerman + Laravel + Vue.js 实战聊天室 - 发送聊天信息

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

发送聊天信息

接着要做的,当然就是发布聊天信息了。

html

先去修改一下表单部分,给 form 标签,绑定上 onSubmit 这个方法。注意这里有个 prevent,它的作用是阻止默认事件。如果不写这个,那你点击表单的提交按钮,页面会跳转刷新的。

<form @submit.prevent="onSubmit">
    <!-- ... -->

    <div class="form-group">
        <!-- ... --> 
        <textarea class="form-control" rows="3" id="content" v-model="content"></textarea>
    </div>
</form>
data() {
    return {
        messages: [],
        content: '',
    }
},

//...
methods: {
    onSubmit()...

课程介绍

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)(

适合这样的人

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