摘 要

随着互联网时代的飞速到来，网络平台成为推动地区宣传资源特色和输出乡情文化的重要桥梁^[1]。借助于微信公众平台成熟的技术支持，通过灵活地使用官方提供的API接口，能够在原有服务的基础上进行二次开发^[2]，根据实际开发所需，提供特色的服务和良好地体验。

“渔关乡情”公众号就是以微信公众号作为基础，运行于智能手机、平板电脑等移动终端上，在原生公众号的框架基础上，采用自定义消息处理和菜单功能，加入微信H5网页来扩展服务。系统用户端采用vue框架，模块组件化，封装axios请求接口；服务端采用thinkphp框架，控制层和模型层分离，路由配置接口，是典型的前后端分离解耦开发。

本文就基于微信公众号开发的渔关乡情公众号做出了详细地介绍和分析。按照软件开发的流程，从研究背景出发阐述开发的目的和意义，通过详细的系统分析和严谨的系统设计得到完善的完善的系统分析设计报告，然后借助开发工具和相关技术实现展示功能界面，最后通过一系列的系统测试对系统的完整性和正确性进行验证。

关键词：微信公众号；API接口；H5网页；前后端分离

ABSTRACT

With the rapid arrival of the Internet era, the network platform has become an important bridge to promote the characteristics of regional propaganda resources and export rural culture ^[1]. By means of the mature technical support of WeChat public platform, through the flexible use of the officially provided API interface, we can carry out secondary development on the basis of the original service ^[2], and provide characteristic service and good experience according to the actual development needs.

"Yuguan Township situation" public number is based on WeChat public number, running on smart phones, tablets and other mobile terminals, based on the framework of the original public number, using custom message processing and menu functions, adding WeChat H5 web page to expand the service. The user side of the system adopts vue framework, module componentization, encapsulation axios request interface; the server side adopts thinkphp framework, control layer and model layer separation, routing configuration interface, which is a typical decoupling development of front and rear end separation.

This paper makes a detailed introduction and analysis on the public name of situation public number based on WeChat public number. According to the process of software development, the purpose and significance of the development are expounded from the research background, and the perfect system analysis and design report is obtained through detailed system analysis and rigorous system design. Then, with the help of development tools and related technologies, the display function interface is realized. Finally, the integrity and correctness of the system are verified by a series of system tests.

Keywords: WeChat public number; API interface; H5 web page; front-end separation

目录

摘要 I

ABSTRACT II

第1章 绪论 1

1.1 课题研究背景 1

1.2 课题研究目的 1

1.3 课题研究内容 2

1.4 开发框架介绍 2

1.4.1 VUE框架 2

1.4.2 ThinkPHP5框架 3

第2章 系统分析 4

2.1 需求分析 4

2.1.1 功能性需求 4

2.1.2 非功能性需求 5

2.2 可行性分析 5

2.2.1 技术可行性 5

2.2.2 经济可行性 6

2.2.3 操作可行性 6

2.3 业务流程分析 6

第3章 概要设计 7

3.1 网络结构设计 7

3.2 体系架构设计 7

3.3 系统功能结构设计 8

第4章 详细设计与实现 10

4.1 功能模块设计 10

4.2数据库设计 14

4.2.1 概念设计 14

4.2.2 逻辑设计 18

4.2.3 物理设计 19

4.3 主要界面实现 21

4.4 关键技术及代码 30

第5章 系统测试与维护 33

5.1 测试方法 33

5.2 测试用例及结果 33

第6章 总结 37

参考文献 38

致谢 39

第1章 绪论

1.1 课题研究背景

1. 移动互联时代背景下的新型媒体

通常来说，报纸、电视、广播等传统的媒体方式是互联网广泛遍及之前传播信息的重要载体，但是随着互联网时代的到来，网络媒体无论在信息的复杂性还是在成本的消耗上都是优于传统媒体的。伴随着网络技术的全面发展和智能手机的遍及，互联网从论坛搜索时代到社交移动时代，传播载体从台式电脑到手机终端，很多方面发生了巨大的变化。现如今，再提及新媒体，我们更多地会认为是指移动端，而PC端也成为了传统媒体^[3]。

微信作为新媒体之一，因其功能多元化和适应用户需求成为移动手机端上的安装率最高的工具之一。微信公众号平台正是基于移动互联网发展的趋势推向公众的，它逐渐成为了地区和机构对内外宣传和服务的主流平台。

1. 移动用户对网络平台提出新的需求

在移动互联时代，将信息发布在PC端上进行展示相比于移动端的便捷灵活显得笨拙臃肿，移动用户都希望能够在快速获取资讯的同时还能够享受良好的服务。随着移动终端的大量遍及和网络流量费用的显著降低，基于移动端的APP喷涌而出，这些应用程序针对不同人群不同场景设计和开发，给移动端用户带来了极大的便利，更加适应于移动互联时代的背景。^[4]

1. 地区宣传与微信公众平台的融合

在移动互联的大背景下，微信推出的公众平台能够将多元化的信息以多样化的形式精准地推送给大众。现在，越来越多的地区和景点选择将微信公众号作为风情和文化宣传的平台，借助微信巨大的基础用户量，能够快速的传播和产生效应。在多数的地区和景点微信公众号中，个性化的服务和丰富的信息量是重要的营销策略，满足了不同用户的需求。