H5 app前端後台ajax互動總結

2022-02-16 18:01:23 字數 679 閱讀 8273

流應用開發

1.前端是hbuilder 編寫的html頁面,ui控制項用mui;

2.後台用eclipse開發的servlet做控制器;

3.前後臺互動用mui的ajax。

在hbuilder中選擇在安卓手機(我的手機是安卓的)執行編寫好的移動應用,前端寫好登陸頁面;後台使用eclipse編寫,採用mvc設計模式分層設計,包括連線資料庫和運算元據庫的userdao層,模型層user,控制層servlet命名為useraction,客戶端發出的請求均經過servlet攔截處理,業務包括增加使用者,查詢使用者名稱是否可用等。

在進行ajax非同步訪問的時候,需要明確url: ip:port/後台專案名稱/useraction?action=login,

ip的確定:ipconfig

埠號確定:

在後台編寫乙個index.jsp,配置好tomcat,在後台執行index.jsp會自動開啟內建瀏覽器,即可看見伺服器端口號,

後台專案名稱:

cmccdemo

以上幾個關鍵點是必須配置好的,不然無法訪問後台。

H5App 美麗天氣

分別對應春夏秋冬。背景的實現依靠了兩個div,html如下 class weather cover div class weather content div 其中,cover是季節桌布 準備了春夏秋冬四張 其css如下 weather cover weather cover spring weat...

H5 App除錯方法參考

相較於pc端,移動端除錯要更加豐富一些,下面對除錯的方法進行簡單彙總。主要分為以下幾點 chrome developer tools android chrome inspect ios safari gapdebug weinre weinre相關套件 除了chrome,firefox中的除錯工具...

Ajax 前端與後台互動

整體的思路和邏輯是這樣的 我需要獲取使用者名稱和密碼,將使用者名稱和密碼組合成乙個物件,傳給後台伺服器後台伺服器會進行匹配將返回來的資料給前端,前端根據返回的資料判斷是否成功登陸。以下是通過ajax實現這個過程 url 代表登入功能需要訪問的介面 method 代表前端是需要向伺服器傳送資料 pos...