文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

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

2023-09-04 10:40

关注

        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.登录网页微信开发者小程序  小程序

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

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

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

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

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

点击get请求调用

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

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

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

点击post请求调用

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

    this.getInfo()    this.postInfo()

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

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

        2.在后台定义一个接口

         实体类

import lombok.AllArgsConstructor;import lombok.Data;import lombok.NoArgsConstructor;import java.io.Serializable; @Data@AllArgsConstructor@NoArgsConstructorpublic 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;@RestControllerpublic 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 

        重新编译

 

 

来源地址:https://blog.csdn.net/weixin_68926017/article/details/132438012

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     813人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     354人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     318人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     435人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     224人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-移动开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯