校园商家推广app

1．结合毕业设计（论文）课题情况，根据所查阅的文献资料，每人撰写

2000字左右的文献综述：

文 献 综 述

校园商家推广APP所面对的对象有三方面：平台管理员，普通用户，例如学生，商家。APP是为这三种用户服务。普通用户进行浏览，商家进行消息的发布。普通用户可以选择与商家进行在线交流。APP的平台管理员具有最大的权限，可以针对注册会员的数据进行添加，修改，删除，平台管理员还需要对平台的商家以及普通用户进行相应的管理与日常维护。

App 的类型可以大致分为俩种，一种为原生App另一种为Web App。

原生App开发也就是指基于本地智能操作系统的App开发服务，是一种基于智能手机本地操作系统如Android、IOS和Windows。

Web App是一种框架型App开发模式(HTML5 App 框架开发模式)，具有跨平台的优势，该模式通常由“HTML5云网站+App应用客户端”两部分构成，App应用客户端只需安装应用的框架部份，而应用的数据则是每次打开App的时候，去云端取数据呈现给手机用户。

开发对应App所需要的系统环境是Windows10，Windows 10是微软公司发布的跨平台操作系统，应用于计算机和平板电脑等设备。

开发工具有Dreamweaver，HBuilder等。

Dreamweaver是集网页制作和管理网站于一身的所见即所得网页代码编辑器。利用对 HTML、CSS、JavaScript等内容的支持，设计师和程序员可以在几乎任何地方快速制作和进行网站建设。Dreamweaver使用所见即所得的接口，亦有HTML（标准通用标记语言下的一个应用）编辑的功能，借助经过简化的智能编码引擎，轻松地创建、编码和管理动态网站。访问代码提示，即可快速了解 HTML、CSS 和其他Web标准。使用视觉辅助功能减少错误并提高网站开发速度。

HBuilder是一款支持HTML5的Web开发软件，它基于Eclipse，所以顺其自然地兼容了Eclipse的插件。HBuilder可以整体的进行项目的创建，编写，测试与打包，不需要额外的工具来进行App的打包工作，这可以让开发变得更方便与快捷。并且可以使用其自带的uni-app框加来进行对应的WebApp开发，可以为用户节省很多的精力与时间。

Web App是一系列Web技术结合的产物，涉及的技术主要包含HTML5、CSS3、和Javascrip这3种。

HTML是超文本标记语言。通过标记符号来标记要显示网页中的各个部分。在文本中添加对应的标记，告诉浏览器如何显示其中的内容。HTML的标准在不断的更新与完善如今已经来到了第五代，也就是HTML5。HTML5在以前的基础上，对视频，图像，音频，动画进行了一系列的规范。例如：HTML5的canvas元素可以实现画布功能，该元素通过自带的API结合使用JavaScript脚本语言在网页上绘制图形和处理，拥有实现绘制线条、弧线以及矩形，用样式和颜色填充区域，书写样式化文本，以及添加图像的方法，且使用JavaScript可以控制其每一个像素。HTML5还增加了<audio>、<video>两个标签来实现对多媒体中的音频、视频使用的支持，只要在Web网页中嵌入这两个标签，而无需第三方插件（如Flash）就可以实现音视频的播放功能。HTML5对音频、视频文件的支持使得浏览器摆脱了对插件的依赖，加快了页面的加载速度，扩展了互联网多媒体技术的发展空间。并且HTML5可以摆脱对平台的依赖，用户打开浏览器，直接就可以访问应用，而不需要经过各种Store的审核。相较于原生App，Web App可以实时更新。HTML5可以将Web代码全部加密，本地应用解密后再运行，大大的提供了代码的安全性。HTML5可以做到跨平台，多数核心代码不用重写，可以轻松完成多平台应用的开发。

CSS3是CSS技术的升级版本。以前在CSS中我们可以定义网页的各类样式，例如文字的大小颜色、图像的大小等。而在CSS3中我们可以使用更加动态的样式效果，例如圆角效果、图形化边界、块阴影与文字阴影、使用RGBA实现透明效果、渐变效果、使用@Font-Face实现定制字体、多背景图、文字或图像的变形处理（旋转、缩放、倾斜、移动）、多栏布局、媒体查询等。而CSS3的动画功能是它最大且最典型的改动，CSS3的“过渡”（transition）属性通过设定某种元素在某段时间内的变化实现一些简单的动画效果，让某些效果变得更加具有流线与平滑，比如页面横幅的切换或者文字滚动条的设计。CSS3的“动画”（animation）属性能够实现更复杂的样式变化以及一些交互效果，例如让图片在页面中移动并改变大小和颜色，以前我们需要用到JavaScript脚本代码来实现这种功能，现在使用CSS3我们也可以完成这样的功能了而不需要使用任何Flash或JavaScript脚本代码。

JavaScript是一种具有函数优先的轻量级，解释型或即时编译型的编程语言，它的代码不需要预编译。JavaScript是弱类型的，变量可以被隐式地转换为另一个类型。完整的JavaScript包含以下三点：ECMAScript（描述了该语言的语法和基本对象）、文档对象模型（DOM描述处理网页内容的方法和接口）、浏览器对象模型，（BOM描述与浏览器进行交互的方法和接口）。DOM提供了对整个文档的访问模型，将文档作为一个树形结构，树的每个结点表示了一个HTML标签或标签内的文本项。DOM树结构精确地描述了HTML文档中标签间的相互关联性。HTML可以被解析为DOM树，因此对HTML文档的处理可以通过对DOM树的操作实现。DOM模型不仅描述了文档的结构，还定义了结点对象的行为，我们可以在JavaScript中利用对象的方法和属性，方便地访问、修改、添加和删除DOM树的结点和内容从而来动态更新页面上显示的内容，来进行页面内容的增加与删除。我们还可以利用BOM来进行浏览器新窗口的弹出，控制浏览器的窗口等一系列与浏览器相关的操作。所以JavaScript经常完成以下的任务：嵌入动态文本于HTML页面、对浏览器事件作出响应、读写HTML元素、在数据被提交到服务器之前验证数据、检测访客的浏览器信息、控制cookie，包括创建和修改等。

参考文献：

[1]李桂林.HTML5在WEB前端开发中的应用研究[J].计算机产品与流通,2020(08):17.

[2]刘丽媛.基于HTML5技术的微商城设计与实现[J].电脑编程技巧与维护,2020(05):53-55.

[3]韩思凡.Web开发中的JSP与H T ML的基础应用[J].科学技术创新,2020(14):71-72.

[4]张玮.基于深度学习的Web用户界面代码生成技术研究[J].科学技术创新,2020(14):82-83.

[5]夏连第,余彪.基于HTML5的部队教育训练网站设计与实践[J].信息系统工程,2020(04):97-98.

[6]焦新伟.HTML5在WEB前端开发中的应用研究[J].网络安全技术与应用,2020(04):73-75.

[7]陈虹.基于HTML5的校园食谱推荐系统的设计与实现[J].智库时代,2020(15):257-258.

[8]李正君.HTML5新技术的应用设计与实现技巧探究[J].科技传播,2020,12(06):128-129.

[9]黄波,张小华,黄平,王彩.HTML5 App应用开发教程[M].北京:清华大学出版社,2018.

[10]邓强.Web前端开发实战教程[M].北京:人民邮电出版社,2017.

[11]阮晓龙,李朋楠.基于Web的大文件高效上传方法[J].计算机系统应用,2020,29(03):234-239.

[12]马科.HTML 5 App商业开发实战教程 [M].北京:高等教育出版社,2017.

[13] 罗正蓉,范灵.应用HTML和CSS制作网页[J].科技展望，2016,（26）：10.

[14] 魏佳欣，叶飞跃.基于HTML特征与层次聚类的Web查询接口发现[J].计算机工程，2016,（02）：56-61.

[15] 匡成宝.HTML语言的网页制作方法与技巧探讨[J].电脑迷，2017,（03）：190-191.

２．本课题要研究或解决的问题和拟采用的研究手段（途径）：

本课题要研究或解决的问题：

本课题研究的是APP的制作，APP制作所需要的问题有选择对应的开发工具，确定对应的开发语言，确定对应的功能以及UI设计，确定对应的用户团体以及使用对象，还有确定APP是原生APP还是H5版本的APP。本案例所要制作的APP为校园商家推广APP，所以可以看出对应的用户团体为商家以及学生，那对应的UI设计需要以简洁，方便使用为目标，对应功能设计可以确定为推广宣传功能。

拟采用的研究手段：

由案例来看，需要构建一个校园商家的推广平台，对于一个平台来讲那么HTML5进行开发一个WebApp可以满足很多的功能，相比原生APP来讲开发更为简便，WebApp可以更快速的进行信息的发布以及消息的传递。开发工具我选择了HBuilder开发工具来进行本案例的开发，在HBuilder上进行代码的编写调试以及APP的打包。APP的整体程序使用了HTML5+CSS3+JavaScript。软件的所有页面都是基于HTML5语言进行编写，实现主页的显示，相应内容的排版，例如底部菜单的分栏，图标和图片的显示。利用CSS3来进行相应细节的优化，进行相应的样式表设计，规划图片文字的大小，引入渐变、圆角、阴影、半透明等显示方式来丰富页面的显示效果。使用JavaScript进行页面的转跳，控制用户与APP元素的交互情况

所以需要学习HTML5相关的知识以及相关语言，了解WebApp的开发结构，过程，以及HBuilder开发软件的使用。收集相关的素材以及案例进行对应的参考和借鉴，最后确定软件的设计方向以及大致的功能，对应的开发重点和开发难点，确定对应的开发计划和实施方案。

指导教师意见：

1．对“文献综述”的评语：

学生在阅读了一定的文献资料后，经过认真总结，写出该文献综述。从所写的内容看学生在阅读文献资料后，对自己的毕业设计课题有了清晰的理解，对要完成的网站的主要功能模块有了总体构想，也知道用哪些软件工具来完成毕业设计。较好地完成了毕业设计的前期工作。

2．对本课题的深度、广度及工作量的意见和对设计（论文）结果的预测：

本课题是开发一个校园商家推广APP，学生决定使用HBuilder开发环境完成代码的编写调试以及APP的打包，所有页面都是基于HTML5语言进行编写。由于学生对一些软件工具及编程环境不熟悉，可能要从头学起，所以本毕业设计有一定的难度，工作量适中。

从学生的前期工作情况看，如果学生在毕业设计后期阶段认真努力，勤于学习，认真编程，应该可以实现一个功能较完善的校园商家推广APP。

                                       指导教师：              

                                                  年   月   日

所在专业审查意见：

                                         负责人：               

                                                  年   月   日