微信小程序的開發及問題解決

HttpClient

測試例子

@SpringBootTest
public class HttpClientTest {/*** 測試通過httpclient發送get方式的請求*/@Testpublic void testGET() throws IOException {//創建httpclient對象CloseableHttpClient httpClient= HttpClients.createDefault();//創建請求對象HttpGet httpGet=new HttpGet("http://localhost:8080/user/shop/status");//發送請求,接受響應結果CloseableHttpResponse response=httpClient.execute(httpGet);//獲取服務端返回的狀態碼int statusCode=response.getStatusLine().getStatusCode();System.out.println("服務端返回的狀態碼為:"+statusCode);HttpEntity entity=response.getEntity();String body= EntityUtils.toString(entity);System.out.println("服務端返回的數據為:"+body);//關閉資源response.close();httpClient.close();}/*** 測試通過httpclient發送post方式的請求*/@Testpublic void testPOST() throws JSONException, IOException {//創建httpclient對象CloseableHttpClient httpClient=HttpClients.createDefault();//創建請求對象HttpPost httpPost = new HttpPost("http://localhost:8080/admin/employee/login");JSONObject jsonObject=new JSONObject();jsonObject.put("username","admin");jsonObject.put("password","123456");StringEntity entity=new StringEntity(jsonObject.toString());//指定請求編碼方式entity.setContentEncoding("utf-8");//數據格式entity.setContentType("application/json");httpPost.setEntity(entity);//發送請求CloseableHttpResponse response=httpClient.execute(httpPost);//解析返回結果int statusCode = response.getStatusLine().getStatusCode();System.out.println("響應碼為:"+statusCode);HttpEntity entity1=response.getEntity();String body = EntityUtils.toString(entity1);System.out.println("響應數據為:"+body);//關閉資源response.close();httpClient.close();}
}

微信小程序開發

直接申請使用測試號,記住這兩項

下載微信開發者工具下載 / 穩定版更新日志

下載后打開微信開發者工具創建小程序

入門案例

實例代碼

index.js

// index.js
Page({data: {msg: "hello world",nickName: '',code:'',result:'',},//獲取微信用戶的頭像和昵稱getUserInfo() {wx.getUserProfile({desc: "獲取用戶信息",success: (res) => {console.log(res.userInfo);//為數據賦值this.setData({nickName: res.userInfo.nickName,url: res.userInfo.avatarUrl,});},});},//微信登錄,獲取微信用戶的授權碼wxLogin(){wx.login({success: (res) => {console.log(res.code)this.setData({code:res.code})},})},//發送請求sendRequest(){wx.request({url: 'http://localhost:8080/user/shop/status',method:'GET',success:(res)=>{console.log(res.data)this.setData({result:res.data})}})}
});

index.wxml

<!-- index.wxml -->
<navigation-bar title="Weixin" back="{{false}}" color="black" background="#FFF"></navigation-bar>
<scroll-view class="scrollarea" scroll-y type="list"><view class="container"><!-- <view>{{msg}}</view> --><view><button bindtap="getUserInfo" type="primary">獲取用戶信息</button>昵稱:{{nickName}}<image style="width:100px;height:100px;" src="{{url}}" /></view><view><button bind:tap="wxLogin" type="warn">微信登錄</button>授權碼:{{code}}</view><view><button bindtap="sendRequest" type="primary">發送請求</button>返回數據:{{result}}</view></view>
</scroll-view>

使用微信開發者工具可能遇到的問題

1、頁面空白不顯示

將微信開發者工具升級到最新版

2、微信開發者工具(微信小程序開發工具)寫代碼的時候沒有組件提示補全也沒有代碼縮進(安裝插件)

1、打開vscode安裝插件

這個要安裝2.2.2版本,2.3版本以上無法使用

2、然后打開微信開發者工具的拓展

點擊

導入已安裝的vscode拓展

wxml格式化功能:F1 或者 CMD + Shift + P 輸入 format wxml 命令 或者右鍵菜單,也可以配置 wxmlConfig.onSaveFormat 開啟保存后自動格式化(每次保存代碼后會自動格式化)

3、微信開發者工具獲取微信用戶昵稱與頭像沒有彈窗

//獲取微信用戶的頭像和昵稱getUserInfo() {wx.getUserProfile({desc: "獲取用戶信息",success: (res) => {console.log(res.userInfo);//為數據賦值this.setData({nickName: res.userInfo.nickName,url: res.userInfo.avatarUrl,});},});

把調試基礎庫改為2.27.0以下的版本?

4、微信開發者工具向后端請求后回復 http://localhost:8080 不在以下 request 合法域名列表中

	sendRequest(){wx.request({url: 'http://localhost:8080/user/shop/status',method:'GET',success:(res)=>{console.log(res.data)this.setData({result:res.data})}})}

解決?

再次嘗試,解決

5、如何切換小程序編譯的頁面

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/diannao/83513.shtml
繁體地址,請注明出處:http://hk.pswp.cn/diannao/83513.shtml
英文地址,請注明出處:http://en.pswp.cn/diannao/83513.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

foreach中使用await的問題

目錄 1.說明 2.示例 3.解決方案 1.說明 在foreach中調用異步方法&#xff0c;即使使用了await&#xff0c;不會依次執行每個異步任務&#xff0c;也就是說Array.prototype.forEach不會等待 Promise 完成&#xff0c;即使你在回調函數中返回一個 Promise&#xff0c;forEach …

Linux調試生成核心存儲文件

1.核心存儲文件配置&#xff1a; 不知道理解對不對&#xff0c;Linux中的核心存儲文件的配置是在/proc/sys/kernel/core_pattern中的&#xff0c;使用 cat /proc/sys/kernel/core_pattern # 打印出 |/usr/share/apport/apport -p%p -s%s -c%c -d%d -P%P -u%u -g%g -- %E表示核…

Compose筆記(二十三)--多點觸控

這一節主要了解一下Compose中多點觸控&#xff0c;在Jetpack Compose 中&#xff0c;多點觸控處理需要結合Modifier和手勢API來實現&#xff0c;一般通過組合 pointerInput、TransformableState 和 TransformModifier 來創建支持縮放、旋轉和平移的組件。 一、 API 1. Pointer…

【Java ee初階】HTTP(4)

構造HTTP請求 1&#xff09;開發中&#xff0c;前后端交互。瀏覽器運行的網頁中&#xff0c;構造出HTTP請求 2&#xff09;調試階段&#xff0c;通過構造HTTP請求測試服務器 樸素的方案&#xff1a; 通過tcp socket 的方式構造HTTP請求 按照HTTP請求格式&#xff0c;往TCP…

STM32 __main

STM32開發中__main與用戶main()函數的本質區別及工作機制 在STM32開發中&#xff0c;__main和用戶定義的main()函數是啟動過程中的兩個關鍵節點&#xff0c;分別承擔運行時初始化和用戶程序入口的職責。以下是它們的核心差異及協作機制&#xff1a; 一、定義與層級差異 ?__ma…

什么是PMBus

一、PMBus的定義與背景 PMBus&#xff08;Power Management Bus&#xff0c;電源管理總線&#xff09; 是一種基于SMBus&#xff08;System Management Bus&#xff09;的開放標準數字通信協議&#xff0c;專為電源設備的監控、配置和控制設計。由PMBus聯盟&#xff08;現并入…

Python OOP核心技巧:如何正確選擇實例方法、類方法和靜態方法

Python方法類型全解析&#xff1a;實例方法、類方法與靜態方法的使用場景 一、三種方法的基本區別二、訪問能力對比表三、何時使用實例方法使用實例方法的核心場景&#xff1a;具體應用場景&#xff1a;1. 操作實例屬性2. 對象間交互3. 實現特定實例的行為 四、何時使用類方法使…

業務中臺-典型技術棧選型(微服務、容器編排、分布式數據庫、消息隊列、服務監控、低代碼等)

在企業數字化中臺建設中&#xff0c;業務中臺是核心支撐平臺&#xff0c;旨在通過技術手段將企業核心業務能力抽象、標準化和復用&#xff0c;以快速響應前端業務需求。其核心技術流涉及從業務抽象到服務化、治理和持續優化的全流程。以下是業務中臺建設中的核心技術體系及關鍵…

期望是什么:(無數次的均值,結合概率)21/6=3.5

https://seeing-theory.brown.edu/basic-probability/cn.html 期望是什么:(無數次的均值,結合概率)21/6=3.5 一、期望(數學概念) 在概率論和統計學中,**期望(Expectation)**是一個核心概念,用于描述隨機變量的長期平均取值,反映隨機變量取值的集中趨勢。 (一…

matlab官方免費下載安裝超詳細教程2025最新matlab安裝教程(MATLAB R2024b)

文章目錄 準備工作MATLAB R2024b 安裝包獲取詳細安裝步驟1. 文件準備2. 啟動安裝程序3. 配置安裝選項4. 選擇許可證文件5. 設置安裝位置6. 選擇組件7. 開始安裝8. 完成輔助設置 常見問題解決啟動失敗問題 結語 準備工作 本教程將幫助你快速掌握MATLAB R2024b的安裝技巧&#x…

第3章 自動化測試:從單元測試到硬件在環(HIL)

在前兩章中,我們已完成從環境搭建到流水線編譯的自動化配置。為了真正保障軟件質量、降低回歸風險,本章將聚焦測試自動化,涵蓋從最基礎的單元測試,到集成測試,再到硬件在環(Hardware-in-the-Loop, HIL)測試的全流程。通過腳本驅動、測試報告可視化和與 CI 平臺深度集成,…

信息收集+初步漏洞打點

目標&#xff1a;理解信息收集在滲透測試中的意義&#xff0c;熟悉常用工具用法&#xff0c;完成基本打點測試 一.理論學習&#xff1a; 模塊內容說明信息收集分類主動信息收集 vs 被動信息收集目標發現子域名、IP、端口、子站點、目錄、接口技術指紋識別Web框架&#xff08;如…

uniapp+vue3開發項目之引入vuex狀態管理工具

前言&#xff1a; 我們在vue2的時候常用的狀態管理工具就是vuex&#xff0c;vue3開發以后&#xff0c;又多了一個pinia的選項&#xff0c;相對更輕便&#xff0c;但是vuex也用的非常多的&#xff0c;這里簡單說下在uni-app中vuex的使用。 實現步驟&#xff1a; 1、安裝&#x…

淺談“量子計算應用:從基礎原理到行業破局”

量子計算應用:從基礎原理到行業破局 引言:量子計算為何成為科技革命新引擎? 量子計算利用量子力學原理(疊加態、糾纏態、量子干涉)突破經典計算的極限,在特定領域可實現指數級加速。根據中研普華預測,2025年全球量子計算市場規模將突破80億美元,2035年可達8117億美元。…

UNiAPP地區選擇

<template> <view class"container"> <!-- 左側地區列表 --> <scroll-view class"left-list" scroll-y :scroll-into-view"currentLetterId" scroll-with-animation scroll"…

嵌入式硬件篇---CAN

文章目錄 前言1. CAN協議基礎1.1 物理層特性差分信號線終端電阻通信速率總線拓撲 1.2 幀類型1.3 數據幀格式 2. STM32F103RCT6的CAN硬件配置2.1 硬件連接2.2 CubeMX配置啟用CAN1模式波特率引腳分配過濾器配置&#xff08;可選&#xff09; 3. HAL庫代碼實現3.1 CAN初始化3.2 發…

DeepSeek-R1 Supervised finetuning and reinforcement learning (SFT + RL)

DeepSeek-R1Supervised finetuning and reinforcement learning (SFT RL) 好啊&#xff0c;我們今天的直播會非常透徹的跟大家系統性的分享一下整個agents AI就大模型智能體系統和應用程序。我們在做開發的時候&#xff0c;或者實際做企業級的產品落地的時候&#xff0c;你必…

機器學習 day04

文章目錄 前言一、線性回歸的基本概念二、損失函數三、最小二乘法 前言 通過今天的學習&#xff0c;我掌握了機器學習中的線性回歸的相關基本概念&#xff0c;包括損失函數的概念&#xff0c;最小二乘法的理論與算法實現。 一、線性回歸的基本概念 要理解什么是線性回歸&…

img.dims() <= 2 in function ‘cv::matchTemplate報錯

Mat src mat_ori;//imread(img_original);Mat src_template imread(img_template);cvtColor(src, src, COLOR_BGR2RGB);//不轉換&#xff0c;matchTemplate將報錯cvtColor(src_template, src_template,COLOR_BGR2RGB);//不轉換&#xff0c;matchTemplate將報錯 error: (-215…

NY321NY322美光閃存芯片NY323NY336

NY321NY322美光閃存芯片NY323NY336 在存儲技術飛速發展的今天&#xff0c;美光科技的閃存芯片憑借其創新架構與高性能表現&#xff0c;已成為工業自動化、智能終端等領域的核心組件。本文將圍繞技術解析、產品評測、行業趨勢、應用案例及市場動態五大維度&#xff0c;深入探討…