摘要：在网络高度信息化的当下，动漫和游戏已经不再是当年小众的爱好，拥有这些共同爱好的人也有各种各样的交流手段，其中比较普遍高效的就是通过网络在线论坛的形式。

本论坛系统使用Visual Studio Code开发工具，前端页面基于MVVM框架的Vue.js及Element-UI设计开发，后端Web服务及接口使用基于Go语言编写的Beego框架，网站选用了MySQL作为数据库存储管理系统，实现了用户登录注册、发布/查看/评论/删除帖子、搜索站内资源、违规举报及申诉、数据统计及管理等功能，旨在构筑一个社区氛围良好、帮助用户发现和结识同好的在线论坛，具有较强的实际应用价值。

系统设计完成后经过本地测试运行正常，各个功能模块都能正确实现，可以部署运营。帖子发布功能支持图片插入和修改以及一些HTML文本格式，但是尚不支持视频，用户使用体验会稍微扣减。

□□

关键词：在线论坛  MVVM  Vue.js框架  Beego框架

 

目 录

摘 要

Abstract

1. 概述-1

1.1项目背景及意义-1

1.2研究现状-1

1.2.1 技术开发方面-1

1.2.2 功能特点方面-4

1.3系统概述-4

1.3.1 系统介绍-4

1.3.2 开发模式-4

2. 需求分析-5

2.1功能需求分析-5

2.1.1注册登录-5

2.1.2帖子管理-6

2.1.3评论管理-6

2.1.4点赞收藏-6

2.1.5搜索-6

2.1.6用户管理-7

2.2系统组织结构-8

2.3数据流图-9

2.4数据字典-10

2.4.1 数据存储描述-10

2.4.2 数据流描述-11

2.4.3 处理描述-13

3.总体设计-15

3.1系统总体模块设计-15

3.2系统业务流程分析-15

3.2.1 注册登录模块业务流程图-15

3.2.2 搜索模块业务流程图-16

3.2.3 帖子管理模块业务流程图-17

3.2.4 帖子附属操作模块业务流程图-18

3.2.5 评论举报模块业务流程图-19

3.2.6 普通用户模块业务流程图-20

3.2.7 用户关注模块业务流程图-21

3.2.8 管理员模块业务流程图-22

4.数据库设计-23

4.1数据库分析-23

4.2数据库概念设计-23

4.3数据库逻辑设计-24

4.3.1 用户信息表-24

4.3.2 帖子信息表-25

4.3.3 评论信息表-26

4.3.4 消息信息表-26

4.3.5 点赞信息表-27

4.3.6 收藏信息表-27

4.3.7 关注信息表-27

4.4参照完整性设计-28

5.详细设计与实现效果-29

5.1前端页面的设计与实现-29

5.1.1 配置-29

5.1.2 论坛首页-30

5.1.3 注册登录页面-33

5.1.4 个人中心页面-33

5.1.5 话题展示页面-36

5.1.6 创建新帖子页面-40

5.1.7 帖子详情页面-41

5.1.8 搜索结果首页-44

5.2.9查询不到目标页面重定向-46

5.2.10 处于封禁状态用户的帖子不能访问而重定向-48

5.2后台管理系统的设计与实现-49

5.2.1 用户后台管理页面-49

5.2.2 帖子后台管理页面-51

5.2.3 网站数据统计页面-52

5.3核心后端接口实现逻辑-54

5.3.1 前后端分离的跨域处理-54

5.3.2 处理用户发布的带img标签的图片帖-55

5.3.3 还原展示用户排版前的帖子内容-58

5.3.4 搜索-59

5.3.5 获取用户发布列表-60

5.3.6 后端日志处理-61

5.3.7 前后端合并与打包部署-61

参 考 文 献-63

致谢