实验4 智能手表应用设计.pdf

实验4智能手表应用设计

一、实验目的

1.了解智能手表APP开发框架及技术栈。

2.熟悉智能手表APP工程，了解关键代码解析。

3.掌握智能手表APP应用功能测试。

二、实验环境

硬件环境：PC机Pentium处理器双核2GHz以上，内存4GB以上

操作系统：Windows764位操作系统以上

实验器材：智能手表项目板卡

实验配件：ARM仿真器、DC12V电源

三、实验内容

1.实验原理

1.1基本描述

智能手表应用系统基于Web技术开发，采用了Uniapp+Vue+HTML5plus开发框架。

Vue.js使用了基于数据的响应式系统，可以更方便地将数据和视图进行绑定。您可以在数据发生变

化时自动更新视图，无需手动操作DOM。这大大简化了开发流程，减少了手动处理数据和视图之间的

同步代码。

HTML5Plus移动App，简称5+App，是一种基于HTML、JS、CSS编写的运行于手机端的App，

这种App可以通过扩展的JSAPI任意调用手机的原生能力，实现与原生App同样强大的功能和性能。

uni-app是一个使用Vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、

Web（响应式）、以及各种小程序、快应用等多个平台。最后，使用Uniapp打包发布应用，可以更好的

跨平台。

1.2开发环境

HBuilderX内置uni-app开发环境，提供一套完整的移动应用开发解决方案。智能手表项目使用

uni-app框架进行开发，实现的功能主要有：通话社交、健康生活、亲情关爱和设备绑定功能。

HBuilderX内置HTML5+API语法提示，提高开发效率，集成真机运行环境，方便开发后即时在真

机上查看运行效果，集成应用云端打包系统，不用部署xcode和Androidsdk就可以打包应用。使开发

者只需要使用HTML5、Javascript、CSS、VUE技术就可以快速开发跨平台的移动应用。安装流程以及

项目的运行可参考《Web应用技术》课程。

1.3应用调试

HBuilder为uni-app提供了内置的web浏览器、web端调试环境、App的真机运行环境、App调试

环境、uniCloud运行环境、uniCloud调试环境。

1）HBuilderX内置浏览器运行web：

打开uni-app项目的页面，点击HBuilderX右上角的预览按钮，可以在内置浏览器里查看Web运

行结果，也可以打开控制台调试。

1

2

2）浏览器运行：点击工具栏的“运行”-“运行到浏览器”，选择“chrome”。即可在chrome浏览器查

看运行结果，也可以使用chrome浏览器的控制台调试程序：

3）真机运行：通过HBuilderX顶部运行菜单、或工具栏运行按钮、或快捷键，均可激活运行入口。

将android设备连接到电脑，这时HbuilderX会自动检测连接到电脑上的设备，通过菜单栏中的“运

行-运行到手机或模拟器-运行到androidapp基座”启动调试：

2.功能设计

2.1基本描述

智能手表控制流程分为以下几个部分：客户端（安卓App）、智云平台（智云服务器）以及智能手

表项目板卡，具体应用如下。客户端可以通过局域网直接连接智能手表板卡进行交互，也可以通过智云

网关把数据接入到智云平台远程交互。

Android设备

客户端

智能手表APP

TCP/IP网络（广域网）

智云服务器