微信小程序查询ip小程序代码示例

作者:小飞燕 发布时间:2021-04-04 13:50:41

导语本文整理了全网深受用户关注的个微信小程序查询ip小程序代码示例经验知识,可以帮助您全面了解代理怎么做,小白也能成为高手,跟随小编一起来看一看吧!

微信小程序查询ip小程序代码示例。,小编将与大家分享微信小程序查询ip小程序代码的例子,供大家参考。希望你喜欢。

自从微信推出小程序,现在行业已经很热了。有人说叫微信小程序是因为某公司不允许叫应用号。我也看过小马在张小龙和朋友讨论名字的截图。不知道是真是假。反正名字是固定的,叫什么不重要,或者说知道是什么更重要。比如说现在网络上有了新的风,没有办法活在原生app里。我们就不介绍产品层面的小程序了,因为我们是做运维的,所以我还是用运维层面的小程序。我们用实际的例子来说明和推广如何用小程序实现类似ip138的功能。输入ip以查看ip详细信息,包括属性、位置等。

基本功能是做一个ip查询页面,输入ip,能够查询ip的详细信息。后台调用的淘宝的ip库,ok,界面和功能就这样,比较简单。接下来,我们将介绍小程序的基本概念和使用方法。

第一步,微信小程序开发者工具。这是必须的,因为你只能在这个工具里调试你的代码,但是你不必在这个工具里写代码,但是你可以在威震里写,但是你必须在这个工具里调试。怎么安装就不多说了。如果这一步没有做到,我觉得往下看没有意义。当然是开玩笑。如果你有问题,可以给我留言。

安装完成后,需要第一次使用微信扫描识别开发者,然后添加项目。微信开发者工具可以帮你生成一个简单的演示项目,生成项目后如图:

先来看看app.js,app.json,app.wxss,其中

app.js是applet的脚本代码,可以定义全局变量,指定生命周期函数(onlaunch、onshow、onhide等)。)的小程序。

app.json文件是一个配置文件,主要配置小程序的页面,所有的页面设置都必须写在这个文件中

app.wxss是一个公共样式表文件。

除了这些文件,我们还有两个目录,显示索引页和日志页,如果目录完整,每个目录将有四个文件:

如上图所示,每个目录中都有index.js、index.wxml和index.wxss,其中文件与。js后缀是脚本文件。json后缀是配置文件(不是必需的),文件带有。wxss后缀是样式表文件(不是必需的),文件带有。wxml后缀是页面结构文件。

这些都是小程序的基本概念。了解这些之后,我们就可以开始我们的小项目开发了。

首先,让我们编写index.wxml

代码如下:

因为我在界面上添加了一些样式,所以想写index.wxss样式文件,代码如下:

有了这些,它只是一个外壳,当您输入ip并查询时,它不起作用,因为我们仍然需要从后台获取数据。现在开始写我们的index.js文件,因为js文件里面有很多内容,我们就单独介绍一下,先说初始化部分。

一开始都是空的,然后我们的核心功能,首先判断ip是否为空,如果为空,会提示ip不能为空,如果有ip,会调用wx.request发送请求,然后通过setdata分配得到的数据。如果网络有问题,它将报告网络请求失败。代码如下:

比较后,查询结束后,需要重新输入。当用户单击重置时,包括新获取的值在内的所有内容都将被清除。代码如下:

完成上述代码后,您可以在开发人员的工具中调试它。如果正常的话,这个小项目就完成了,微信公测开发的时候可以传到微信小程序市场,然后大家就可以使用了。

以上是微信小程序查询ip小程序代码示例的全部内容。关于小程序和小程序的更多信息,请关注源代理网的小程序频道。

下面是如何在标题开头制作微信小程序的五星评级功能。标题到此结束

微信小程序五星评级功能怎么做?评分是很多用户对业务服务的评分。五星评分是比较常见的提高业务服务质量的评分。那么,如何制作微信小程序的五星评分功能呢?让我们和小编一起看看。

微信小程序五星评级功能怎么做?

话不多说,我们来看看效果图:

我们要达到的效果:当用户星星时,会显示星星,表示用户对商家服务的评价指标。

接下来,直接检查小程序的源代码:

小程序wxss如下:

小程序js代码如下:

该小程序页面的效果如下所示:

以上是如何制作小编收藏的微信小程序五星评级功能。的全部内容。希望能帮到你。这是一个相对简单的评分函数,不需要额外的小程序开发。你只需要把上面的小程序代码复制到自己的小程序中。在源社网的小节目频道更精彩。

查看全文

猜你喜欢

微商怎么找货源

频道查询入口

微商代理怎么做