SpringBoot整合netty怎么实现前后端数据的交互-成都创新互联网站建设

关于创新互联

多方位宣传企业产品与服务 突出企业形象

公司简介 公司的服务 荣誉资质 新闻动态 联系我们

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

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

创新互联公司是一家集网站建设,福安企业网站建设,福安品牌网站建设,网站定制,福安网站建设报价,网络营销,网络优化,福安网站推广为一体的创新建站企业,帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿,时刻以成就客户成长自我,坚持不断学习、思考、沉淀、净化自己,让我们为更多的企业打造出实用型网站。

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

新建Maven项目-->

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

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

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

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

主要输SpringBoot和一些工具类

在resource目录下新建application.properties

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

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

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

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

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

然后在kk包下,新建HelloController

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

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

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

引入netty依赖


   io.netty
   netty-all
   4.1.25.Final

在与controller包同级下新建netty包

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

WSServer绑定端口号

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

WSserverInitializer  指定handler

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

Chathandler  

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

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

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

调试完成

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

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

页面代码

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

页面效果-->

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

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

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

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

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

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

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

页面效果

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

输入超过12位的用户密码

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

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

这里的弹层我们用的是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提示位置

重启联调

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

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

效果调试完毕

进行后端联调

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

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

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

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


网站题目:SpringBoot整合netty怎么实现前后端数据的交互
文章地址:http://kswsj.cn/article/jdepji.html

其他资讯