1．目的：在微信公众号里开发兼容移动端和pc端且仅在微信浏览器下打开的Web app，主要功能是实现微信活动推广，微信下单，微信支付。

2．意义：随着微信以及微信公众号的快速推出，微信支付也逐渐大众化，在微信平台下做Web app能够快速推广，并且操作方便功能齐全，Web app无需下载安装，在微信平台下运行也省去了用户的很多流量，减少了本地内存的占有量，容易被大众接受。相比在桌面上下一大堆App，在微信的入口上，用户只需点开链接就可以获取我们所提供的服务。有更高的使用时长及导流能力，基于公众号的运营和推广可以快速的触达用户。Web app的多平台兼容性使开发者仅需要研发一款适用的微信浏览器的产品即可满足不同操作系统的使用需求，开发成本与难度大大降低。

3．现状：移动互联网的到来，尤其是html 5的发展让Web App的发展在这一两年内突飞猛进，2012全球移动互联网大会上，百度副总裁王劲表示，Web App正处在一个良好的孕育环境中，促进Web App发展的四个条件正在形成。Web app技术的发展、产业链对Web app的普遍接受、带宽环境的提升以及云计算的推出，将从根本上改变Web App的接受程度。且随着移动互联网的飞速发展,尤其是html5的逐步完善和大型互联网公司的推动，基于html5元素和属性进行设计的基础工具，未来更有机会占领尽可能多的市场份额。而微信公众号，微信开发平台的快速推广，微信公众号因其借助微信活动用户的增长而发展十分迅猛，并且因为管理有效和良好的用户体验，使得其任然保持着良好的发展势头。在这个互联网+的时代，借助微信公众平台开Web app将会有很大发展潜力。

 

研究目标、研究内容和准备解决的问题：

1．目标：通过开发一个Web app，实现在微信公众号里进行产品购买，微信支付，订单查看，和活动推广四个主要功能。

2．内容：利用微信公众号与Hbuilder开发的html5页面相结合，形成在微信浏览器下打开的Web app，然后调用微信公众平台的API已完成微信支付，微信端信息获取，和信息发布的目的。

3．准备解决的问题：

（1）如何完成一个完整且功能齐全的Web app页面。

（2）如何调用微信接口，并使Web app页面与微信端有一个好的交互效果。

（3）如何及时捕获页面信息，在页面上有一个好的响应。

 

 

 

拟采取的方法、技术或设计（开发）工具：

 

开发方式：用boostarp,或者siu搭框架，调用其组件库和其他插件进行页面开发，再与微信平台对接。

开发环境：linux、nginx、apache、mysql。

语言支持：Java、html、css、html5、JQuery、JavaScript、php。

页面开发工具Hbuilder、Eclipse、微信开发者平台、微信浏览器。

预期成果：

1．源程序

2．毕业论文

 

进度计划与阶段要求：

 

2016年11月1日前：确定毕业设计题目，完成开题报告。

2017年2月1日前：确定项目原型及原型图、设计图。

2017年3月31日前：编写项目代码，完成论文初稿。

2017年4月30前：对论文进行一次修改。

2017年5月15前：对论文进行二次修改，完成毕业论文的最终稿。完成记录工作，并将全部材料上交。

 

 

开题前收集的资料和参考文献（5-8种）

 

[1] 张毅.高性能微信公众平台开发[J].程序员，2014,09(1)：36-37.

[2] 章斓.基于 HTML5的 Web App 的开发与探索[J].长沙大学学报，2015,29(5)：50-53.

[2] 匿名.Mobile Web App发展现状及展望[J].程序员，2012,01：97-101.

[3] 王彬．微信公众平台开发研究[J].长沙大学学报，2016,05：2-3.

[4] David Flanagan．JavaScript权威指南[M].机械工业出版社，2012：10-1003.

[5]Brian P. Hogan． HTML5与CSS3实例教程(第2版)[M].人民邮电出版社，2014：10-200.

[6] 陆凌牛. HTML5与CSS3权威指南[M]. 机械工业出版社, 2013: 49-205.

[7] 任军，陈国栋，姬有印．网络科技信息资源检索系统建设案例分析[J]． 中国科技信息. 2010,09：36-37.