微信小程序怎么pe修改数据

微信小程序怎么pe修改数据,第1张

项目需求大概是这样的一个流程,当用户点击“选为当前设备”,点击的那个按钮变为 灰色按钮且展示的文字是“当前设备”,其他的按钮展示成“选为当前设备”,且按钮成绿色状态

本地缓存数据如下:

deviceList:[

{deviceName:'设备A',deviceId:'a',selStatus:false},

{deviceName:'设备B',deviceId:'b',selStatus:false},

{deviceName:'设备C',deviceId:'c',selStatus:true}

]

1

2

3

4

5

1

2

3

4

5

现在将设备A项选为当前设备:

indexwxml:

<view class="device-list" wx:for="{{deviceList}}" wx:for-item="item" wx:key="item">

<view class="device_name">{{itemdeviceName}}</view>

<button bindtap="setCurDevice" data-id="{{itemdeviceId}}" disabled="{{itemselStatus true : false}}"

class="selectCur" type="{{itemselStatus 'default' : 'primary'}}">{{itemselStatus '当前设备':'选为当前设备'}}</button>

</view>

1

2

3

4

5

1

2

3

4

5

index

xampp的mysql也是一种数据库数据,在开发过程连接本地的mysql是没有问题的,只需要在微信小程序的开发工具中把项目设置的不校验合法域名等内容的选项打上勾即可, *** 作方法,菜单:设置-->项目设置-->不校验合法域名 选项打上勾,但在正式发布后,小程序放置在腾讯的服务器上,存放的文件基本是一些页面、样式、js、等文件,mysql的数据必须要能通过互联网合法的域名访问到才行

方法/步骤

服务器要和你本地开发环境都配置好tomcat和php。

微信公众号上面是通过他的事件来触发你后台的方法,所以你事件触发的方法里面编写对应的逻辑代码即可。

连接数据库就用标准的连接方式,如果未使用框架的情况

URL和token只要微信服务器和你自己的服务器连接好之后就基本无需使用了,可以参考官方的samplephp文件。

5

调用数据的代码, 如果未使用框架, 当然你就只能用原生态的 mysqli_query($conn, $sql。

微信小程序实时更新数据并在页面显示出来,一般可以通过以下步骤实现。

1、前端页面发送请求:在小程序前端页面中,使用wxrequest()等API,向后端服务器发送请求,获取最新的数据。

2、后端服务器响应请求:后端服务器接收到前端发送的请求后,根据请求内容,查询数据库或其他数据源,获取最新的数据,并将数据返回给前端。

3、端页面数据更新:前端页面接收到后端服务器返回的数据后,使用setData()等API,将数据更新到前端页面中。

4、前端页面渲染更新后的数据:前端页面使用wxml语言,在页面中渲染更新后的数据,使其在页面上显示出来。

准备工具:

微信小程序、微信小程序开发工具、截图工具、WPS、笔记本电脑

具体步骤:

1、双击打开微信小程序开发工具,创建一个微信小程序项目。

2、在pages文件夹下,新建一个模块文件夹,并在该文件夹下新建一个wxml文件

3、在界面中,插入view和form元素,form元素中添加一个输入框和按钮

4、接着在输入框中,添加type属性、name属性和value值,并进行变量绑定

5、接着打开页面中的JavaScript文件,data对象中添加username变量,然后添加submitData方法

6、保存代码并刷新项目,查看左侧的模拟器,然后在输入框中输入内容

7、点击提交按钮,可以发现输入框的值被清空了,说明这个清空表单元素数据成功了

以上就是关于微信小程序怎么pe修改数据全部的内容,包括:微信小程序怎么pe修改数据、微信小程序的后台数据库可以用本地的xampp吗、微信小程序如何使用本地的sql数据库等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/zz/9800794.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-02
下一篇 2023-05-02

发表评论

登录后才能评论

评论列表(0条)

保存