🎉🎉欢迎来到我的CSDN主页!🎉🎉
🏅我是Java方文山,一个在CSDN分享笔记的博主。📚📚
🌟推荐给大家我的专栏《微信小程序开发实战》。🎯🎯
👉点击这里,就可以查看我的主页啦!👇👇
Java方文山的个人主页
🎁如果感觉还不错的话请给我点赞吧!🎁🎁
💖期待你的加入,一起学习,一起进步!💖💖
很多同志们再写小程序的过程中,不知道该怎么发起HTTP请求到后端,在Web环境中发起HTTPS请求是很常见的,但是微信小程序是腾讯内部的产品,不能直接打开一个外部的链接。例如,在微信小程序中不能直接打开www.taobao.com网站,但是,在小程序开发的时候,如果需要请求一个网站的内容或者服务,如何实现?虽然微信小程序里面不能直接访问外部链接,但是腾讯为开发者封装好了一个wx.request(object)的API。
其他的东西还是基本与我们发送ajax请求一致的。
为了后期方便维护,我们先将所有的后端接口通过一个文件来保存,在根目录下新建config文件夹随后建立api.js文件。
先定义本机开发的API地址,具体的请求在下面定义方便管理。
以上是我们发送请求的代码,虽然比较简短但还是要在需要的地方进行编写,简单的代码反复性高那我们就可以对它进行封装。
在/utils/util.js中添加下列代码
注意在module.exports中导出和需要使用的页面js中使用实const util = require("https://blog.csdn.net/weixin_74318097/utils/util")
是不是看起来又少了很多代码
后端SpringBoot搭建的,引入了mysql、mybatisplus、swagger、lombok等依赖。
数据库表结构:
部分代码:
这里我相信大家都懂不必多说!!!!!
wxml
wxss
效果展示:
其实我们这个页面还存在着一些的问题,比如说这个会议的状态不应该显示数字,而是数字对应的状态是什么?参会的人数有多少?会议的时间显示等问题...下面就用wxs带大家解决该问题。
WXS(WeChat Mini Program Storage)是微信小程序提供的本地存储方案,用于在小程序中进行数据的存储和管理。相比远程数据库,WXS更适合于小规模、简单的数据存储需求。
在微信开发者工具里面,右键可以直接创建 .wxs 文件,在其中直接编写 WXS 脚本。
: 通过该属性,可以对外共享本模块的私有变量与函数。
在需要使用的页面进行引用即可
页面输出:
学会了基本的wxs的使用,我们在刚刚的页面中进行操作一手。
效果展示
到这里我的分享就结束了,欢迎到评论区探讨交流!!
💖如果觉得有用的话还请点个赞吧 💖