1．目的及意义

目的及意义：

随着电子商务和快递行业的兴起，人们越来越倾向于选择网上购物。目前，对于水晶工艺品的销售，已经开发出了销售网站https://www.meilus.cn/，已经能实现在PC端的轻松购物。但现在智能手机已经成为人们生活中必不可少的一部分，大部分人会把更多的时间花在移动端上。对于移动端而言，浏览网站的用户体验极差，在网络不好的情况下卡顿情况严重，方便快捷性大打折扣。为了吸引更广大的顾客，提高移动端顾客的购物体验，很有必要针对水晶工艺品销售网站，开发适用于安卓端的APP[1]。

国内外的研究现状分析：

现在主流应用程序开发大致分为3种：native app，web app，hybridapp[2]。Web App 指采用Html5语言写出的App，不需要下载安装，开发成本低，能够跨平台使用，但稳定性差，交互能力弱，访问硬件能力远不如Native[3]；Native APP指的是原生程序，交互性强，用户体验好，但跨平台性差，开发和维护更新成本高，很难做出好看的界面；Hybrid APP指的是半原生半Web的混合类App，兼具了Web APP的跨平台和NativeApp的良好用户体验优势[4]-[5]。

下面介绍几款热门的Hybrid App开发框架。

React Native是Facebook开发的，框架的最外层是react，React速度很快，它并不直接对DOM进行操作，引入了一个叫做虚拟DOM的概念，安插在javascript逻辑和实际的DOM之间，性能好。Facebook 在多个应用程序产品中使用了 React Native。但React Native的学习成本较高，网上的资料较少[6]。

ionic 是一个强大的 HTML5 应用程序开发框架，Ionic框架的目的是从web的角度开发手机应用，基于PhoneGap的编译平台，可以实现编译成各个平台的应用程序。它提供了很多 UI 组件来帮助开发者开发强大的应用。它使用 JavaScript MVVM 框架和 AngularJS 来增强应用。但Ionic是一个前端框架。不能完全取代PhoneGap和JavaScript框架的作用，需要结合插件使用[7]。

Mui框架是DCloud推出的最接近原生APP体验的高性能前端框架，基于HBuiler开发，从UI到效率，都在极力追求原生体验，同时mui封装了许多API，能很快上手，学习和开发成本都较低。但是MUI框架的核心仍是WebView，随着项目越来越大，页面也增多的情况下，流畅性不一定能得到保证[8]。

{title}

2. 研究的基本内容与方案

{title}

研究（设计）的基本内容：

（1）根据需求，完成APP界面设计与实现