目标检测小程序开发文档V1.0

《目标检测小程序开发文档V1.0》

一、前言

• 1、本文会简单介绍一下目标检测微信小程序，以及小程序申请
• 2、可以大概知道小程序开发需要准备什么东西，并简单说明开发的流程
• 3、开发前的准备，需要熟悉HTML、CSS、JS 的语法（这点最重要），下载专门的小程序开发工具 ，然后安装开发工具并使用
• 4、持续更新

二、账号申请与安装开发工具

1、 打开微信公众号，点立即注册，然后看到有四个类型，我们是要注册微信小程序，就在微信小程序那里圈上。
2、 来到小程序注册页面，要求填写有效邮箱，身份证名和号码，都要如实填写。然后很快收到验证码，填好后要勾上最下角的你已阅读并同意，然后看到注册的字变成绿色的了，就点击。
3、立马收到微信公众台的信息，按他们的要求再填写用户信息。
4、一定要按要求填写真实的用户信息，要不无法完成。我这次要注册的是个人微信小程序，就在个人那里打勾，最后填写你的手机号，身份信息认证完成。
5、再往一步，看到了一个红色的叹号，提示你的主体信息一旦提交不可更改，你必须认真再检查一次，确定无误后点确定即可。
6、信息提交成功，你的微信小程序已经申请注册成功了，后面的事就是去完备一些小程序信息。

7、安装微信开发者工具
https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html

三、创建目标检测小程序项目

创建一个项目

选择项目类型成功后，会弹出创建项目的窗口，如下图：

在创建后，如下图：

结构如下
点击开发者工具左侧导航的“编辑”，我们可以看到这个项目，已经初始化并包含了一些简单的代码文件。最关键也是必不可少的，是 app.js、app.json、app.wxss 这三个。其中，.js后缀的是脚本文件，.json后缀的文件是配置文件，.wxss后缀的是样式表文件。

app.js是小程序的脚本代码。我们可以在这个文件中监听并处理小程序的生命周期函数、声明全局变量。调用框架提供的丰富的 API，如本例的同步存储及同步读取本地数据。

app.json 是对整个小程序的全局配置。我们可以在这个文件中配置小程序是由哪些页面组成，配置小程序的窗口背景色，配置导航条样式，配置默认标题。注意该文件不可添加任何注释。

app.wxss 是整个小程序的公共样式表。我们可以在页面组件的 class 属性上直接使用 app.wxss 中声明的样式规则。
微信小程序会读取这些文件，并生成小程序实例。

在app.json设置基本页面及标题栏

页面文件目录

加入目标检测摄像头并拍摄图片上传至后台

使用了、、 来搭建页面结构，绑定数据和交互处理函数。index.js 是页面的脚本文件，在这个文件中我们可以监听并处理页面的生命周期函数、获取小程序实例，声明并处理数据，响应页面交互事件等。

index.json 是页面的配置文件，页面的配置文件是非必要的。当有页面的配置文件时，配置项在该页面会覆盖 app.json 的 window 中相同的配置项。如果没有指定的页面配置文件，则在该页面直接使用 app.json 中的默认配置。

logs 页面使用 控制标签来组织代码，在 上使用 wx:for-items 绑定 logs 数据，并将 logs 数据循环展开节点。

四、后端连接

保存摄像头拍到的图片写入缓存功能实现，后续供上传到后端检测。附预览图片功能。
Js部分

Wxml部分

测试拍照保存

完成。