当前位置: 首页 > news >正文

小程序中的页面配置和网络数据请求

页面配置文件和常用的配置项

        1.在msg.json中配置window中的颜色和背景色

  "navigationBarBackgroundColor": "#efefef","navigationBarTextStyle": "black"

        2.可以看到home中的没有发生变化但是msg的发生变化了,这个和前面的css一样都是就近原则

         3.常用的配置项

属性默认值描述

navigationBarBackgroundColor

efefef

导航栏背景色

navigationBarTextStyle

black,

标签颜色(black/white)

navigationBarTitleText

文字内容

backgroundColor

ffffff

下拉背景色

backgroundTextStyle

dark

下拉的样式(dark/light)

enablePullDownRefresh

false

是否开启下拉刷新

onReachBottomDistance

50

触底刷新的距离

 网络数据请求

        请求的限制

        1.HTTPS请求

        2.信任域名

        配置域名

         1.登录网页微信开发者小程序  小程序

   没有账号的可以看这个:快速注册微信小程序

         扫码后配置域名即可,可以在详情中看到我们配置的域名

 GET请求

1.在wxml中编写一个按钮,并绑定一个事件

<button bindtap="getInfo" type="primary">get请求</button>

2.在js中编写事件,通过wx.request来调用

    getInfo(){wx.request({url: 'https://www.excook.cn',method:'GET',data:{name:"zs",age:21},success:(data)=>{console.log(data)}})},

3.点击get请求调用

POST请求

 1.在wxml中编写一个按钮,并绑定一个事件

<button bindtap="postInfo" type="primary">post请求</button>

2.在js中编写事件,通过wx.request来调用

    postInfo(){wx.request({url: 'https://www.excook.cn',method:'POST',data:{name:'ls'},success:(resp)=>{console.log(resp.data)}})},

3.点击post请求调用

        如果想要在页面刚加载完毕的时候就自动调用这个方法,我们可以在js中onload中调用者两个方法

    this.getInfo()this.postInfo()

        可以在页面加载完成后调用者两个方法而不是只有我们点击的时候才会调用

        访问我们自己定义编写的http接口

        1.在详情中将不校验合法域名的选项勾选上,但是这个只有在编写的时候可以,正式上线后还是需要https的接口

        2.在后台定义一个接口

         实体类

import lombok.AllArgsConstructor;
import lombok.Data;
import lombok.NoArgsConstructor;import java.io.Serializable; 
@Data
@AllArgsConstructor
@NoArgsConstructor
public class User implements Serializable {private String name;private String age;
}

        接口

import com.example.re.pojo.User;
import org.springframework.web.bind.annotation.RequestBody;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;@RestController
public class ReceiveController {@RequestMapping("get1")public User get(@RequestBody User u){return u;}@RequestMapping("get")public User get(String name,String age ){User u = new User(name, age);return u;}
}

        在apipost中测试该接口是否正常

 

        在小程序中将get请求请求的路径改为 http://localhost:8080/get 

        在小程序中将post请求请求的路径改为 http://localhost:8080/get1 

        重新编译

 

 

http://www.lryc.cn/news/135977.html

相关文章:

  • 使用ImageMagick实现多张图片拼接为gif(多线程版)
  • 解释 RESTful API,以及如何使用它构建 web 应用程序。
  • 远程端口转发 实践 如何将物理机某一端口的服务转发到vps上,使得外网能访问到
  • 【uniapp 监听键盘弹起与收回】
  • 【Unity】如何制作小地图
  • 基于IMX6ULLmini的linux裸机开发系列八:按键处理实验
  • 数据结构好题总结
  • Java串口开发
  • Python nohup 启动python脚本,后台没有日志
  • 完美解决微信小程序使用复选框van-checkbox无法选中
  • IDEA报错:类文件具有错误的版本 61.0,应为52.0
  • Linux 挂载局域网内共享目录
  • FFmpeg解码32k大分辨率出现如下错误:Picture size 32768x32768 is invalid
  • EasyExcel+POI制作带有有效性校验及下拉联动的Excel模板
  • Unity怎么制作魔法火焰特效?Unity制作魔法火焰特效方法
  • 双基证券:房地产基本面仍处下行通道 政策有望促进走稳
  • 31、springboot 配置HTTP服务端口及如何通过WebServer实例动态获取项目中的HTTP端口
  • 会计如何使用ChatGPT提高工作效率
  • 【TypeScript】类型推论和类型别名
  • 字节码调教的入口 —— JVM 的寄生插件 javaagent 那些事
  • Blender卡通着色入门
  • 性能调优篇 一、Jvm监控及诊断工具-命令行篇
  • Docker部署MongoDB 5.0.5
  • Day18-2-地狱回调-Promise-async-await技术
  • echarts范围限制下性能问题
  • wazuh环境配置以及案例复现
  • 解决el-select回显异常 显示option选项的value 而不是显示label
  • 【【STM32-SPI通信协议】】
  • 板卡常用前端 数据表操作
  • 基于AVR128单片机世界电子时钟的设计