小程序(零)開發前期準備

前言

因爲一個原因需要一個答題的小程序,作爲程序員當然要自己動手實現,目前還在開發中,一段時間會發布開發過程,最終會展示全部代碼。

1.1 環境準備

按照小程序流程下載編譯器、註冊賬號等;

1.2 熟悉代碼結構

代碼結構如下圖
在這裏插入圖片描述

pages 下爲顯示的頁面,裏面按照小程序規則,文件名都一樣:js是邏輯,json是配置數據,wxml是類比html頁面,wxss類比css文件。
在這裏插入圖片描述
外層的app.* 文件類似全局變量;
這兩部分是小程序demo中必須的,demo中實現了獲取當前用戶信息的例子,大家可以試試。

style 裏面是下載的小程序提供的ui組件,因爲我的ui水平。。。我非常需要它
在這裏插入圖片描述
UI

下載之後用編譯器打開dist,這樣可以一邊看UI例子一邊開發。

utils 下我放了一些公共的方法和變量,使用的時候需要先暴露出來,然後引用方纔可以使用,比如:
在這裏插入圖片描述

globalData.js中定義了一些全局變量,定義之後需要exports出來,引用的時候像下面這樣,
先引用
在這裏插入圖片描述
然後使用
在這裏插入圖片描述

1.3 調試

開始開發有些不知所措,後來想想就是H5+js,只是小程序封裝了幾層,文檔中說由於框架原因部分js庫(比如jQuery)用不了,無所謂,反正我都不熟。。。

調試過程還是按照web開發,console可以,debugger也可以,控制檯也可以看到屬性
在這裏插入圖片描述

不會的查api
文檔

1.4 後臺

後臺使用 springboot + mybatis + mysql;
爲了本地調試需要設置小程序
在這裏插入圖片描述
這樣就可以wx.request請求到後臺。

1.5 結尾

準備工作大概就是這麼多,目前纔剛開始做,一邊記錄一遍開發比較有動力。自己也是剛接觸這裏有不對的地方歡迎指正~.~

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