这篇文章主要讲解了“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依赖
io.netty
netty-all
4.1.25.Final
在与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怎么实现前后端数据的交互这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是创新互联,小编将为大家推送更多相关知识点的文章,欢迎关注!
名称栏目:SpringBoot整合netty怎么实现前后端数据的交互
标题来源:http://lswzjz.com/article/jdepji.html