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怎么實現前后端數據的交互這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是億速云，小編將為大家推送更多相關知識點的文章，歡迎關注！