微信小程序+SpringBoot+Mybatis登錄demo(一、小程序端)

現在微信小程序越來越火了,相信不少人都通過各種途徑學習過微信小程序或者嘗試開發,我也是因爲新鮮感學習了一下,寫了一個登錄demo

前言:
微信小程序開發者註冊API等亂起八糟的東西我這裏就不寫了,是SpringBoot框架不會搭建的可以看我上一篇文章,SpringBoot整合Mybatis這一章我會講一些。

技術棧:
前端:小程序原生API
後端:SpringBoot+Mybatis+MySQL+JDK1.8

小程序端
打開微信開發者工具選擇小程序項目
這裏寫圖片描述

創建項目,這裏沒有AppID的可以選擇體驗小程序/小遊戲,有AppID的就不用選擇,

項目目錄,項目名稱自行填寫,我們這裏選擇建立普通快速啓動模板

這裏寫圖片描述

創建好後是這樣的一個結構

這裏寫圖片描述

下面我們看一下項目結構區

這裏寫圖片描述

我們在Pages上右鍵新建個文件存放目錄

這裏寫圖片描述

建好文件夾後,我們在新建的文件夾上新建一個Page

這裏寫圖片描述

創建好之後是這樣的

這裏寫圖片描述

創建完後我們需要改一些配置讓右面的模擬器來顯示我們新建的當前頁面

這裏寫圖片描述
這時我們就可以去畫我們的登錄頁面了,打開.wxml文件

這裏寫圖片描述

頁面畫好後,我們需要去監聽登錄按鈕和獲取input的值,這些動作要去.js文件裏寫

這裏寫圖片描述

最後一步請求java後臺,也是在.js文件裏做,在點擊登錄按鈕的時候去請求後臺,所以我們還是在監聽按鈕的函數裏面去寫代碼

這裏寫圖片描述

好了,小程序端的準備已經完成了,因爲後臺還沒有搭建,所以現在是不能發送請求的哦!

如有需要改正的地方還請大家多多指出!

後端的搭建我下一章會講解

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章