SpringBoot整合netty怎么实现前后端数据的交互

这篇文章主要讲解了“SpringBoot整合netty怎么实现前后端数据的交互”，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着小编的思路慢慢深入，一起来研究和学习“SpringBoot整合netty怎么实现前后端数据的交互”吧！

使用SpringBoot与netty进行整合，netty可使用Gradle进行管理，这里由于Gradle不是很熟悉，继续进行Maven整合，SpringBoot使用2.x版本

新建Maven项目-->

填入gav，点击完成引入pom依赖

主要输SpringBoot和一些工具类

在resource目录下新建application.properties

配置端口号，字符集，整合mabatis，以往项目都是使用阿里的德鲁伊连接池，这边资料用的是Hikari，大同小异

新建com.kk包，下面新建Application

然后在kk包下，新建HelloController

右键运行application，在浏览器输入localhost:8080/hello,显示hello~便是整合成功

既然要使用netty，项目的后端数据交互是交给netty的

引入netty依赖

<dependency>
    <groupId>io.netty</groupId>
    <artifactId>netty-all</artifactId>
    <version>4.1.25.Final</version>
</dependency>

在与controller包同级下新建netty包

WSServer绑定端口号

WSserverInitializer  指定handler

Chathandler  

主要信息都已完毕，启动以前写的页面进行测试

调试完成

在Hbuilder新建login页面，用于项目的登录页面

页面代码

页面效果-->

由于后端代码简单繁琐，实现登录注册写在一个submit事件里，后端交互代码可以私信

前端通过js进行密码和用户名的一个长度限制

启动联调基座，这里启动后由于我们以前设置的页面会默认显示聊天记录框，这里改下设置，显示为login页面

双击mainfest.json，将页面入口改为login.html

页面效果

输入超过12位的用户密码

这里的弹层我们用的是alert(),以前项目也就是用过layer，资料建议改为html5+的nativeUi的ToastOptions方法，对于一些方法是封装在app.js里的

/**

* 封装消息提示框，默认mui的不支持居中和自定义icon，所以使用h6+

* @param {Object} msg

* @param {Object} type

*/

showToast: function(msg, type) {

plus.nativeUI.toast(msg, 

{icon: "image/" + type + ".png", verticalAlign: "center"})

},

image  提示的图片，center提示位置

重启联调

效果调试完毕

进行后端联调

后端发送数据，我们一般是采用Ajax，这里根据文档使用mui的Ajax

感谢各位的阅读，以上就是“SpringBoot整合netty怎么实现前后端数据的交互”的内容了，经过本文的学习后，相信大家对SpringBoot整合netty怎么实现前后端数据的交互这一问题有了更深刻的体会，具体使用情况还需要大家实践验证。这里是亿速云，小编将为大家推送更多相关知识点的文章，欢迎关注！