Contact Us

首页 资讯正文

微信小程序连接数据库与WXS的使用

发布者:yu发布时间:2025-04-08访问量:201

微信小程序连接数据库与WXS的使用

🎉🎉欢迎来到我的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的使用,我们在刚刚的页面中进行操作一手。

 
 
 
 
 

 效果展示

到这里我的分享就结束了,欢迎到评论区探讨交流!!

💖如果觉得有用的话还请点个赞吧 💖