小程序导航

#网页端 1、在腾讯地图api里注册获取key 2、在key管理中设置为下图1 3、在头部导航产品–>微信小程序开发–>微信小程序JavaScript SDK–>入门及使用限制–>下载微信小程序JavaScriptSDK #代码端 1、项目注入依赖 npm install --save minapp-api-promise 2、把下载好的微信小程序JavaScriptSDK引入项目中自定义的文件夹中 3、在需要使用地图api的页面引入JavaScriptSDK 4、在onLoad生命周期中初始化sdk， qqmapsdk = new QQMapWX({ key: '这里是地图上申请获取的key' }); 5、调用方法时， qqmapsdk.** 6、需要在小程序官网上去添加apis.map.qq.com，见图2 来源： https://blog.csdn.net/weixin_41193639/article/details/101346361

首先请看demo 很简单的静态js就可以实现一款小程序开发。 js、json、html、css四个核心文件 序言 开始开发应用号之前，先看看官方公布的「小程序」教程吧！（以下内容来自微信官方公布的「小程序」开发指南） 本文档将带你一步步创建完成一个微信小程序，并可以在手机上体验该小程序的实际效果。这个小程序的首页将会显示欢迎语以及当前用户的微信头像，点击头像，可以在新开的页面中查看当前小程序的启动日志。 获取微信小程序的 AppID 首先，我们需要拥有一个帐号，如果你能看到该文档，我们应当已经邀请并为你创建好一个帐号。注意不可直接使用服务号或订阅号的 AppID。 利用提供的帐号，登录 https://mp.weixin.qq.com ，就可以在网站的「设置」-「开发者设置」中，查看到微信小程序的 AppID 了。 注意：如果我们不是用注册时绑定的管理员微信号，在手机上体验该小程序。那么我们还需要操作「绑定开发者」。即在「用户身份 - 开发者」模块，绑定上需要体验该小程序的微信号。本教程默认注册帐号、体验都是使用管理员微信号。 创建项目 我们需要通过开发者工具，来完成小程序创建和代码编辑。 开发者工具安装完成后，打开并使用微信扫码登录。选择创建「项目」，填入上文获取到的 AppID，设置一个本地项目的名称（非小程序名称），比如「我的第一个项目」

完成工作：在小程序中创建了单个菜品的组件，方便调用： 在easy mock中存放了模拟的后台数据，便于小程序使用： 调用数据的函数： 测试结果： 明日计划：改善单个菜品的文字与图片布局，制作小程序首页的导航功能。 小结：学会了简单的如何从后端调用数据，对如何写界面的样式更加熟悉，在写菜品的组件时遇到的问题是怎样将在主页中使用函数调用的数据同样能在组件中使用，在使用 wx:for 控制属性绑定一个数组，改变数组变量名后，使用组件时也设置相同的变量名就行了。 来源： https://www.cnblogs.com/emiya471/p/11409190.html

今日工作 　　检查了几遍墨刀做的项目原型，下午在院办做了演示报告 　　学习了小程序的一些组件的使用，表单组件，导航 ，多媒体，画布等 明日计划 　　明天开始要着手写代码了，准备先仔细研究一下网上下载的代码，然后把主要页面的结构搭建起来。继续看视频教程学习小程序开发。 总结 　　在今天的演示报告中，老师给我们提出了很多意见，让我们认识到了项目有很多的不足之处。在后面的编码中要改掉首页仅显示选择食堂的模式，将菜品更直观地展示在用户的面前；还要考虑到用户下单之后接单方的处理；支付方式考虑改为货到付款。 来源： https://www.cnblogs.com/Ljy02/p/11400850.html

二、测试范围 1.权限测试 需要检查以下几种情况下微信用户访问的权限 1）未授权微信登录小程序 未授权时，一般使用一些业务功能的时候，都会弹出提醒：先授权再操作对应功能。or在提交数据到后台的时候，会提示补充相关身份信息才能提交成功 2）已授权微信登录小程序 授权微信访问小程序，意味着自己的微信账号可被小程序管理方所获取，自动以微信的身份行使业务操作权限，比如咨询、支付、数据查询等 3）同一微信号在不同手机端登录授权查看数据权限 同一微信号在不同手机微信端授权登录同一小程序之后，所能查看的数据和操作的权限都应该是同步一致的 2.功能测试 1）按功能模块测试 根据设计好的各个大类功能模块划分，然后再逐级细化，覆盖到每个功能尽可能全面的测试点 2）按业务流程测试 小程序的业务，比如咨询、支付、播放、查询、下载。把各个功能点串联起来形成完整的业务流程来检查；同一个业务，可能有不能的路径来实现，每个路径都需要覆盖检查 3）按数据流向测试 根据数据从某一端操作输入和输出流向，设计基于数据流的测试用例，输出的数据也可能成为另外一端的输入，检查输入的数据是否按照代码逻辑执行正确的输出，是否数据发生异常（无法输入；有输入却无任何输出；输出不正确；多余的输出其他信息...） 4）同一功能不同的入口有效性的检查 小程序中在首页、列表页、详细页、其他的业务功能相关页面，都有可能存在同一个功能的入口

新建页面page （1）手动创建 ①右键单击 [pages] 文件夹，在弹出的菜单中选择“新建目录” ②右键单击新建的目录，在弹出的菜单中选择“新建Page” （2）自动创建 直接在app.json文件的pages选项中将新页面的路径写好，系统会自动创建所对应的四个文件page.wxml模板文件、page.wxss样式文件、page.json配置文件、page.js逻辑文件 删除页面page 手动删除 **注意：**手动删除时，也要把app.json里的pages/my/my删掉 鼠标右键单击需要删除的页面文件夹，在弹出的菜单中选择“删除” 配置文件 后缀 ：.json，文件格式遵循JSON语法规范 作用 ：对微信小程序进行全局配置，设置页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 切换页等 分类 ：小程序全局配置文件app.json和页面配置文件page.json 下面我们来介绍小程序配置文件app.json与页面配置文件page.json’ 小程序配置文件app.json 小程序配置文件 小程序配置文件app.json 小程序/全局配置文件 小程序根目录下的 app.json 文件用来对微信小程序进行全局配置 文件内容本质就是一个 JSON 对象。 小程序/全局配置文件------>pages属性 作用 ：用于指定小程序由哪些页面组成，每一项都对应一个页面的 路径

开发uni-app的技术条件就是微信小程序及Vue，不熟悉vue的同学要先学习了解一下。不熟悉小程序可以直接看uni文档。 https://uniapp.dcloud.io/frame 1. 开发工具调试 打开微信开发工具-–>设置—>安全—>开启服务端口（微信开发者工具最新版） 进入XHbuilder，点击工具—>设置，找到微信开发者工具安装目录，设置启动地址（安装插件：工具—>插件安装） 2. 开发项目配置 项目目录的manifest.json ，配置小程序AppID等。 项目目录的pages.json，配置页面路由（pages数组），配置应用的状态栏、导航条、标题、窗口背景色（globalStyle对象）， 配置 tabBar 内容。这个开发过小程序的朋友来说是差不多的。不过uni-app的每个页面是没有自己对应json文件的，都在公共的page.json中设置。列如开启下拉刷新 3.公共文件 在components中建立公共的文件 详情请点击下方的原文链接 --------------------- 版权声明：本文为CSDN博主「老梅的前端旅程」的原创文章，遵循CC 4.0 by-sa版权协议，转载请附上原文出处链接及本声明。 原文链接：https://blog.csdn.net/weixin_42618191/article/details/89670418 来源：

tabBar小程序导航 小程序是一个多tab标签应用（客户端窗口的底部或顶部有tab栏可以切换页面），可以通过Tabbar配置项指定tab栏的表现，以及tab切换时显示的对应页面。 小程序根目录下的 app.json 文件用来对微信小程序进行全局配置 在小程序配置文件里面可以设置tabBar属性： 先来个简单案例看下效果: 接下来挨个看下tabBar配置项下的属性： tabBar配置项属性—color tabBar配置项属性—selectedColor tabBar配置项属性—backgroundColor tabBar配置项属性—position tabBar配置项属性—borderStyle 导航位于顶部时看不到上边框，为看到更清晰的效果，简单做下调整，包括字体颜色，背景色等 tabBar配置项属性—list tabBar中的list是一个数组，官方限制配置最少2个、最多5个tab，tab按数组的顺序排序。 tabBar配置项属性—list 按数组的顺序排序，每个项都是一个对象，其属性值如下： 图片文件夹images,在list中需要按钮的图片，在小程序图标直接放在与app.json文件同级即可。 然后在里面又建了个icons文件夹，专门用于存放图标 图标文件夹images/icons: tabBar配置项之list属性配置项—iconPath: 注意：当 position 为

垃圾分类小程序的使用，拍照识别垃圾分类小程序开发源码 前面几篇文章我们写了一下垃圾分类小程序一些功能的开发和实现源码，每一个页面的实现和功能。现在这个微信小程序已经整体的写好了，经过测试这个垃圾分类小程序的使用还是很方便。 接下来我们说下这个垃圾分类小程序的使用： 首先通过微信小程序的搜索入口进入垃圾分类小程序的使用：搜索 “垃圾分类常用工具” 第一个就是了 作者QQ：1379174464 欢迎交流 进入小程序的首页样子是这样的，首页的话有显示垃圾分类的种类和一个搜索框，搜索框可以输入文字进行垃圾分类的查询。 比如输入“面包”点击搜索 结果就出来了： 拍照识别垃圾分类，我们点击小程序的底部导航：拍照识别按钮就可以进入拍照识别垃圾分类了，拍照后悔显示5个识别的选项让您参考。总体来说识别都已经非常的高了 ，也比较实用： 来源： CSDN 作者： wangzai900 链接： https://blog.csdn.net/wangzai900/article/details/103237311

微信小程序（跳页之tabBar导航跳转） tabBar小程序导航 小程序是一个多tab标签应用（客户端窗口的底部或顶部有tab栏可以切换页面），可以通过Tabbar配置项指定tab栏的表现，以及tab切换时显示的对应页面。 小程序根目录下的 app.json 文件用来对微信小程序进行全局配置 在小程序配置文件里面可以设置tabBar属性： 先来个简单案例看下效果 接下来挨个看下tabBar配置项下的属性： tabBar配置项属性—color 设置文字默认颜色为浅灰色#dddfe2 tabBar配置项属性—selectedColor 设置选中时文字颜色为蓝色#2d78f4 tabBar配置项属性—backgroundColor 设置背景色为深灰色#8a8d92 tabBar配置项属性—position 设置小程序导航在界面位置，默认为底部，这里设为top顶部会发现导航被放置到顶部 tabBar配置项属性—borderStyle 导航位于顶部时看不到上边框，为看到更清晰的效果，简单做下调整，包括字体颜色，背景色等 设置上边框颜色为黑色 tabBar配置项属性—list tabBar中的list是一个数组，官方限制配置最少2个、最多5个tab，tab按数组的顺序排序。 过多或者过少都会在控制台给出相应提示 tabBar配置项属性—list 按数组的顺序排序，每个项都是一个对象