- 博客(26)
- 收藏
- 关注
RSS订阅原创 山东大学项目实训——地图圈系统——微信小程序（20）
地图圈系统——微信小程序（20）一、轨迹回放功能二、项目代码三、效果展示一、轨迹回放功能用户在进行轨迹记录后，能够在我的页面中看到轨迹数量加一，点开轨迹即可查看当初保存的轨迹详情，包括起点、终点、用时、记录者、上传时间等。点开任意轨迹即可进行轨迹的回放以及删除功能。删除后会列表会动态变化，即不显示之前的信息，我的页面轨迹数量也相应减一。二、项目代码<!-- pages/my/gui/gui.wxml --><navBar title-text="我的轨迹" b
2021-06-02 16:38:48
426
2
原创 山东大学项目实训——地图圈系统——微信小程序（19）
地图圈系统——微信小程序（19）一、查看轨迹及保存轨迹功能二、项目代码三、效果展示一、查看轨迹及保存轨迹功能在用户记录完轨迹之后可以查看自己的轨迹（即轨迹可以进行回放），如果觉得值得记录，则可以保存轨迹到后台。界面会显示起点和终点，分别根据轨迹点数组的第一个元素和最后一个元素来获取的起点和终点。轨迹是polyline来进行绘制。保存轨迹需要上传用户名、用时、起点、终点、轨迹点数组。二、项目代码<!--pages/guiji_index/guiji_index.wxml-->&
2021-06-01 22:18:48
394
原创 山东大学项目实训——地图圈系统——微信小程序（18）
地图圈系统——微信小程序（18）一、轨迹记录功能二、项目代码三、效果展示一、轨迹记录功能轨迹记录功能的实现思路相对简单，设置一个定时器，每隔1s获取一下当前位置，将当前的经纬度坐标加入到数组中。然后起点终点根据数组第一个元素和最后一个元素的经纬度坐标，经过腾讯位置服务的逆地址解析功能获得即可。另外wx.getLocation方法可以获得当前的速度，在这也可以进行显示。轨迹记录有暂停、继续、终止、重新记录等按钮，还可以查看轨迹，并进行保存，保存后可以在相应位置查看轨迹，即轨迹回放功能。二、项目代码
2021-06-01 22:09:13
319
1
原创 山东大学项目实训——地图圈系统——微信小程序计时功能
地图圈系统——微信小程序计时功能一、微信小程序计时功能二、方法一三、方法二一、微信小程序计时功能在写轨迹记录功能之前，想到应该写一个计时器，记录走这段轨迹需要花多少时间，从而让功能的实用性增加。在这有两种方法，其中第一种方法需要进行函数调用，在真机调试会有延迟，预览模式和小程序工具调试均没问题。第二种方法则是采用定时器来实现，相对思路简单，不需要进行函数调用。二、方法一首先采用一个变量判断方法是否需要执行，如果不需要则return，如果需要就进行下列的步骤即可。function count_dow
2021-06-01 22:01:32
147
原创 山东大学项目实训——地图圈系统——微信小程序（17）
地图圈系统——微信小程序（17）一、社区附加功能二、项目代码三、效果展示一、社区附加功能在上次社区功能的基础上，我增加了几个附加功能，首先点击用户头像可以看到此用户的用户信息，然后点击查看动态，可以查看此用户发表的动态，也可以进行点赞和评论。还增加了我的动态功能，在此功能里可以删除自己的动态，也可以进行点赞评论。二、项目代码<!--pages/my/xinxi/xiugai/xiugai.wxml--><navBar title-text="个人信息" ba
2021-05-29 21:30:14
186
原创 山东大学项目实训——地图圈系统——微信小程序（16）
地图圈系统——微信小程序（16）一、社区功能二、项目代码三、效果展示一、社区功能这次项目实训的社区功能是一个很大的模块，包括显示用户发布的文字及图片、用户选择的地点、发布的时间、点赞、评论等，还包括使用者对不同动态的点赞以及评论。是一个花时间比较多的功能，其中需要的接口有很多：获取用户动态。获取各个动态的点赞情况。获取各个动态的评论情况。获取文件名对应文件。对动态的点赞。对动态点赞的取消。对动态的评论。获取到数据需要对数据进行处理显示，也是本功能比较繁琐的一个环节。有一点是微信小程
2021-05-25 19:27:10
196
原创 山东大学项目实训——地图圈系统——微信小程序（15）
地图圈系统——微信小程序（15）一、发布动态功能二、项目代码三、效果展示一、发布动态功能点击地图有一个分享按钮，也可以在社区出进行发布动态，有内容和图片。上传的数据有用户名、用户头像、发布时间、发布地点、发布内容和发布的图片等。其中图片有一个图片选择器，是 wx.chooseImage方法。从本地相册选择图片或使用相机拍照。参数：属性类型默认值必填说明countnumber9否最多可以选择的图片张数sizeTypeArray.[‘original’, ‘
2021-05-20 22:25:11
190
原创 山东大学项目实训——地图圈系统——微信小程序（14）
地图圈系统——微信小程序（14）一、天气附加功能二、项目代码三、效果展示一、天气附加功能上次的项目进度是实现了天气功能，这次实现了两个附加功能，功能一为可以更换天气页面的背景图片，功能二是可以进行城市的搜索以及选择。进行功能二的实现需要获取所有的城市信息，在此把所有城市信息展示出来：module.exports = {cities: [{ “letter”: “B”, “name”: “北京市” }, { “letter”: “T”, “name”: “天津市” }, { “letter”: “S
2021-05-18 20:08:22
315
原创 山东大学项目实训——地图圈系统——微信小程序（13）
地图圈系统——微信小程序（11）一、和风天气api二、项目代码三、效果展示一、和风天气api实时天气功能：请求URL #开发版https://devapi.qweather.com/v7/weather/now?[请求参数]请求参数 #请求参数包括必选和可选参数，如不填写可选参数将使用其默认值，参数之间使用&进行分隔。key用户认证key，请参考如何获取你的KEY。支持数字签名方式进行认证。例如 key=123456789ABClocation需要查询地区的LocationID或
2021-05-17 19:11:14
319
原创 山东大学项目实训——地图圈系统——微信小程序（12）
地图圈系统——微信小程序（12）一、系统信息二、项目代码三、效果展示一、系统信息上次开发进度为写了系统设置页面，但是没有完善系统信息功能。微信小程序获取设备信息的方法为getSystemInfo方法。可获得手机品牌、手机型号、设备像素比、屏幕宽度等信息，将这些信息显示在界面中，即完成系统信息显示功能。参数：属性类型必填说明successfunction否接口调用成功的回调函数failfunction否接口调用失败的回调函数completefunct
2021-05-17 19:05:43
107
原创 山东大学项目实训——地图圈系统——微信小程序（11）
地图圈系统——微信小程序（11）一、系统设置二、项目代码三、效果展示一、系统设置为了增加用户体验感，在微信程序中增加了系统设置以及系统信息功能。系统设置可以检测小程序是否支持NFC，可以设置当前的亮度以及可以设置是否保持常亮。算是一个小小的附加功能吧。二、项目代码setting_index.wxml文件：<!--pages/setting_index/setting_index.wxml--><navBar title-text="系统设置" back-ic
2021-05-15 16:47:53
108
原创 山东大学项目实训——地图圈系统——微信小程序（10）
地图圈系统——微信小程序（10）一、用户个人信息页面二、项目代码三、效果展示一、用户个人信息页面微信小程序获取用户信息后，为把获取到的用户信息显示出来，写了用户信息页面，但是这不是微信，所以无法更改用户信息，只能够看到自己的信息。二、项目代码information.wxml代码如下：<!--pages/my/xinxi/xiugai/xiugai.wxml--><navBar title-text="个人信息" back-icon="../../src/im
2021-05-14 13:34:09
96
原创 山东大学项目实训——微信小程序关于页面的几个问题
地图圈系统——微信小程序关于页面切换的几个问题一、微信小程序返回上一个页面并刷新上一个页面二、如何停顿一段时间再进行页面切换（setTimeout方法）三、报错：{"errMsg":"redirectTo:fail can not redirectTo a tabbar page"}及跳转总结一、微信小程序返回上一个页面并刷新上一个页面在此项目中比如在收藏详情页面取消收藏，要同步到上一个页面，即上一页面要反馈出操作后结果的信息，此时应该如何解决呢？首先获取当前页面栈 var pages = get
2021-05-11 19:14:00
341
原创 山东大学项目实训——地图圈系统——微信小程序（9）
地图圈系统——微信小程序（9）一、收藏详情页面二、项目代码三、效果展示一、收藏详情页面上次项目的进度是展示收藏页面，即下图：现在的目标是点击其中一个收藏的地点会显示地点的详情，可以点击周边、取消收藏、导航等功能。思路：点击任意地点要获取该地点数据库的对应id，将这一id作为参数传到收藏的详情页面，然后收藏详情页面会调用接口findbyid，获取对应id的详情信息，并在地图上进行展示。二、项目代码colle_index.wxml代码如下：<!--pages/collect_index/
2021-05-09 15:18:07
168
原创 山东大学项目实训——微信小程序数据缓存
地图圈系统——微信小程序数据缓存一、wx.setStorage(Object object)二、wx.setStorageSync(string key, any data)三、wx.removeStorage(Object object)四、wx.removeStorageSync(string key)五、wx.getStorage(Object object)六、any wx.getStorageSync(string key)七、wx.clearStorage(Object object)八、wx.
2021-05-09 14:49:22
117
原创 山东大学项目实训——地图圈系统——微信小程序（8）
地图圈系统——微信小程序（8）一、收藏功能实现思路二、项目代码三、效果展示一、收藏功能实现思路用户每次点击某一地点的收藏都需要请求一次后台接口接口url为：http://8.140.117.15:8800/collect/addcollect表单参数为：username（用户名），name（地点名），address（地点），longitude、latitude。每次在此点击收藏按钮，则会请求删除收藏接口。接口url为：http://8.140.117.15:8800/collect/del
2021-04-21 17:44:11
152
原创 山东大学项目实训——解决微信小程序定时刷新页面问题
微信小程序——number setInterval 一、setInterval方法介绍二、方法示例三、适合的应用场合四、效果展示一、setInterval方法介绍参数：function callback回调函数number delay执行回调函数之间的时间间隔，单位 ms。any restparam1, param2, …, paramN 等附加参数，它们会作为参数传递给回调函数。返回值number定时器的编号。这个值可以传递给 clearInterval 来取消该定时。二、方法示例
2021-04-21 17:06:09
851
原创 山东大学项目实训——地图圈系统——微信小程序（7）
地图圈系统——微信小程序（7）一、实现周边详情页面二、效果展示一、实现周边详情页面接上一篇，实现周边详情页面：新建一个页面名为arounddetail，在arounddetail.wxml文件中添加如下代码：<navBar title-text="周边" back-icon="../../src/images/back@3x.png" background="#f2f2f2" bindback="back"/><!-- <view cla
2021-04-20 19:27:19
213
原创 山东大学项目实训——解决微信小程序无法获得用户信息问题
微信小程序——wx.getUserProfile（Object object） 一、关于用户信息接口的调整二、调整说明三、wx.getUserInfo方法（现在返回匿名用户数据，需自行解密）四、解决方法：wx.getUserProfile方法一、关于用户信息接口的调整在之前的微信小程序中，获取用户信息都是用wx.getUserInfo（）方法，但是近期对于用户信息相关接口进行了调整，调整如下：为优化用户的使用体验，平台将进行以下调整：1.2021年2月23日起，若小程序已在微信开放平台进行绑定，则
2021-04-20 16:23:09
3276
2
原创 山东大学项目实训——地图圈系统——微信小程序（6）
地图圈系统——微信小程序（6）一、腾讯位置服务地点搜索api二、示例三、项目代码四、效果展示一、腾讯位置服务地点搜索apisearch(options:Object)地点搜索，搜索周边poi，比如：“酒店” “餐饮” “娱乐” “学校” 等等。options属性说明：调用结果 通过属性success, fail, complete的回调参数来接收调用结果 success的回调参数可以有2个，第1个参数接收调用结果，第2个参数控制返回处理后的数据（非必须参数）,示例：succes
2021-04-19 22:35:17
171
原创 山东大学项目实训——微信小程序request请求
RequestTask wx.request一、参数说明二、示例代码一、参数说明属性类型默认值必填说明最新版本urlstring是开发者服务器接口地址datastring/object/ArrayBuffer否请求的参数headerObject否设置请求的 header，header 中不能设置 Referer。content-type 默认为 application/jsontimeoutnumber否超时时间，单位为
2021-04-14 18:56:37
455
原创 山东大学项目实训——地图圈系统——微信小程序（5）
地图圈系统——微信小程序（5）一、腾讯位置服务路线规划api二、结果响应实例三、项目代码四、效果展示一、腾讯位置服务路线规划api提供路线规划能力。1.驾车（driving）：支持结合实时路况、少收费、不走高速等多种偏好，精准预估到达时间（ETA）；2.步行（walking）：基于步行路线规划。3.骑行（bicycling）：基于自行车的骑行路线；4.公交（transit）：支持公共汽车、地铁等多种公共交通工具的换乘方案计算；options属性说明：driving其他参数：transi
2021-04-13 22:29:19
306
原创 山东大学项目实训——地图圈系统——微信小程序（4）
地图圈系统——微信小程序（4）一、地图卫星云图显示二、实时路况显示三、回到原始位置一、地图卫星云图显示微信小程序的map组件可以添加卫星云图显示功能属性类型默认值必填说明enable-satellitebooleanfalse否是否开启卫星图在regeo.wxml中添加如下代码： <cover-image class="map-qiehuan" wx-if="{{showweixing}}" src="../../src/images/wx2.png"
2021-04-07 19:46:29
381
原创 山东大学项目实训——地图圈系统——微信小程序（3）
地图圈系统——微信小程序（3）一、关键词输入提示二、示例三、项目代码四、效果图展示一、关键词输入提示options属性说明：属性类型必填说明keywordString是用户输入的关键词（希望获取后续提示的关键词）regionString否设置城市名，限制关键词所示的地域范围，如，仅获取“广州市”范围内的提示内容,默认值全国region_fixNumber否取值： 0：[默认]当前城市无结果时，自动扩大范围到全国匹配 1：固定在当前城市poli
2021-04-06 20:45:26
239
原创 山东大学项目实训——地图圈系统——微信小程序（2）
地图圈系统——微信小程序（2）一、申请开发者密钥key（用的是腾讯地图）一、申请开发者密钥key（用的是腾讯地图）1.打开腾讯位置服务：https://lbs.qq.com/2.打开微信小程序JavaScripSDK3.点击申请密钥，注册新账号4.注册完成后在自己邮箱验证，然后添加key5.添加完成后就得到了自己的key...
2021-03-28 20:37:39
473
1
原创 山东大学项目实训——地图圈系统——微信小程序（1）
一、微信开发者工具下载1.首先下载微信开发者工具https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html2.根据提示进行下一步安装3.安装完成后打开开发者工具，新建项目，点击注册AppID4.注册完成后新建一个小程序红线内填写刚注册的AppID，就可以建成自己的第一个小程序项目了。二、对小程序各个文件作用解释文件名作用pages文件页面文件，保存所有小程序相关页面index
2021-03-21 20:31:42
325
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人