实验 4 创意水杯应用设计.docVIP

实验4创意水杯应用设计

一、实验目的

1.了解创意水杯APP开发框架及技术栈。

2.熟悉创意水杯APP工程，了解关键代码解析。

3.掌握创意水杯APP应用功能测试。

二、实验内容

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框架进行开发，实现的功能主要有：饮水管理、水温控制、服