微信小程序前端设计与实现开题报告

全文总字数：3360字

1. 研究目的与意义（文献综述）

本次毕业设计的项目是升级一个广泛招募旅游顾问的公众号，本次升级属于技术换代，非基于老版本进行升级迭代，毕设的题目是项目中的前端开发。一个线上项目需要使用市面上主流的框架，工具进行开发，这个过程可以完善知识体系，接轨现代开发模式。

开发一个线上微信公众号的过程中主要涉及到四个方面，产品设计、后端开发、前端开发和测试。产品提交需求和设计图之后前后端并行开发，这里涉及到前后端分离的开发模式，前后端约定好接口进行资源的操作，一般约定使用restfule风格接口，完成接口文档的编写。写好接口文档之后，前后端同时进行开发，加快开发的进度，一方的进度落后不会影响另一方的开发。前后端分离的开发模式是市面上主流的开发模式，熟悉并使用主流的开发模式，可以提高开发水平。最后进行前后端代码整合，测试，最后对项目进行上线。

微信公众号前端开发主要包括移动端h5页面的开发和微信官方提供的js-sdk调用微信平台提供的一些功能，这两方面基本构成了公众号的前端，移动端h5页面的开发使用主流的mvvm模式框架react进行开发。本次开发会系统走一遍以mvvm模式开发的流程，学习mvvm模式开发的要点，理解其中的精髓。react是前端三大框架之一，使用react进行开发，积累经验，对以后的工作有很大帮助。

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

微信公众号前端的开发内容主要有两方面，第一移动端h5页面，第二微信平台提供的调用微信功能的接口，js-sdk。微信公众号的菜单以及各种会话功能都是后端配置的，前端需要编写的就是公众号里面内嵌的h5页面以及页面上的各种功能，前端开发完成之后，和后端代码进行整合，测试，最后使用docker部署到服务器上。

技术方案

首先需要产品给出方案或者设计图，接下来前后端协做写出接口文档，之后前后端并行进行开发。前端开发方面

3. 研究计划与安排

3月1日-3月5日：产品需求阅读，理解，与后端协作编写接口文档

3月6日-4月10日：h5页面以及功能的完成，实现产品需求

4月11日-4月15日：替换后端真实url，进行调试，修改

4. 参考文献（12篇以上）

[1] 李刚 著, 轻量级javaee企业应用实战， 电子工业出版社，2014.10

[1] nicholas c.zakas 著, javascript高级程序设计（第三版）， 人民邮电出版社，201.04

[1] 阮一峰 著, es6标准入门， 电子工业出版社，2017.09