油价小程序开发-手把手教你写小程序（适合初学者）

最近，我打开了一个简单的油价小程序与大家分享。（适合新手手部训练，请多多指教大神）

首先，让我们展示小程序

油价小程序预览_腾讯视频

小程序分为两个屏幕。第一个屏幕显示每个城市的油价、日程表、共享功能和定位功能；第二个屏幕显示日常笑话。

完整的效果可以搜索小程序：悟空仔的油价

开发细节：

1.首先，介绍开发工具

（1） 官方微信工具——微信开发者工具——通常用于开发小程序。

工具介绍链接：

（2） 白鹭科技推出的白鹭翼

小程序目录

2.小程序app。每个小程序对应一个appid。如果你想开发一个在线小程序，你首先需要注册一个小程序。注册地址为：；如果您只是在练习小程序项目，可以使用测试appid

之后，您可以愉快地开发小程序

3.安装小程序插件Vant Weapp

该项目使用小程序插件Vant Weapp。项目地址为：

详细描述了安装插件的方法。步骤4：如果在构建npm包时提示您找不到文件夹，请首先创建文件夹迷你程序

4.城市列表获取

vant提供的数据插件原本打算用于全国城市的收购，但未能被引用。没有办法这么做。一个新的js文件被直接创建并复制到其中。

小伙伴可以试试，你能成功引用吗

5.获取当前登录用户的位置信息（使用微信的位置界面和腾讯地图的小程序SDK）

步骤1：使用微信提供的位置界面：wx getLocation（Object Object）

获取当前打开用户的经纬度信息

步骤2.使用腾讯地图SDK的reverseGeocoder（选项：Object）方法获取城市信息

6.获取今天的油价、今天的历书和笑话界面

采用聚合数据的自由接口。只需注册，您就可以每天100次访问免费界面

注册地址：

笑话显示页面使用滚动视图组件

请求接口封装在_Get和_Post方法之前

7、本来我想创建一个文章信息页面，但文章信息小程序需要具备审核资格，所以我把它改成了笑话页面；

文章详情页面仍保留，所需合作伙伴可参考以下内容

发展起来并不容易。小程序源代码下载链接：

或者关注公众号：忧郁的孙悟空