簡單總結前后端交互的基本原理以及簡單實例(SpringBoot+Mybatis+MySQL+微信小程序)

簡單總結前后端交互的基本原理以及簡單實例(SpringBoot+Mybatis+MySQL+微信小程序)

本文章同步更新于:

簡書:http://www.reibang.com/p/cb93ede53b46
CSDN:https://blog.csdn.net/ZH16_/article/details/109651277

一、前后端交互的基本原理

前后端交互的基本原理圖

二苛白、前后端交互的簡單實例(SpringBoot+Mybatis+MySQL+微信小程序)

首先丁屎,我們先在MySQL中新建一個名為easydemo01的數(shù)據(jù)庫

創(chuàng)建數(shù)據(jù)庫

并向其中插入含有id蛇捌,username兩個屬性的user表渔伯,插入字段(0001迅诬,彭于晏)因惭。

插入表和數(shù)據(jù)

然后蒿褂,我們在IDEA上創(chuàng)建一個SpringBoot項目,創(chuàng)建成功后如下蒋畜。

創(chuàng)建SpringBoot項目.png

創(chuàng)建好了以后声畏,我們進行簡單的環(huán)境搭建,引入Mybatis依賴姻成,創(chuàng)建接口開發(fā)需要的目錄結構插龄。

導入依賴創(chuàng)建目錄結構

接著,我們配置Mybatis配置文件科展。

配置Mybatis配置文件

別忘了在主類上添加mapper掃描均牢。

主類上添加mapper掃描

到這一步,我們的準備工作基本上完成了辛润,接下來可以正式的進行接口開發(fā)了膨处。

第一步见秤,創(chuàng)建相應的實體類砂竖,這里就是一個簡單的user類。

user實體類

接著鹃答,我們在mapper包下新建userMapper接口乎澄,在這里寫下我們需要的接口函數(shù)。

userMapper接口

然后测摔,我們在resources下的mybatis.mapper包下創(chuàng)建對應的UserMapper置济,并寫上對應的sql語句解恰。

mybatis.mapper

然后,我們就可以開始寫Controller層了浙于,如下所示护盈。

Controller層

這個時候,我們后端基本上已經(jīng)寫好了羞酗。完成了以后腐宋,我們運行這個SpringBoot項目。

運行這個SpringBoot項目

以上完成了以后檀轨,我們新建一個微信小程序胸竞。

新建一個微信小程序

簡單的寫一個頁面用來顯示我們從后端獲取的數(shù)據(jù)。

寫一個頁面

綁定點擊事件参萄,從后端獲取數(shù)據(jù)卫枝。

綁定點擊事件

編譯,點擊按鈕讹挎,獲取成功校赤!

獲取數(shù)據(jù)成功

我們在網(wǎng)頁上也能獲取到這個數(shù)據(jù):

網(wǎng)頁上獲取這個數(shù)據(jù)

好了,到這里筒溃,相信大家對前后端交互有了一個簡單的理解了痒谴。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市铡羡,隨后出現(xiàn)的幾起案子积蔚,更是在濱河造成了極大的恐慌,老刑警劉巖烦周,帶你破解...
    沈念sama閱讀 216,651評論 6 501
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件尽爆,死亡現(xiàn)場離奇詭異,居然都是意外死亡读慎,警方通過查閱死者的電腦和手機漱贱,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,468評論 3 392
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來夭委,“玉大人幅狮,你說我怎么就攤上這事≈昃模” “怎么了崇摄?”我有些...
    開封第一講書人閱讀 162,931評論 0 353
  • 文/不壞的土叔 我叫張陵,是天一觀的道長慌烧。 經(jīng)常有香客問我逐抑,道長,這世上最難降的妖魔是什么屹蚊? 我笑而不...
    開封第一講書人閱讀 58,218評論 1 292
  • 正文 為了忘掉前任厕氨,我火速辦了婚禮进每,結果婚禮上,老公的妹妹穿的比我還像新娘命斧。我一直安慰自己田晚,他們只是感情好,可當我...
    茶點故事閱讀 67,234評論 6 388
  • 文/花漫 我一把揭開白布国葬。 她就那樣靜靜地躺著肉瓦,像睡著了一般。 火紅的嫁衣襯著肌膚如雪胃惜。 梳的紋絲不亂的頭發(fā)上泞莉,一...
    開封第一講書人閱讀 51,198評論 1 299
  • 那天,我揣著相機與錄音船殉,去河邊找鬼鲫趁。 笑死,一個胖子當著我的面吹牛利虫,可吹牛的內容都是我干的挨厚。 我是一名探鬼主播,決...
    沈念sama閱讀 40,084評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼糠惫,長吁一口氣:“原來是場噩夢啊……” “哼疫剃!你這毒婦竟也來了?” 一聲冷哼從身側響起硼讽,我...
    開封第一講書人閱讀 38,926評論 0 274
  • 序言:老撾萬榮一對情侶失蹤巢价,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后固阁,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體壤躲,經(jīng)...
    沈念sama閱讀 45,341評論 1 311
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 37,563評論 2 333
  • 正文 我和宋清朗相戀三年备燃,在試婚紗的時候發(fā)現(xiàn)自己被綠了碉克。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 39,731評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡并齐,死狀恐怖漏麦,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情况褪,我是刑警寧澤撕贞,帶...
    沈念sama閱讀 35,430評論 5 343
  • 正文 年R本政府宣布,位于F島的核電站窝剖,受9級特大地震影響麻掸,放射性物質發(fā)生泄漏酥夭。R本人自食惡果不足惜赐纱,卻給世界環(huán)境...
    茶點故事閱讀 41,036評論 3 326
  • 文/蒙蒙 一脊奋、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧疙描,春花似錦诚隙、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,676評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至效五,卻和暖如春地消,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背畏妖。 一陣腳步聲響...
    開封第一講書人閱讀 32,829評論 1 269
  • 我被黑心中介騙來泰國打工脉执, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人戒劫。 一個月前我還...
    沈念sama閱讀 47,743評論 2 368
  • 正文 我出身青樓半夷,卻偏偏與公主長得像,于是被迫代替她去往敵國和親迅细。 傳聞我的和親對象是個殘疾皇子巫橄,可洞房花燭夜當晚...
    茶點故事閱讀 44,629評論 2 354