根据微信小程序的页面路径怎么查找对应数据库列表?

根据微信小程序的页面路径怎么查找对应数据库列表?,第1张

在MYSQL中新建一个test数据库,在里面新建一张type数据表,下面将从该表获得数据。数据表的数据如下:

2

/7

新建一个project小程序项目,用于讲解微信小物仔宴程序如何获得数据库数据。

在project项目内,新建一个index模块来从数据库获得数据,并将数据输出在index.wxml页面

4

/7

在index模块中index.js页面,在onLoad中使用wx.request方法向服务端文件请求数据。url为请求数据的地址;data为传输的参数,这里设置为空;method为传递参数的方式,header用于设置请求的数据类型,success是成功获得数据后的 *** 作,这里设置当成功获得数据后,把数据传递给index.wxml页面。

5

/7

在index.wxml页面,使用for循环遍历输出index.js传递过来的数据data,通过item将data数据输出在页面。

6

/7

在服务端新建一个api.php页面来接收微信小程序的数据请求,在api.php页面,使用mysqli连接数据库,通过query方法来执行sql语句从type数据表获得所有数据,再使用fetch_all方法获罩银得数组数据,最后通戚旁过json_encode方法将获得的数组数据转换为json数据返回给微信小程序。代码如下:

7

/7

编译微信小程序,查看从数据表type获得数据内容,可见,成功从数据库读取数据并输出在页面上。

本文为实际工禅基哪作简记,粗陋小笔记一篇,仅供参考。

小程序填写表单的过程中,手机键盘调起,默认情况,键盘顶部会紧贴着表单项。

如图所示:

当遇到这样的场景:

表单项输入的内容,作为关键字,向后台请求匹配数据列表。拿到数据后,在表单项下方展示列表数据,供用户点选。

就会出现问题:

展示在 input 下面的列表,会被键盘完全挡住贺码。

1、获取焦点时,使用 input 组件的 cursor-spacing 属性,设置键盘和 input 组件的间距。

2、失去焦点时,计算页面已经向上滚动的距离,加上列表项的锋冲高度,手动将整个页面向上推,防止处于页面底部的 input  失去焦点时、又掉回页面底部。影响用户体验。

手动将整个页面向上推的方式:

【注意】

wx.pageScrollTo 仅在 page 组件中有效,component 中无效!

1、在当前 input 获取焦点的时候,手动将页面向上、滚动 列表高度 那么大的距离。

2、如何滚动?

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

原文地址: http://outofmemory.cn/yw/12503659.html

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

发表评论

登录后才能评论

评论列表(0条)

保存