别人发的微信小程序源码运行不了

新手学堂028

别人发的微信小程序源码运行不了,第1张

首先,下载微信小程序源码,用微信开发者工具打开,在不同的小程序设置页中,根据参考文档步骤配置appid、appsecret等,此配置十分重要,保证每个参数正确无误,同时配置后端服务器地址。

检查是否按照weui样式框架编写,非 weui 样式编写或者是布局表现明显有误的话,调整样式,正确的完成HTML布局。

检查从小程序端拉取数据时,后台服务器是否使用https或https协议拉取请求,如果没有,务必更新;

检查js文件中wxrequest()接口传参是否正确,常见错误应为小程序端未传入参数,或参数未正确赋值,同时,请求成功后,看看数据是否有返回。

对小程序代码进行整体检查,尤其是页面元素交互、函数调用链路的逻辑,确保小程序的正常运行;

最后,可以在微信开发者工具点击“上传”调试,看看是否能够正常运行和预览。

方法/步骤

打开微信小程序开发工具,打开已新建的或新建一个项目

新建一个页面文件wxml,插入一个radio-group,然后内嵌四个radio

保存代码并查看左侧模拟器,可以查看到一组单选按钮

在对应页面的JS文件中,定义单选按钮组change事件changeJa

保存代码并打开内置浏览器控制台,点击单选按钮,查看打印结果

下载WeUI文件,然后将相关的样式文件拷贝进去,然后修改界面并调用样式类

再次保存代码并查看左侧模拟器,可以看到单选按钮样式变成了按钮的样式

解决微信小程序怎样设置textarea文本域输入的步骤如下:

1第一步,打开微信小程序开发工具,在指定的wxml文件中插入一个textarea组件,设置最大长度、失去焦点事件等。

2第二步,在界面对应的JavaScript文件,添加失去焦点事件,并获取文本域文字内容。

3第三步,接着保存代码并在模拟器中预览界面显示效果,可以看到一个文本域。

4第四步,在文本域组件中输入相应的文字内容,尽可能输入多的内容。

5第五步,接着在浏览器的控制台下方,查看打印的结果值,跟文本域中的一致。

6第六步,最后再输入其他的文字内容,由于限制了文本域的最大输入长度,边输入边查看结果。这样就解决了微信小程序怎样设置textarea文本域输入的问题了。

输入代码

<textarea class="weui-textarea" placeholder="请输入文本" style="height: 33em" />

就可以设置了。

微信小程序 textarea 不可行的原因和简易解决方案

微信小程序中textarea没有bindchange事件,所以无法在输入时给变量赋值。

虽然可以使用bindblur事件,但是绑定bindblur事件,如果再点击按钮,则先执行完按钮事件后,再去执行bindblur事件,所以在js文件取不到输入值。

解决方法:结合from表单,textarea文本框输入后,再去点击提交按钮,这时会先执行textarea事件(获取文本框输入内容),再去执行数据提交,这样问题就解决了。

2wxml文件代码

3js文件代码

这里以npm引入小程序官方拓展组件库 recycle-view 为例

特别重要1在小程序根目录内,初始化 npm (官方文档上是没写出这一步,这里做个补充)

2在小程序中执行命令安装 npm 包(这里使用了recycle-view):

3在微信开发者工具中的菜单栏:工具 --> 构建 npm (这里记得先安装 npm 包,即步骤2):

完成构建后可以在目录树里看到了miniprogram_npm以及里面的weui-miniprogram组件文件夹