真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

成都創(chuàng)新互聯(lián)網(wǎng)站制作重慶分公司

SpringBoot整合netty怎么實(shí)現(xiàn)前后端數(shù)據(jù)的交互

這篇文章主要講解了“SpringBoot整合netty怎么實(shí)現(xiàn)前后端數(shù)據(jù)的交互”,文中的講解內(nèi)容簡單清晰,易于學(xué)習(xí)與理解,下面請大家跟著小編的思路慢慢深入,一起來研究和學(xué)習(xí)“SpringBoot整合netty怎么實(shí)現(xiàn)前后端數(shù)據(jù)的交互”吧!

創(chuàng)新互聯(lián)公司是一家集網(wǎng)站建設(shè),福安企業(yè)網(wǎng)站建設(shè),福安品牌網(wǎng)站建設(shè),網(wǎng)站定制,福安網(wǎng)站建設(shè)報(bào)價(jià),網(wǎng)絡(luò)營銷,網(wǎng)絡(luò)優(yōu)化,福安網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè),幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強(qiáng)企業(yè)競爭力??沙浞譂M足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時(shí)我們時(shí)刻保持專業(yè)、時(shí)尚、前沿,時(shí)刻以成就客戶成長自我,堅(jiān)持不斷學(xué)習(xí)、思考、沉淀、凈化自己,讓我們?yōu)楦嗟钠髽I(yè)打造出實(shí)用型網(wǎng)站。

使用SpringBoot與netty進(jìn)行整合,netty可使用Gradle進(jìn)行管理,這里由于Gradle不是很熟悉,繼續(xù)進(jìn)行Maven整合,SpringBoot使用2.x版本

新建Maven項(xiàng)目-->

SpringBoot整合netty怎么實(shí)現(xiàn)前后端數(shù)據(jù)的交互

填入gav,點(diǎn)擊完成引入pom依賴

SpringBoot整合netty怎么實(shí)現(xiàn)前后端數(shù)據(jù)的交互

SpringBoot整合netty怎么實(shí)現(xiàn)前后端數(shù)據(jù)的交互

主要輸SpringBoot和一些工具類

在resource目錄下新建application.properties

SpringBoot整合netty怎么實(shí)現(xiàn)前后端數(shù)據(jù)的交互

SpringBoot整合netty怎么實(shí)現(xiàn)前后端數(shù)據(jù)的交互

配置端口號(hào),字符集,整合mabatis,以往項(xiàng)目都是使用阿里的德魯伊連接池,這邊資料用的是Hikari,大同小異

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

SpringBoot整合netty怎么實(shí)現(xiàn)前后端數(shù)據(jù)的交互

然后在kk包下,新建HelloController

SpringBoot整合netty怎么實(shí)現(xiàn)前后端數(shù)據(jù)的交互

右鍵運(yùn)行application,在瀏覽器輸入localhost:8080/hello,顯示hello~便是整合成功

既然要使用netty,項(xiàng)目的后端數(shù)據(jù)交互是交給netty的

引入netty依賴


   io.netty
   netty-all
   4.1.25.Final

在與controller包同級(jí)下新建netty包

SpringBoot整合netty怎么實(shí)現(xiàn)前后端數(shù)據(jù)的交互

WSServer綁定端口號(hào)

SpringBoot整合netty怎么實(shí)現(xiàn)前后端數(shù)據(jù)的交互

WSserverInitializer  指定handler

SpringBoot整合netty怎么實(shí)現(xiàn)前后端數(shù)據(jù)的交互

Chathandler  

SpringBoot整合netty怎么實(shí)現(xiàn)前后端數(shù)據(jù)的交互

主要信息都已完畢,啟動(dòng)以前寫的頁面進(jìn)行測試

SpringBoot整合netty怎么實(shí)現(xiàn)前后端數(shù)據(jù)的交互

調(diào)試完成

在Hbuilder新建login頁面,用于項(xiàng)目的登錄頁面

SpringBoot整合netty怎么實(shí)現(xiàn)前后端數(shù)據(jù)的交互

頁面代碼

SpringBoot整合netty怎么實(shí)現(xiàn)前后端數(shù)據(jù)的交互

頁面效果-->

SpringBoot整合netty怎么實(shí)現(xiàn)前后端數(shù)據(jù)的交互

由于后端代碼簡單繁瑣,實(shí)現(xiàn)登錄注冊寫在一個(gè)submit事件里,后端交互代碼可以私信

前端通過js進(jìn)行密碼和用戶名的一個(gè)長度限制

SpringBoot整合netty怎么實(shí)現(xiàn)前后端數(shù)據(jù)的交互

啟動(dòng)聯(lián)調(diào)基座,這里啟動(dòng)后由于我們以前設(shè)置的頁面會(huì)默認(rèn)顯示聊天記錄框,這里改下設(shè)置,顯示為login頁面

雙擊mainfest.json,將頁面入口改為login.html

SpringBoot整合netty怎么實(shí)現(xiàn)前后端數(shù)據(jù)的交互

頁面效果

SpringBoot整合netty怎么實(shí)現(xiàn)前后端數(shù)據(jù)的交互

輸入超過12位的用戶密碼

SpringBoot整合netty怎么實(shí)現(xiàn)前后端數(shù)據(jù)的交互

SpringBoot整合netty怎么實(shí)現(xiàn)前后端數(shù)據(jù)的交互

這里的彈層我們用的是alert(),以前項(xiàng)目也就是用過layer,資料建議改為html5+的nativeUi的ToastOptions方法,對于一些方法是封裝在app.js里的

/**

* 封裝消息提示框,默認(rèn)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提示位置

重啟聯(lián)調(diào)

SpringBoot整合netty怎么實(shí)現(xiàn)前后端數(shù)據(jù)的交互

SpringBoot整合netty怎么實(shí)現(xiàn)前后端數(shù)據(jù)的交互

效果調(diào)試完畢

進(jìn)行后端聯(lián)調(diào)

后端發(fā)送數(shù)據(jù),我們一般是采用Ajax,這里根據(jù)文檔使用mui的Ajax

SpringBoot整合netty怎么實(shí)現(xiàn)前后端數(shù)據(jù)的交互

SpringBoot整合netty怎么實(shí)現(xiàn)前后端數(shù)據(jù)的交互

感謝各位的閱讀,以上就是“SpringBoot整合netty怎么實(shí)現(xiàn)前后端數(shù)據(jù)的交互”的內(nèi)容了,經(jīng)過本文的學(xué)習(xí)后,相信大家對SpringBoot整合netty怎么實(shí)現(xiàn)前后端數(shù)據(jù)的交互這一問題有了更深刻的體會(huì),具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是創(chuàng)新互聯(lián),小編將為大家推送更多相關(guān)知識(shí)點(diǎn)的文章,歡迎關(guān)注!


本文標(biāo)題:SpringBoot整合netty怎么實(shí)現(xiàn)前后端數(shù)據(jù)的交互
瀏覽路徑:http://weahome.cn/article/jdepji.html

其他資訊

在線咨詢

微信咨詢

電話咨詢

028-86922220(工作日)

18980820575(7×24)

提交需求

返回頂部