摘 要

在当前的移动互联网时代，我们遇到问题的时候，总是期望于快速而便捷的获取自己想要的答案，知乎作为一款知名软件可以解决这个问题，但是仍未完美的解决便捷这一问题，因为它还需要下载到手机上才可以使用。而在本文中使用微信小程序开发者工具编制在线互动问答系统，在给用户提供在线互动问答平台的同时，又能让用户享受微信小程序拥有的“方便快捷，即用即走的”的服务理念。结果表明，基于微信小程序的在线互动问答系统运行速度快，不占用手机内存、安全稳定保密性强，极大的满足了用户的需求，也让用户能随时随地方便的使用。

论文对如何设计与实现基于微信小程序的在线互动问答系统进行了说明。

研究结果表明：基于微信小程序的在线互动问答系统既可以满足用户随时随地在线互动问答的需求，也能减小用户使用时的手机内存压力。

本文的特色在于： 在上线的微信小程序中还没有像在线互动问答系统一样的小程序，属于创新小程序。

关键词：微信小程序 在线互动问答 方便快捷

Abstract

In the current era of mobile Internet, when we encounter problems, we always expect to get the answers we want quickly and conveniently. Zhihu, as a well-known software, can solve this problem, but it is still not perfect to solve the problem of convenience, because it needs to be downloaded to mobile phone. In this paper, WeChat small program developer tool is used to compile online interactive question and answer system. While providing users with online interactive question and answer platform, it can also enable users to enjoy the service concept of "convenient, quick and ready to go" of WeChat small program. The results show that the online interactive question-answering system based on WeChat small program runs fast, does not occupy the memory of the mobile phone, and has strong security, stability and confidentiality, which greatly meets the needs of users and enables them to use it anytime and anywhere conveniently.

This paper mainly studies how to design and implement the online interactive question and answer system based on WeChat small program.

The results show that the WeChat app-based online interactive question-answering system can not only meet the needs of online interactive question-answering anytime and anywhere, but also reduce the memory pressure of mobile phone.

The feature of this article is: in the WeChat small program on line, there is no small program like the online interactive question and answer system, which is an innovative small program.

Key Words：WeChat applet ; Online interactive qamp;a;Convenient and quick

Catalog

目录

1 绪论 6

1.1 系统研究的背景 6

1.2 系统研究的目的和意义 6

1.3 国内外发展现状 6

1.4 系统研究的主要内容 7

1.5 论文的基本结构 7

2 在线互动问答小程序的相关技术与理论 8

2.1 前后端分离模式 8

2.2开发工具及环境 8

2.1.1 后端开发环境 8

2.1.2 MySQL 5.7 数据库 8

2.1.3 前端开发工具 8

2.3开发框架 9

2.3.1 后端框架Spring Boot 2.0 9

2.3.2前端框架 9

2.4本章小结 10

3 在线互动问答小程序需求分析 11

3.1 可行性分析需求分析概述 11

3.1.1 经济可行性分析 11

3.1.2 技术可行性分析 11

3.1.3 操作可行性分析 12

3.2 功能性需求分析 12

3.3 非功能性需求分析 12

3.4 本章小结 13

4 在线互动问答小程序的系统设计 13

4.1 系统功能模块划分 13

4.2 系统的构架设计 15

4.3 数据库设计 15

4.4 接口设计 17

4.5 本章小结 20

5 在线互动问答系统的实现和效果评价 21

5.1 在线互动问答系统的实现 21

5.2 在线互动问答系统的效果评价 32

6 结束语 35

6.1 论文工作总结 35

6.2 问题和展望 35

致 谢 36

参考文献 36

1 绪论

系统研究的背景

大家都对著名的搜索引擎网站--百度比较熟悉，百度中有一个“百度知道”的功能也是大家非常熟悉的，我们在百度上搜索的几乎所有的资料都是来自“百度知道”。当下的互联网属于移动互联网的时代，虽然百度网站可以解决很多人的问题，但是更多的用户希望能有一款基于移动互联网并且能实时在线互动的问答系统，因此，互动性好、人性化的移动互联网更能吸引用户使用，也是未来网络服务发展的趋势。

系统研究的目的和意义

传统的有关在线互动问答的网站主要有三个，一是论坛，是最早的能在线互动提问的网站；二是贴吧，主要提供不同主题兴趣的读者在线交流服务；三是知乎，主要提供用户发表问题的平台。

论坛作为最早的在线互动交流的平台，它更像是一个心得分享的网站，而并不是主打在线互动问答的主题，并且论坛已经在市场上存在了很长时间，它的界面始终如一，从最开始的火爆到现在使用的用户所剩无几，论坛已然被互联网所淘汰。

百度贴吧可以说是当前最火的网络交流平台了，但是百度贴吧是按主题标签去建立的一个个小吧，将用户分流之后有可能会出现发帖之后能看到的用户过少而收获不到自己想要的答案，另一方面贴吧更多的是为了分享兴趣而生的。

知乎是当前市场上最贴近在线互动问答的网站了，它能满足大部分用户的需求，并且它就是问答形式的网站。

我们的在线互动问答小程序就是从以上三个网站中吸取经验和不足，将网站中所包含的功能转化到微信小程序中，在移动互联网中实现在线互动问答的功能，给用户提供一个不需要下载就能直接使用的提问平台，并能让用户参与到问答中，分享自己的回答，随时随地的获得自己想要的答案，随时随地的发表自己的回答。

国内外发展现状

目前百度贴吧和知乎都已经出了自己的微信小程序，但是使用微信小程序进入贴吧时并不能查看到完整的帖子和评论，并且只有使用百度贴吧的app才可以进行评论等一系列操作。使用微信小程序进入知乎时，也存在这种情况，它们均未开放评论功能，这样的微信小程序并不足以满足用户的需求，因此一款随时随地不需要下载的微信小程序版在线互动问答系统的出现迫在眉睫。

系统研究的主要内容

本系统的主要研究目标是基于微信小程序的在线互动问答系统的设计与实现。在现有的在线互动问答网站的基础上，运用微信小程序的语言，现有的功能进行完善和整合，在扩大用户问答圈子的前提下保证用户互动问答的时效性。同时，为用户提供一个开放的在线互动问答平台和分享问题回答的平台。

前端以微信小程序语言写页面，使用JavaScript来写页面逻辑，调用后端接口完成数据交互。

后端以Java语言为基础，使用Spring Boot框架进行快速开发，搭配MySQL数据库，

完成与前端的数据交互。

论文的基本结构

论文通过五个章节对基于微信小程序的在线互动问答系统的设计及开发实现流程进行了详细的分析和说明，阐述了该微信小程序研究背景及意义、国内外发展现状和相关的技术理论，展示了需求分析和系统从设计到实现的完整开发流程。具体章节如下：

1. ，绪论。主要介绍了系统研究的背景、目的和意义，针对国内外现状进行分析，确定了研究的方向和主要内容。
2. ，微信小程序的相关技术与理论。该章节主要从前后端分离模式、开发工具及环境和开发所用的框架四个方面进行阐述。
3. ，在线互动问答小程序的需求分析。本章主要针对该微信小程序进行了需求分析和可行性分析。
4. ，在线互动问答小程序的系统设计。本章主要针对前一章的需求分析设计整个微信小程序的系统，针对在线互动问答小程序进行架构设计、接口设计和数据库设计。
5. , 结束语。本章作论文的总结工作，并指出在线互动问答小程序的不足和以后可以改进的地方。

在线互动问答小程序的相关技术与理论

在开发在线互动问答小程序时采用前后端分离开发，前端负责设计并还原页面的设计稿、数据的采集和渲染，以及与用户的交互操作。后端则负责数据的处理和返回以及整体的业务逻辑。前后端的数据通过Ajax进行通讯，使用JSON作为数据形式传输。

前后端分离模式

前后端分离顾名思义就是：后端专注于服务器的数据交互，前端专注于编写用户直接看到的界面。在设计项目的时候，前端人员和后端人员一起对项目进行分析，讨论并确认各自的分工以及API的风格。在确定人员分工之后确定设计稿，根据设计稿的设计，前端和后端共同商定。项目开发的时候，前后端根据各自的分工来完成自己对应部分的代码，后端提供接口并给出详细的接口文档，前端在逻辑代码中发送API请求访问接口，获取数据之后通过数据将页面渲染出来。项目测试的时候，在接口完成之前，前端会进行模拟测试，后端通过模拟数据对接口进行测试，不用互相等待；API接口完成之后，前后端再对接测试一下就可以了，当然并不是所有的接口都可以提前定义，有一些是在开发过程中进行调整的。测试完成后就可以将整个项目部署发布了。

2.2开发工具及环境

后端开发环境

IntelliJ IDEA是用于开发计算机软件的Java集成开发环境（IDE）。提供丰富的插件支持，在代码提示、J2EE支持、代码重构、版本管理工具支持、构建工具支持等方面有着卓越的表现。分为社区版（免费）和旗舰版（收费）两种，旗舰版可以通过校园邮箱免费获得。在本项目中，使用IDEA来构建Maven工程。

MySQL 5.7 数据库

MySQL是是一种关系数据库管理系统，广泛应用在中小型网站中，具有速度快、体积小、总体拥有成本低的特点，尤其是开放源代码这一点，在中小型网站中都很受欢迎。是本次项目开发的最佳选择。

前端开发工具

前端开发使用微信小程序开发工具，微信小程序开发工具是微信官方推出的一款用于开发微信小程序的编译器，使用的是微信小程序语言，小程序不支持dom、window、jQuery等第三方的JavaScript框架，相较于网页语言的html css，微信小程序使用的wxml wxss，但是两者比较相近。

2.3开发框架

2.3.1 后端框架Spring Boot 2.0

Spring Boot内嵌Web容器，提供通过Maven或Grandle依赖的starter帮助开发者快速开发。其设计目的是用来简化新Spring应用的初始搭建以及开发过程。Spring Boot采用约定优于配置的思想，省去了XMl文件的配置，是的开发者对于Spring的配置大大减少。此外，Spring Boot提供了一些监测和自动检测的功能，只需要简单配置即可引入。

2.3.2前端框架

项目框架如图2所示。程序视图层由app.js、app.wxss、image目录、components目录以及pages下面的五个子目录下的js和json、wxml文件实现。index.wxml是微信小程序的首页，实现查看不同条件下的热度问题列表。Question.wxml中提供details.wxml的页面入口，实现查看问题详情、回答详情和评论详情以及添加评论的界面，各个界面通过对应的js文件实现数据收集并将数据通过接口发送到服务器端进行数据交互。

图2 在线互动问答系统框架

2.4本章小结

本章主要针对开发基于微信小程序的在线互动问答系统所涉及到的开发技术和开发环境进行了阐述，说明了开发所采用的前后端分离开发的模式，并予以介绍。其次，针对微信小程序前后端的开发技术及大致思路进行了简单的介绍。前端主要采用微信小程序语言，后端主要基于Spring Boot进行开发，旨在构建一个快速响应的在线互动问答微信小程序。

在线互动问答小程序需求分析

需求分析作为整个项目开发流程的第一步，一般能够决定项目是否能够按照预期的时间来有效的完成。通过需求分析来描述项目所需要的功能以及项目所需要的性能，确定完整、清晰、准确、具体的项目要求，为后续的项目开发提供一个明确的方向和方案。保证项目能够满足用户的需求和预期，具有一定的实用性。

系统设计是指根据需求分析得出的项目所需要的功能制定出具体的系统功能要求和逻辑，提出一个可以可以再计算机上实现编码要求以及能够满足用户在给定环境下达到用户期望的方案。

可行性分析需求分析概述

需求分析首先要对系统进行可行性分析，将一些非主观因素所导致的问题避免开来，排除在计划之外的因素导致系统无法正常运行的可能性。可行性分析在系统需求分析之初进行，能够客观的从经济因素、技术因素和操作因素三个方面对系统的开发提供相应的指导信息，避免不必要的损失并弥补系统缺陷。

经济可行性分析

基于微信小程序的在线互动问答系统前端所采用的微信小程序开发工具是一款免费的编译器，后端所采用的编译器以及数据库和整个系统所采用的框架技术都是免费的开源产品，均不收费，不会产品额外费用。小程序运行所需要的服务器都是使用的来自阿里云、腾讯云等国内顶尖的云服务厂家，并且都有供给学生使用的学生优惠价格，所以整个微信小程序在费用上是不会产生很高的代价的。因此这个在线互动问答小程序在经济上是可行的。

技术可行性分析

在线互动问答小程序在前端采用微信小程序开发工具进行开发，采用的是微信小程序语言，网页语言用html css完成页面及样式，再通过JavaScript对页面进行逻辑操作，微信小程序语言则仿照网页语言出了小程序的wxml css完成页面及样式，同样是通过JavaScript对页面进行逻辑操作。在对比网页语言的原生JavaScript，微信小程序还出了自己的一套API和组件库，都在微信小程序的官网上有详细介绍，可以供开发者直接使用。在使用这些API和组件时可以比网页语言更简单的实现所需要的功能以及页面效果。因此在线互动问答小程序在技术上是可行的，比网页实现在线互动问答系统要简单。

操作可行性分析

基于微信小程序的在线互动问答系统界面设计是遵循微信小程序的设计规范的，页面比较简洁没有网站上各种广告或者是与系统无关的操作按钮。并且在线互动问答系统是前后端分离开发的，所有的数据交互和逻辑处理都是在服务器上处理的，用户使用时就只有手机上的界面，不需要用户进行复杂的操作就可以完成整个微信小程序的所有功能，就算是一个没有使用过微信小程序的人只需扫码就可以使用这款基于微信小程序的在线互动问答系统。

功能性需求分析

本节主要对在线互动问答小程序进行功能分析，在线互动问答微信小程序核心模块有9个，分别是使用微信账号登录小程序、查看热度问题、搜索问题、提出问题、查看问题、发表回答、发表评论、收藏功能和查看收藏。

在线互动问答系统既定功能如下：

1. 使用微信账号登录小程序。小程序可以直接调用微信官方接口wx.login实现用户登录，登录后将用户信息存储起来。主页面分别显示热度问题排行、搜索问题、提出问题、查看问题、发表回答、发表评论六大模块供读者使用。
2. 查看热度问题。小程序首页显示热度问题排行，点击可查看，可选择热度排行方式：按每日热度排行、按每周热度排行和按每月热度排行。
3. 搜索问题。用户可以在搜索栏输出自己想要搜索的问题，可以直接按问题内容搜索，也可以按照标签搜索，搜索后显示所搜到的问题列表。
4. 提出问题。用户可以提出问题，在提出问题时可以给问题添加一个或者多个标签，也可以删除问题的标签。
5. 查看问题。点击问题的标题进入问题详情，在详情中可以查看完整的问题内容。
6. 发表回答。点击发表回答按钮，输入自己的回答后用户可以针对问题发表自己的回答。
7. 发表评论。点击发表评论按钮，输入自己的评论后用户可以针对回答发表自己的评论。
8. 收藏功能。点击问题或者回答后面的收藏按钮即可对问题或者回答进行收藏，用户可以收藏自己喜欢的或者感兴趣的问题和评论。
9. 查看收藏。点击查看收藏即可显示用户收藏的所有问题和收藏的回答。

非功能性需求分析

非功能性需求分析是需求分析中的一个重要组成部分，它影响了系统架构的设计，需要开发者重点关注。是用来保证系统能够正常稳定运行的关键所在。本章节将从系统性能、安全性、操作性、可靠性、可拓展性和可维护性来分析系统的非功能性需求。

（1）系统的性能需求表现在系统容量和响应时间上，在95%的情况下，一般时间段的响应时间不应超过1.5秒，高峰期不应超过4秒，定位系统从点击到第一个界面显示出来所需要的时间不应超过300毫秒。

以上是毕业论文大纲或资料介绍，该课题完整毕业论文、开题报告、任务书、程序设计、图纸设计等资料请添加微信获取，微信号：bysjorg。

相关图片展示：