（附源码）PHP游戏网站计算机毕设02473

妖狐艹你老母 2024-03-23 18:33 68阅读 0赞

摘要

随着计算机科学技术日渐成熟，人们已经深刻认识到了计算机功能的强大，计算机已经进入到了人类社会发展的各个领域，并且发挥着十分重要的作用。通过管理系统在电脑上的应用，人们能更好的管理信息，储存数据。为了能够提供游戏商城的方便性，开发了基于vue的游戏网站。此游戏网站的开发采用的是热门的Vue框架技术，采用了Mysql来作为数据的存储和管理。根据游戏网站的初期分析，对系统进行了详细的功能设计，得到本系统需要用户前台功能和管理员管理功能，管理员需要对游戏网站的首页、轮播图、通知公告管理、资源管理（游戏资讯、资讯分类）、交流管理（交流论坛、论坛分类）、系统用户（管理员、普通用户）、模块管理（游戏名称、游戏商城、购买订单）等信息进行管理的需求，设计了游戏网站的框架，给出了游戏网站的总体设计，并对游戏网站的架构及关键模块的实现过程进行了详细论述。本文首先是从课题的背景介绍出发，概括了课题研发的意义，通过市场调研，确定了系统的需求和可行性。针对本系统的需求，对系统功能进行了划分，依照功能模块图，设计了本系统的数据库结构，并实现了各个功能模块。因此，本次开发的游戏网站是一个具有实际使用意义的系统，能够投入市场使用。

**关键词：**游戏网站；PHP语言；Vue；mysql

**Abstract**

With the gradual maturity of computer science and technology, people have deeply realized the powerful functions of computers. Computers have entered various fields of human social development and play a very important role. Through the application of management systems on computers, people can better manage information and store data. In order to provide convenience for game malls, a game website based on Vue has been developed. The development of this game website adopts the popular Vue framework technology and MySQL as the storage and management of data. Based on the initial analysis of the game website, a detailed functional design was carried out for the system, and it was found that the system requires user front-end functions and administrator management functions. The administrator needs to manage the homepage, broadcast map, notification and announcement management, resource management (game information, information classification), communication management (communication forum, forum classification), system users (administrators, ordinary users) The demand for module management (game name, game mall, purchase order) and other information management is addressed. The framework of the game website is designed, and the overall design of the game website is provided. The architecture of the game website information service platform and the implementation process of key modules are discussed in detail. This article first introduces the background of the project, summarizes the significance of research and development, and determines the requirements and feasibility of the system through market research. In response to the requirements of this system, the system functions were divided, and according to the functional module diagram, the database structure of this system was designed and various functional modules were implemented. Therefore, the game website developed this time is a system with practical significance and can be put into market use.

**Keywords:** game website; PHP language; Vue； mysql

**摘要**

**Abstract**

**第 1 章 引 言**

1.1 选题背景

1.2 课题研究意义

1.3 相关技术介绍

1.4 论文结构安排

**第 2 章 游戏网站的需求分析**

2.1 系统可行性分析

*2.1.1 技术可行性分析*

*2.1.2 经济可行性分析*

*2.1.3 操作可行性*

2.2 系统需求分析

*2.2.1 功能需求分析*

*2.2.2 非功能性需求分析*

2.3 系统用例分析

2.4 系统流程分析

*2.4.1 数据增加流程*

*2.4.2 数据修改流程*

*2.4.3 数据删除流程*

**第 3 章 游戏网站总体设计**

3.1 系统功能模块设计

3.2 数据库设计

*3.2.1 数据库概念结构设计*

*3.2.2 数据库逻辑结构设计*

**第 4 章 关键模块的设计与实现**

4.1 登录模块

4.2 管理员模块

4.3 用户功能模块

**第 5 章 系统实验与结果分析**

5.1 调试部分问题

5.2 系统部分测试

5.3 系统测试结果

**第 6 章 结论**

**参考文献**

**致谢**

*   1 章 **引 言**
    
    1.   选题背景

ENIAC的诞生使得信息不再被单调地记录在纸质传统媒介上；ARPANET的出现让人类看到了计算机间信息共享的希望；而Vue框架的发展，让人们可以方便快捷地在桌面上完成信息交互。近年来，计算机参与到了人类衣食住行的各个方面，也改善了人们的生活品质。在获取外界信息方面，传统的报纸杂志等渠道已经远远不够，尤其是生活节奏越来越快、信息量越来越大、资讯内容形形色色，传统的资讯发布和管理工作日趋繁重复杂。因此基于vue的游戏网站应运而生。

1.  1.   课题研究意义

近几年来，随着游戏网站引进大量人员以及游戏信息，对游戏网站相关的一些信息的管理方面的需求越来越高，我们在工作中越来越多方面需要利用网页端管理系统来进行管理，我们所需要的各种信息的处理操作都可以通过使用网页系统来完成，有了网页端的系统就可以方便的对各种信息进行查询和维护了。

因此需要实现对游戏网站的电子化管理，提高游戏网站效能和使用效能。随着计算机应用技术的高速发展，各种基于Vue的系统受到了企业以及用户的欢迎，基于这个背景下设计一款游戏网站，利用WEB网页管理的便利性的优点，提高游戏网站信息的工作效率，使游戏网站能够享受更加便捷高效的服务。

1.  1.   相关技术介绍

Vue 是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建，并提供了一套声明式的、组件化的编程模型，帮助你高效地开发用户界面。无论是简单还是复杂的界面，Vue 都可以胜任。

Vue 的两个核心功能如下：

（1）声明式渲染：Vue 基于标准 HTML 拓展了一套模板语法，使得我们可以声明式地描述最终输出的 HTML 和 JavaScript 状态之间的关系。

（2）响应性：Vue 会自动跟踪 JavaScript 状态并在其发生变化时响应式地更新 DOM。

Vue 是一个框架，也是一个生态。其功能覆盖了大部分前端开发常见的需求。但 Web 世界是十分多样化的，不同的开发者在 Web 上构建的东西可能在形式和规模上会有很大的不同。考虑到这一点，Vue 的设计非常注重灵活性和“可以被逐步集成”这个特点。根据你的需求场景，你可以用不同的方式使用 Vue：

（1）无需构建步骤，渐进式增强静态的 HTML

（2）在任何页面中作为 Web Components 嵌入

（3）单页应用 (SPA)

（4）全栈 / 服务端渲染 (SSR)

（5）Jamstack / 静态站点生成 (SSG)

（6）开发桌面端、移动端、WebGL，甚至是命令行终端中的界面

1.  1.   论文结构安排

论文将分层次经行编排，除去论文摘要致谢文献参考部分，正文部分还会对网站需求做出分析，以及阐述大体的设计和实现的功能，最后罗列部分调测记录，论文主要架构如下：

第1章 交代项目的背景、开发这个系统的意义以及系统适用的技术的特点。

第2章 对系统的需求展开分析。

第3章 阐述了网站的总体设计。

第4章 阐明了游戏网站详细功能的实现，主要根据技术性的功能模块功能实现。

第5章 罗列了部分系统调试与测试的记录。

第6章 介绍了游戏网站的结论。

*   2 章 **游戏网站****的需求分析**
    
    1.   系统可行性分析

可行性分析也是为了分析项目的开发系统是否对开发有价值，以及是否真的需要改进游戏网站在信息听写方面的不足。以本游戏网站的设计目标和实施过程为例，如果开发该系统，希望能很好地解决用户的管理信息问题，并且如果这使游戏网站可以发展出最大价值学说，并且还可以变相的解决了用户在一定程度上的问题，那么这个项目的研发系统也就是最有价值有意义的系统。但研发目标又是不是达到了所期望的结果，以及科研任务在实现后的最大效用和价值，它是否等于所有总成本。因此，研发阶段本质上就是研发体系能否真正设计的阶段。

1.  1.  1.   技术可行性分析

技术可行性是指所确定的科学技术或决策方法中的科学技术均未突破组织掌握或相关人员熟悉的科学技术资源的界限。在技术研究过程中，应注意全面调查系统研发过程中包含的各种关键技术问题，尽可能选择成熟技术，认真引用先进技术，关注特定的研究平台和开发人员，评估关键技术的有效性。

Vue技术对于该游戏网站的设计和实施很是关键，基于B/S架构的和MySQL数据库管理，对于前台的应用和后台的数据库管理都是至关重要的，要想有效应用该程序，就需要保持功能全面、易懂易简单使用的特性。构建数据库管理时，需要确保数据分析信息完全、数据分析信息稳定性好、数据分析信息稳定性较高的库。在早期，人们对Vue的基本重要知识点就有理解和熟悉，对MySQL数据库发生过简要的掌握、熟悉，在早期对软件工程测试，以及UML语言等基础课程发生过大致的掌握和练习，经过对上述课程练习，就能够对上述课程有相应的信息系统开发、检验和判断。

Vue可以和MySQL结合起来研发一个游戏网站，一定是合理而且有效的。

1.  1.  1.   经济可行性分析

实施国民经济的可行性主要包括两个方面：一是从要实施的某个计划中获取和利用国民经济各种资源的潜在可能性，二是实现国民经济发展政策总体目标的潜在可能性;二是为完成某一国民经济发展政策实施方案，所要花费的经济成本及其所获得的利益。由于政府的财务资源是限制的，每一种从国民经济发展政策实施方案中所获取和利用的财政资源也是限制的。于是，每一项公众政策措施中都面临着一种争夺公共财政资本的问题。但总的来说，"公众政策措施的社会经济资源的占用量与其政策措施目标的预期价值成正比例关联。"当然，这还触及到了一种成本效率提问。假如某一方法的总成本等于利润，显然这种社会经济政策措施就是不有效的。

这个项目开发的初衷是省钱，是我一个人做的，基本上不需要启动资金。此外，项目开发的整个过程是一个自学的过程，这是一个双赢的结果。因此，综上所述，本项目的研发优势大于劣势，符合我国当前社会主义市场经济发展的实际情况。

1.  1.  1.   操作可行性

游戏网站的注册与登陆页面设计简洁容易应用，可以通过最常见的页面窗口来登陆页面，并利用过计算机实现登陆功能，因此使用者只要平时利用过计算机都可以实现登陆应用。此操作系统的研发工作环境运用了php技术，并运用了B/S结构，这些研发工作环境都使得此系统功能更为完整，使整个设计更为个性化，使用者功能也更为简洁方便。本管理系统具备了易于运行、容易管理、交互性较好的优点，在实际操作上也是非常简单的。因此，本管理系统也可进行商业设计。

综上所述，该设备的研发符合技术、工艺和技术要求，因此其研发具有可操作性。

1.  1.   系统需求分析
        
        1.   功能需求分析

游戏网站的设计与实现是为了让游戏网站的使用者更加方便的进行管理游戏网站所涉及到的一些信息，使用者查找某一信息的时候能节省大量的时间和精力，有效减少不必要的查找时间。

研究游戏网站的设计与实现，是为了能够拥有界面简洁友好、操作简单以及运行稳定的智能化的一站式药品管理方式。系统的需求主要来自游戏网站的管理人员。

游戏网站选择用Vue技术开发，mysql数据库来存储数据，实现了后台首页、轮播图、通知公告管理、资源管理（游戏资讯、资讯分类）、交流管理（交流论坛、论坛分类）、系统用户（管理员、普通用户）、模块管理（游戏名称、游戏商城、购买订单）这几大功能。

1、关于游戏网站的基本要求

（1）功能要求：可以管理首页、轮播图、通知公告管理、资源管理（游戏资讯、资讯分类）、交流管理（交流论坛、论坛分类）、系统用户（管理员、普通用户）、模块管理（游戏名称、游戏商城、购买订单）等功能模块。

（2）性能：在不同操作系统上均能无差错实现在不同类型的用户登入相应界面后能不出差错、方便地进行预期操作。

（3）安全与保密要求：用户都必须通过注册、登录才能进入系统，并且用户的权限也需要根据用户的类型进行限定。

（4）环境要求：支持多种平台，可在Windows系列、Vista系统等多种操作系统下使用。

2、开发目标

游戏网站的主要开发目标如下：

（1）实现管理系统信息关系的系统化、规范化和自动化；

（2）减少维护人员的工作量以及实现用户对信息的控制和管理。

（3）方便查询信息及管理信息等；

（4）通过网络操作，改善处理问题的效率，提高操作人员利用率；

（5）考虑到用户多样性特点，要求界面简单，操作简便。

3、经济效益

设计系统的目的是为了更好的进行节省人员成本及各种开销，因此需要对系统开发的成本和效益进行考虑。

1.  1.  1.   非功能性需求分析

游戏网站的非功能性需求比如游戏网站的安全性怎么样，可靠性怎么样，性能怎么样，可拓展性怎么样等。具体可以表示在如下2-1表格中：

表2-1 游戏网站非功能需求表

<table style="width:458.7pt;"> 
 <tbody> 
 <tr> 
 <td style="vertical-align:top;width:104.65pt;"> 安全性 </td> 
 <td style="vertical-align:top;width:354.05pt;"> 主要指游戏网站数据库的安装，数据库的使用和密码的设定必须合乎规范。 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:104.65pt;"> 可靠性 </td> 
 <td style="vertical-align:top;width:354.05pt;"> 可靠性是指游戏网站能够安装用户的指示进行操作，经过测试，可靠性90%以上。 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:104.65pt;"> 性能 </td> 
 <td style="vertical-align:top;width:354.05pt;"> 性能是影响游戏网站占据市场的必要条件，所以性能最好要佳才好。 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:104.65pt;"> 可扩展性 </td> 
 <td style="vertical-align:top;width:354.05pt;"> 比如数据库预留多个属性，比如接口的使用等确保了系统的非功能性需求。 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:104.65pt;"> 易用性 </td> 
 <td style="vertical-align:top;width:354.05pt;"> 用户只要跟着游戏网站的页面展示内容进行操作，就可以了。 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:104.65pt;"> 可维护性 </td> 
 <td style="vertical-align:top;width:354.05pt;"> 游戏网站开发的可维护性是非常重要的，经过测试，可维护性没有问题 </td> 
 </tr> 
 </tbody> 
</table>

1.  1.   系统用例分析

游戏网站中管理人员角色用例图如图2.1所示：

![2e6deb4630284de4b82fec0fa19f050e.png][]

图2.1 管理员角色用例图

1.  1.   系统流程分析
        
        1.   数据增加流程

用户成功登入系统后就能够实现增加数据的操作，增加数据的编号是特定的，系统生成，用户不能随意填写，除了编号以外，其他增加信息用户自己填写，填写后的信息经过系统验证，验证合法通过就显示增加数据成功了，相反的话，就没有增加成功，图2.2显示的就是在增加数据时的流程。

![c0a9927acf1948afae1da017a5cfca64.png][]

图2.2 数据增加流程图

1.  1.  1.   数据修改流程

数据修改时的流程和上面介绍的数据增加时的流程原理是一样的，如图2.3所示。

![8a53c5a5576a4bd79f7e86112854bb8d.png][]

图2.3数据修改流程图

1.  1.  1.   数据删除流程

如果系统里面存在一些没有用的数据的话，相关的管理人员还可以对这些数据进行删除，图2.4就是数据删除时的流程图。

![4326304ec1af4be2a6cc8df251ab263d.png][]

图2.4 数据删除流程图

*   3 章 **游戏网站****总体设计**

在上一章节中分析了游戏网站的功能性需求，并且根据需求分析了游戏网站中的用例以及系统的增删改查流程。那么接下来就要开始对游戏网站架构、主要功能和数据库开始进行设计。

1.  1.   系统功能模块设计

系统的整体架构确定以后，再来看游戏网站的主要功能模块图。整体的功能模块包括后台首页、轮播图、通知公告管理、资源管理（游戏资讯、资讯分类）、交流管理（交流论坛、论坛分类）、系统用户（管理员、普通用户）、模块管理（游戏名称、游戏商城、购买订单）这几大功能，图3.1就是游戏网站的功能模块图。

![d6e0c5f1e9824e6ca91dd7db17fc2c1f.png][]

图3.1 游戏网站功能模块图

1.  1.   数据库设计

数据库设计一般包括需求分析、概念模型设计、数据库表建立三大过程，其中需求分析前面章节已经阐述，概念模型设计有E-R模型和逻辑结构设计两部分。

1.  1.  1.   数据库概念结构设计

一个完美的系统是需要一个强大的数据库对其进行支持的，数据库里面储存了系统的所有字段，在涉及数据库的时候，我们一般都采用E-R图来表示各个数据库表含有的字段名称，下面介绍游戏网站储存数据的E-R图，在此罗列出来一些主要的数据库E-R模型图。

系统实体属性图如图3.2。

![53b7825e98d844cea87f3e23f6008dff.png][]

图3.2系统实体属性图

1.  1.  1.   数据库逻辑结构设计

通过前面E-R关系图一共需要创建很多个数据表。在此罗列这几个主要数据库表的关系模型如下：

表access\_token (登陆访问时长)

表article (文章：用于内容管理系统的文章)

表article\_type (文章分类)

表auth (用户权限管理)

<table style="width:520pt;"> 
 <tbody> 
 <tr> 
 <td style="background-color:#e7e6e6;width:57.6pt;"> 编号 </td> 
 <td style="background-color:#e7e6e6;width:57.65pt;"> 名称 </td> 
 <td style="background-color:#e7e6e6;width:57.65pt;"> 数据类型 </td> 
 <td style="background-color:#e7e6e6;width:57.65pt;"> 长度 </td> 
 <td style="background-color:#e7e6e6;width:57.65pt;"> 小数位 </td> 
 <td style="background-color:#e7e6e6;width:57.65pt;"> 允许空值 </td> 
 <td style="background-color:#e7e6e6;width:57.65pt;"> 主键 </td> 
 <td style="background-color:#e7e6e6;width:57.65pt;"> 默认值 </td> 
 <td style="background-color:#e7e6e6;width:58.85pt;"> 说明 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:57.6pt;"> 1 </td> 
 <td style="vertical-align:top;width:57.65pt;"> auth_id </td> 
 <td style="vertical-align:top;width:57.65pt;"> int </td> 
 <td style="vertical-align:top;width:57.65pt;"> 10 </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> Y </td> 
 <td style="vertical-align:top;width:57.65pt;"> </td> 
 <td style="vertical-align:top;width:58.85pt;"> 授权ID： </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:57.6pt;"> 2 </td> 
 <td style="vertical-align:top;width:57.65pt;"> user_group </td> 
 <td style="vertical-align:top;width:57.65pt;"> varchar </td> 
 <td style="vertical-align:top;width:57.65pt;"> 64 </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:57.65pt;"> Y </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> </td> 
 <td style="vertical-align:top;width:58.85pt;"> 用户组： </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:57.6pt;"> 3 </td> 
 <td style="vertical-align:top;width:57.65pt;"> mod_name </td> 
 <td style="vertical-align:top;width:57.65pt;"> varchar </td> 
 <td style="vertical-align:top;width:57.65pt;"> 64 </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:57.65pt;"> Y </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> </td> 
 <td style="vertical-align:top;width:58.85pt;"> 模块名： </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:57.6pt;"> 4 </td> 
 <td style="vertical-align:top;width:57.65pt;"> table_name </td> 
 <td style="vertical-align:top;width:57.65pt;"> varchar </td> 
 <td style="vertical-align:top;width:57.65pt;"> 64 </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:57.65pt;"> Y </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> </td> 
 <td style="vertical-align:top;width:58.85pt;"> 表名： </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:57.6pt;"> 5 </td> 
 <td style="vertical-align:top;width:57.65pt;"> page_title </td> 
 <td style="vertical-align:top;width:57.65pt;"> varchar </td> 
 <td style="vertical-align:top;width:57.65pt;"> 255 </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:57.65pt;"> Y </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> </td> 
 <td style="vertical-align:top;width:58.85pt;"> 页面标题： </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:57.6pt;"> 6 </td> 
 <td style="vertical-align:top;width:57.65pt;"> path </td> 
 <td style="vertical-align:top;width:57.65pt;"> varchar </td> 
 <td style="vertical-align:top;width:57.65pt;"> 255 </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:57.65pt;"> Y </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> </td> 
 <td style="vertical-align:top;width:58.85pt;"> 路由路径： </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:57.6pt;"> 7 </td> 
 <td style="vertical-align:top;width:57.65pt;"> position </td> 
 <td style="vertical-align:top;width:57.65pt;"> varchar </td> 
 <td style="vertical-align:top;width:57.65pt;"> 32 </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:57.65pt;"> Y </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> </td> 
 <td style="vertical-align:top;width:58.85pt;"> 位置： </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:57.6pt;"> 8 </td> 
 <td style="vertical-align:top;width:57.65pt;"> mode </td> 
 <td style="vertical-align:top;width:57.65pt;"> varchar </td> 
 <td style="vertical-align:top;width:57.65pt;"> 32 </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> _blank </td> 
 <td style="vertical-align:top;width:58.85pt;"> 跳转方式： </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:57.6pt;"> 9 </td> 
 <td style="vertical-align:top;width:57.65pt;"> add </td> 
 <td style="vertical-align:top;width:57.65pt;"> tinyint </td> 
 <td style="vertical-align:top;width:57.65pt;"> 3 </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> 1 </td> 
 <td style="vertical-align:top;width:58.85pt;"> 是否可增加： </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:57.6pt;"> 10 </td> 
 <td style="vertical-align:top;width:57.65pt;"> del </td> 
 <td style="vertical-align:top;width:57.65pt;"> tinyint </td> 
 <td style="vertical-align:top;width:57.65pt;"> 3 </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> 1 </td> 
 <td style="vertical-align:top;width:58.85pt;"> 是否可删除： </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:57.6pt;"> 11 </td> 
 <td style="vertical-align:top;width:57.65pt;"> set </td> 
 <td style="vertical-align:top;width:57.65pt;"> tinyint </td> 
 <td style="vertical-align:top;width:57.65pt;"> 3 </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> 1 </td> 
 <td style="vertical-align:top;width:58.85pt;"> 是否可修改： </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:57.6pt;"> 12 </td> 
 <td style="vertical-align:top;width:57.65pt;"> get </td> 
 <td style="vertical-align:top;width:57.65pt;"> tinyint </td> 
 <td style="vertical-align:top;width:57.65pt;"> 3 </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> 1 </td> 
 <td style="vertical-align:top;width:58.85pt;"> 是否可查看： </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:57.6pt;"> 13 </td> 
 <td style="vertical-align:top;width:57.65pt;"> field_add </td> 
 <td style="vertical-align:top;width:57.65pt;"> text </td> 
 <td style="vertical-align:top;width:57.65pt;"> 65535 </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:57.65pt;"> Y </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> </td> 
 <td style="vertical-align:top;width:58.85pt;"> 添加字段： </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:57.6pt;"> 14 </td> 
 <td style="vertical-align:top;width:57.65pt;"> field_set </td> 
 <td style="vertical-align:top;width:57.65pt;"> text </td> 
 <td style="vertical-align:top;width:57.65pt;"> 65535 </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:57.65pt;"> Y </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> </td> 
 <td style="vertical-align:top;width:58.85pt;"> 修改字段： </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:57.6pt;"> 15 </td> 
 <td style="vertical-align:top;width:57.65pt;"> field_get </td> 
 <td style="vertical-align:top;width:57.65pt;"> text </td> 
 <td style="vertical-align:top;width:57.65pt;"> 65535 </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:57.65pt;"> Y </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> </td> 
 <td style="vertical-align:top;width:58.85pt;"> 查询字段： </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:57.6pt;"> 16 </td> 
 <td style="vertical-align:top;width:57.65pt;"> table_nav_name </td> 
 <td style="vertical-align:top;width:57.65pt;"> varchar </td> 
 <td style="vertical-align:top;width:57.65pt;"> 500 </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:57.65pt;"> Y </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> </td> 
 <td style="vertical-align:top;width:58.85pt;"> 跨表导航名称： </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:57.6pt;"> 17 </td> 
 <td style="vertical-align:top;width:57.65pt;"> table_nav </td> 
 <td style="vertical-align:top;width:57.65pt;"> varchar </td> 
 <td style="vertical-align:top;width:57.65pt;"> 500 </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:57.65pt;"> Y </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> </td> 
 <td style="vertical-align:top;width:58.85pt;"> 跨表导航： </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:57.6pt;"> 18 </td> 
 <td style="vertical-align:top;width:57.65pt;"> option </td> 
 <td style="vertical-align:top;width:57.65pt;"> text </td> 
 <td style="vertical-align:top;width:57.65pt;"> 65535 </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:57.65pt;"> Y </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> </td> 
 <td style="vertical-align:top;width:58.85pt;"> 配置： </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:57.6pt;"> 19 </td> 
 <td style="vertical-align:top;width:57.65pt;"> create_time </td> 
 <td style="vertical-align:top;width:57.65pt;"> timestamp </td> 
 <td style="vertical-align:top;width:57.65pt;"> 19 </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> CURRENT_TIMESTAMP </td> 
 <td style="vertical-align:top;width:58.85pt;"> 创建时间： </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:57.6pt;"> 20 </td> 
 <td style="vertical-align:top;width:57.65pt;"> update_time </td> 
 <td style="vertical-align:top;width:57.65pt;"> timestamp </td> 
 <td style="vertical-align:top;width:57.65pt;"> 19 </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> CURRENT_TIMESTAMP </td> 
 <td style="vertical-align:top;width:58.85pt;"> 更新时间： </td> 
 </tr> 
 </tbody> 
</table>

表collect (收藏)

表comment (评论)

表forum (论坛)

<table style="width:520pt;"> 
 <tbody> 
 <tr> 
 <td style="background-color:#e7e6e6;width:57.6pt;"> 编号 </td> 
 <td style="background-color:#e7e6e6;width:57.65pt;"> 名称 </td> 
 <td style="background-color:#e7e6e6;width:57.65pt;"> 数据类型 </td> 
 <td style="background-color:#e7e6e6;width:57.65pt;"> 长度 </td> 
 <td style="background-color:#e7e6e6;width:57.65pt;"> 小数位 </td> 
 <td style="background-color:#e7e6e6;width:57.65pt;"> 允许空值 </td> 
 <td style="background-color:#e7e6e6;width:57.65pt;"> 主键 </td> 
 <td style="background-color:#e7e6e6;width:57.65pt;"> 默认值 </td> 
 <td style="background-color:#e7e6e6;width:58.85pt;"> 说明 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:57.6pt;"> 1 </td> 
 <td style="vertical-align:top;width:57.65pt;"> forum_id </td> 
 <td style="vertical-align:top;width:57.65pt;"> mediumint </td> 
 <td style="vertical-align:top;width:57.65pt;"> 8 </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> Y </td> 
 <td style="vertical-align:top;width:57.65pt;"> </td> 
 <td style="vertical-align:top;width:58.85pt;"> 论坛id </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:57.6pt;"> 2 </td> 
 <td style="vertical-align:top;width:57.65pt;"> display </td> 
 <td style="vertical-align:top;width:57.65pt;"> smallint </td> 
 <td style="vertical-align:top;width:57.65pt;"> 5 </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> 100 </td> 
 <td style="vertical-align:top;width:58.85pt;"> 排序 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:57.6pt;"> 3 </td> 
 <td style="vertical-align:top;width:57.65pt;"> user_id </td> 
 <td style="vertical-align:top;width:57.65pt;"> mediumint </td> 
 <td style="vertical-align:top;width:57.65pt;"> 8 </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:58.85pt;"> 用户ID </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:57.6pt;"> 4 </td> 
 <td style="vertical-align:top;width:57.65pt;"> nickname </td> 
 <td style="vertical-align:top;width:57.65pt;"> varchar </td> 
 <td style="vertical-align:top;width:57.65pt;"> 16 </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:57.65pt;"> Y </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> </td> 
 <td style="vertical-align:top;width:58.85pt;"> 昵称：[0,16] </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:57.6pt;"> 5 </td> 
 <td style="vertical-align:top;width:57.65pt;"> praise_len </td> 
 <td style="vertical-align:top;width:57.65pt;"> int </td> 
 <td style="vertical-align:top;width:57.65pt;"> 10 </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:57.65pt;"> Y </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:58.85pt;"> 点赞数 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:57.6pt;"> 6 </td> 
 <td style="vertical-align:top;width:57.65pt;"> hits </td> 
 <td style="vertical-align:top;width:57.65pt;"> int </td> 
 <td style="vertical-align:top;width:57.65pt;"> 10 </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:58.85pt;"> 访问数 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:57.6pt;"> 7 </td> 
 <td style="vertical-align:top;width:57.65pt;"> title </td> 
 <td style="vertical-align:top;width:57.65pt;"> varchar </td> 
 <td style="vertical-align:top;width:57.65pt;"> 125 </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> </td> 
 <td style="vertical-align:top;width:58.85pt;"> 标题 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:57.6pt;"> 8 </td> 
 <td style="vertical-align:top;width:57.65pt;"> keywords </td> 
 <td style="vertical-align:top;width:57.65pt;"> varchar </td> 
 <td style="vertical-align:top;width:57.65pt;"> 125 </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:57.65pt;"> Y </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> </td> 
 <td style="vertical-align:top;width:58.85pt;"> 关键词 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:57.6pt;"> 9 </td> 
 <td style="vertical-align:top;width:57.65pt;"> description </td> 
 <td style="vertical-align:top;width:57.65pt;"> varchar </td> 
 <td style="vertical-align:top;width:57.65pt;"> 255 </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:57.65pt;"> Y </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> </td> 
 <td style="vertical-align:top;width:58.85pt;"> 描述 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:57.6pt;"> 10 </td> 
 <td style="vertical-align:top;width:57.65pt;"> url </td> 
 <td style="vertical-align:top;width:57.65pt;"> varchar </td> 
 <td style="vertical-align:top;width:57.65pt;"> 255 </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:57.65pt;"> Y </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> </td> 
 <td style="vertical-align:top;width:58.85pt;"> 来源地址 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:57.6pt;"> 11 </td> 
 <td style="vertical-align:top;width:57.65pt;"> tag </td> 
 <td style="vertical-align:top;width:57.65pt;"> varchar </td> 
 <td style="vertical-align:top;width:57.65pt;"> 255 </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:57.65pt;"> Y </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> </td> 
 <td style="vertical-align:top;width:58.85pt;"> 标签 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:57.6pt;"> 12 </td> 
 <td style="vertical-align:top;width:57.65pt;"> img </td> 
 <td style="vertical-align:top;width:57.65pt;"> text </td> 
 <td style="vertical-align:top;width:57.65pt;"> 65535 </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:57.65pt;"> Y </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> </td> 
 <td style="vertical-align:top;width:58.85pt;"> 封面图 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:57.6pt;"> 13 </td> 
 <td style="vertical-align:top;width:57.65pt;"> content </td> 
 <td style="vertical-align:top;width:57.65pt;"> longtext </td> 
 <td style="vertical-align:top;width:57.65pt;"> 2147483647 </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:57.65pt;"> Y </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> </td> 
 <td style="vertical-align:top;width:58.85pt;"> 正文 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:57.6pt;"> 14 </td> 
 <td style="vertical-align:top;width:57.65pt;"> create_time </td> 
 <td style="vertical-align:top;width:57.65pt;"> timestamp </td> 
 <td style="vertical-align:top;width:57.65pt;"> 19 </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> CURRENT_TIMESTAMP </td> 
 <td style="vertical-align:top;width:58.85pt;"> 创建时间： </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:57.6pt;"> 15 </td> 
 <td style="vertical-align:top;width:57.65pt;"> update_time </td> 
 <td style="vertical-align:top;width:57.65pt;"> timestamp </td> 
 <td style="vertical-align:top;width:57.65pt;"> 19 </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> CURRENT_TIMESTAMP </td> 
 <td style="vertical-align:top;width:58.85pt;"> 更新时间： </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:57.6pt;"> 16 </td> 
 <td style="vertical-align:top;width:57.65pt;"> avatar </td> 
 <td style="vertical-align:top;width:57.65pt;"> varchar </td> 
 <td style="vertical-align:top;width:57.65pt;"> 255 </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:57.65pt;"> Y </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> </td> 
 <td style="vertical-align:top;width:58.85pt;"> 发帖人头像： </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:57.6pt;"> 17 </td> 
 <td style="vertical-align:top;width:57.65pt;"> type </td> 
 <td style="vertical-align:top;width:57.65pt;"> varchar </td> 
 <td style="vertical-align:top;width:57.65pt;"> 64 </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:58.85pt;"> 论坛分类：[0,1000]用来搜索指定类型的论坛帖 </td> 
 </tr> 
 </tbody> 
</table>

表forum\_type (论坛分类)

表game\_mall (游戏商城)

表game\_name (游戏名称)

表hits (用户点击)

表notice (公告)

表ordinary\_users (普通用户)

表praise (点赞)

表purchase\_order (购买订单)

表slides (轮播图)

表upload (文件上传)

表user (用户账户：用于保存用户登录信息)

表user\_group (用户组：用于用户前端身份和鉴权)

*   4 章 **关键模块的设计与实现**
    
    1.   登录模块

管理员，在登录界面输入用户名、密码、拼图验证，然后选择对应的角色，点击“登录”按钮，系统在用户数据库表中会对管理员的账号进行匹配，用户名+密码正确的话，就会登录到系统中各个用户的主管理界面，否则提示对应的信息，返回到登录的界面，如果忘记密码的话，可以点击登录按钮下面的忘记密码，根据提示进行找回密码；其主界面展示如下图4.1所示。

![21210fedf3a24270bc9cda9205da2f31.png][]

图4.1 登录界面图

1.  1.   管理员模块

管理员进入到游戏网站以后，点击“系统用户”下的“普通用户”这个按钮就会显示出普通用户的信息，如果想要填写新的普通用户，点击右上角“添加”按钮，然后输入用户名、密码、昵称、手机号码等信息，点击“提交”按钮进行提交，其中用户名和密码是必须填写的，同时也支持对已有的普通用户进行编辑、删除和查询。界面如下图4.2所示。

![e2231d3624e247d6b1dc26e391efca44.png][]

图4.2普通用户界面图

通知公告管理，在通知公告管理页面可以查看标题、创建时间、更新时间等内容，并可根据需要对通知公告管理进行查询、重置、删除、添加或查看详细内容等操作，如图4.3所示。

![7b43e4bce43b432eb89fe9973a054781.png][]

图4.3通知公告管理界面图

游戏资讯，在游戏资讯页面可以查看标题、封面图、文章分类、标签、创建时间、更新时间等信息进行添加、查询、重置、删除等操作，如图4.4所示。

![e85ca6e1530c481b893a8d9d0fc3f407.png][]

图4.4游戏资讯界面图

交流论坛，在交流论坛页面可以查看标题、封面图、分类、标签、创建时间等内容，并可根据需要进行添加、查询、重置、删除或查看评论内容等操作，如图4.5所示。

![ad0e4c1711c64abba51dfc9d0a702e4e.png][]

图4.5交流论坛管理界面图

游戏名称，在游戏名称管理页面可以查看游戏名称、创建时间等内容，并可根据需要对游戏名称管理进行查询、重置、添加、删除或查看详细内容等操作，如图4.6所示。

![ed53cb3202be4d8d8f7ac1f2795f1426.png][]

图4.6游戏名称管理界面图

游戏商城，在游戏商城管理页面可以查看商品名称、商品编号、游戏名称、售卖价格、商品图片等内容，并可根据需要对游戏商城管理进行查询、重置、添加、删除或查看评论内容等操作，如图4.7,4.8所示。

![ec52735ee1614dd09c45233a9ca61f67.png][]

图4.7游戏商城添加界面图

![fed18a61293444d4af8a6e5ee03e633e.png][]

图4.8游戏商城管理界面图

购买订单，在购买订单页面可以查看商品名称、售卖价格、购买日期、购买用户、用户姓名、支付状态等内容，并可根据需要对购买订单进行查询、重置、添加、删除或查看详细内容等操作，如图4.9所示。

![76f75dc1e0c64e48a3b7ddb78ddf00e0.png][]

图4.9购买订单管理界面图

1.  1.   用户功能模块

用户登录，用户通过输入用户名、密码、拼图验证等信息进入游戏网站，如图4.10所示。

![3d394d05776d487aacb9c9b5090492f4.png][]

图4.10用户登录界面图

用户登录进入游戏网站可以查看首页、交流论坛、通知公告、游戏资讯、游戏商城、我的（个人中心、我的收藏）、购买订单等功能。如图4.11所示。

![ce48a92507a94ce499869573b6fe3de0.png][]

图4.11用户功能界面图

交流论坛，在交流论坛页面可以通过查看封面图、标题等详细信息，进行收藏、发布内容等操作，如图4.12,4.13所示。

![65548f41c62e4fdaba7083185fcc94be.png][]

图4.12交流论坛发布内容界面图

![0de578a85e1748878329e15297630c50.png][]

图4.13交流论坛界面图

游戏资讯，在游戏资讯页面可以查看标题、发布时间等详细信息，进行查看详情操作，如图4.14所示。

![6873021432494872a822d08549a41f83.png][]

图4.14游戏资讯界面图

游戏商城，在游戏商城页面可以通过查看商品名称、游戏名称、售卖价格等详细信息，进行收藏、点赞、购买等操作，如图4.15,4.16所示。

![b9d775187359435fbebc4761cb7654aa.png][]

图4.15游戏商城界面图

![9a8e38571c994e2cb0952f29cfae3326.png][]

图4.16游戏购买界面图

购买订单，在购买订单页面可以通过查看游戏名称、售卖价格、购买日期、支付状态等信息，进行支付、重置等操作，如图4.17所示。

![bf3959e200bf4eacba717ae99d671f04.png][]

图4.17购买订单支付界面图

*   5 章 **系统实验与结果分析**
    
    1.   调试部分问题

问题1：数据库无法添加中文。

解决过程：重新创建数据库，将库的编码格式改为utf8。

效果：能在新库的表中添加中文。

问题2：控制台报错前台与后台参数不一致

解决过程：检查代码，找到报错参数完成修改，继续报错，服务器移除项目重新运行。

效果：重启项目不再报错。

问题3：报错No bean named 'sysLogServiceImpl' available找不到名为sysLogServiceImpl的bean的对象。

解决过程：询问导师报错原因，发现错误原因是未添加注解@Service,需要在在impl实现类的外面添加@Service注解。

效果：重新debug项目无报错。

问题4：启动项目时报错:Mapped Statements collection does not contain value for

解决过程：网上搜索解决办法，出错可能的原因有多个，经过努力排查，错误原因是mapper映射地址有误。在mybatis-config里重新配置地址。

效果：项目启动正常

1.  1.   系统部分测试

用户登录功能测试：

表5.1 用户登录功能测试表

<table style="margin-left:5.4pt;width:425.25pt;"> 
 <tbody> 
 <tr> 
 <td style="vertical-align:top;width:63.8pt;"> 测试名称 </td> 
 <td style="vertical-align:top;width:77.95pt;"> 测试功能 </td> 
 <td style="vertical-align:top;width:141.75pt;"> 操作过程 </td> 
 <td style="vertical-align:top;width:85.05pt;"> 预期结果 </td> 
 <td style="vertical-align:top;width:56.7pt;"> 测试结果 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:63.8pt;"> 用户登录模块测试 </td> 
 <td style="vertical-align:top;width:77.95pt;"> 用户登录成功的情况 </td> 
 <td style="vertical-align:top;width:141.75pt;"> 点击前台首页左上角“登录”链接后账号和密码分别输入admin和admin后点击“登录”按钮。 </td> 
 <td style="vertical-align:top;width:85.05pt;"> 登录成功并调整到用户界面 </td> 
 <td style="vertical-align:top;width:56.7pt;"> 正确 </td> 
 </tr> 
 </tbody> 
</table>

删除分类测试：

<table> 
 <tbody> 
 <tr> 
 <td style="vertical-align:top;width:68.8pt;"> 模块名称 </td> 
 <td style="vertical-align:top;width:76.25pt;"> 测试用例 </td> 
 <td style="vertical-align:top;width:76.25pt;"> 预期结果 </td> 
 <td style="vertical-align:top;width:76.3pt;"> 实际结果 </td> 
 <td style="vertical-align:top;width:75.55pt;"> 是否通过 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:68.8pt;"> 删除分类模块 </td> 
 <td style="vertical-align:top;width:76.25pt;"> 分类名：最新通知 &nbsp; </td> 
 <td style="vertical-align:top;width:76.25pt;"> 删除成功、页面自动跳转 </td> 
 <td style="vertical-align:top;width:76.3pt;"> 删除成功、页面自动跳转 </td> 
 <td style="vertical-align:top;width:75.55pt;"> 通过 </td> 
 </tr> 
 </tbody> 
</table>

修改密码测试：

<table> 
 <tbody> 
 <tr> 
 <td style="vertical-align:top;width:76.25pt;"> 模块名称 </td> 
 <td style="vertical-align:top;width:77.55pt;"> 测试用例 </td> 
 <td style="vertical-align:top;width:77.1pt;"> 预期结果 </td> 
 <td style="vertical-align:top;width:77.15pt;"> 实际结果 </td> 
 <td style="vertical-align:top;width:76.35pt;"> 是否通过 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:76.25pt;"> 修改密码模块 </td> 
 <td style="vertical-align:top;width:77.55pt;"> 原密码：888 新密码：123 确认密码：123 &nbsp; </td> 
 <td style="vertical-align:top;width:77.1pt;"> 弹出错误提示，提示原密码错误 </td> 
 <td style="vertical-align:top;width:77.15pt;"> 弹出错误提示，提示原密码错误 </td> 
 <td style="vertical-align:top;width:76.35pt;"> 通过 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:76.25pt;"> 修改密码模块 </td> 
 <td style="vertical-align:top;width:77.55pt;"> 原密码：888 &nbsp;&nbsp;&nbsp;新密码：123 确认密码：333 &nbsp; </td> 
 <td style="vertical-align:top;width:77.1pt;"> 弹出错误提示，提示确认密码不一致 </td> 
 <td style="vertical-align:top;width:77.15pt;"> 弹出错误提示，提示确认密码不一致 </td> 
 <td style="vertical-align:top;width:76.35pt;"> 通过 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:76.25pt;"> 修改密码模块 </td> 
 <td style="vertical-align:top;width:77.55pt;"> 原密码：888 &nbsp;&nbsp;&nbsp;新密码：123 确认密码：123 &nbsp; </td> 
 <td style="vertical-align:top;width:77.1pt;"> 密码修改成功 </td> 
 <td style="vertical-align:top;width:77.15pt;"> 密码修改成功 </td> 
 <td style="vertical-align:top;width:76.35pt;"> 通过 </td> 
 </tr> 
 </tbody> 
</table>

1.  1.   系统测试结果

通过对游戏网站的调试，能够检测游戏网站的稳定性，为游戏网站正式运行、稳定运行提供了可预测性的维护备案。能够帮助使用者熟悉整个游戏网站，并对游戏网站可能出现的错误有所了解。本章节提供了部分调试用例及调试日志，可以帮助使用者解决简单的错误问题，也加深了开发者对于此框架下的游戏网站编写的了解度，为后期开发者顺利完成游戏网站、发布游戏网站提供了非常大的帮助。

*   6 章 **结论**

本次游戏网站的开发使我成长了不少，在此之前我对PHP语言还是一知半解，许多编程思想和方法都还没掌握牢靠，都是在本次游戏网站的开发中我逐渐掌握逐渐熟悉的技术。

本次游戏网站的开发中我还学会了例如良好的编程思想和完善的规划思想。在着手编程之前需要罗列出程序框架的大概，脑海中构建出程序的主题框架。做好这一步我们才能胸有成竹的经行开发项目。当设计框架了熟于心之后，需要思考本次编程所需的主要知识点和技术点，并充分学习。如此一来项目的开发才能循序渐进、如丝般顺滑，长久以往就能养成良好的开发习惯。一个程序好不好还要看出的bug多不多，如果在项目完成前做好bug的查验与预防可能发生的事故才能保证程序的稳定长久性运行。如果项目在完工后出现各种问题自己，那么在进入社会后，不仅会给公司团队带来麻烦和增加不必要的工作，还会导致客户流失，公司对自己的评价下降。

在本次项目中我也暴露了诸多问题。对于PHP的知识有所欠缺，环境配置和算法上出现诸多问题，时常导致项目运行出错，或者目标的实现有问题。或者实现想法时算法未优化，使得代码冗长，程序运行不顺畅。

**参考文献**

\[1\]. Vue Entertainment signs a maintenance and service agreement with Veritek Global Ltd.\[J\]. M2 Presswire,2022.

\[2\]郭艳华. 基于Vue框架的海量数据处理系统设计\[J\]. 信息与电脑(理论版),2022,34(23):16-18.

\[3\]焦宇,李民,王欢,余开朝. 基于MySQL性能调优的推荐系统优化设计\[J\]. 软件导刊,2022,21(09):108-112.

\[4\]赵婉彤. 基于PHP与MySQL的动态网站设计与实现\[J\]. 电脑编程技巧与维护,2022,(08):103-105+109.

\[5\]郑戟明,董云朝,柳青. MySQL数据库数据导入导出方法的探讨\[J\]. 电脑知识与技术,2022,18(22):24-25.

\[6\]杨卓凡. 基于MySQL不同存储引擎下数据存储效率研究\[J\]. 电脑知识与技术,2022,18(21):18-20.

\[7\]张浩洋,顾丹鹏,陈肖勇. 基于Vue的数据管理平台实践与应用\[J\]. 计算机时代,2022,(07):66-67+72.

\[8\]. Vue Cinemas named as the best place to work by students.\[J\]. M2 Presswire,2022.

\[9\]吴波,段元梅. 基于Vue的音乐网站设计与实现\[J\]. 无线互联科技,2022,19(01):48-49.

\[10\]李胜,段元梅. 基于Vue的校园活动社交平台设计\[J\]. 无线互联科技,2022,19(01):44-45.

\[11\]Menicucci Marjolaine. Longue Vue Visio : logiciel de rééducation orthoptique à distance\[J\]. Revue Francophone d'Orthoptie,2021,14(4).

\[12\]刘倩倩. 基于PHP和MySQL的网站设计与实现\[J\]. 中小企业管理与科技(下旬刊),2020,(10):162-163.

\[13\]. Design and Implementation of Loan Management System using ISI Server, PhP and MySql\[J\]. International Journal of Recent Technology and Engineering,2019,8(4).

\[14\]M.M.Kamruzzaman. Design and Implementation of Loan Management System using ISI Server, PhP and MySql\[J\]. International Journal of Recent Technology and Engineering (IJRTE),2019,8(4).

\[15\]冯梦雨,黄媛媛,刘雨嘉. 基于Vue的Share网站设计与实现\[J\]. 数码世界,2019,(10):94.

\[16\]王姣姣,吴建华,李静霞. 信息素质教育游戏网站内部迷你百科的设计\[J\]. 高校图书馆工作,2018,38(05):54-57.

\[17\]袁利娟. 本地化的游戏网站界面设计研究\[D\].武汉理工大学,2018.

\[18\]朱荣鑫. 基于微服务架构的游戏商城服务端的设计与实现\[D\].南京大学,2017.

\[19\]杜丽娟,潘亚. 基于PHP语言开发的九宫格游戏网站建设\[J\]. 产业与科技论坛,2017,16(05):48-49.

\[20\]唐玥玚. 基于Spring与iBatis的游戏活动商城平台设计与实现\[D\].北京交通大学,2016.

## 致谢 ##

至此论文结束，感谢您的阅读。在此我要感谢我的导师，虽然我在实习期间很忙，论文撰写总是停停改改，但是导师依然十分负责，时不时的询问我的任务进展情况，跟进我的论文进度。虽然我在实习期间很忙，以至于很晚才开始进行论文撰写和编写程序的工作，但是在指导老师的帮助下，我逐步完成了自己的论文和程序，从导师身上也学习到很多知识，和经验，这些知识和经验令我受益匪浅。也从导师身上看到了自己的不足，不论是在即使层面上还是在对待工作的态度上，倒数如同明镜一般照出了我的缺点我的不足。此外，我还要感谢在我实习期间在论文和程序上帮助过我的同学和社会人士，此前我对于Vue方面的一些知识还不了解，是他们在我编写程序过程中给了我很多的启发和感想，也帮助了我对于程序的调试和检测。没有他们我是不能顺利完成本次毕业设计的。至此，我的毕业设计就花上了一个圆满的句号了。

**请关注点赞+私信博主，免费领取项目源码**

[2e6deb4630284de4b82fec0fa19f050e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/14/fb75c4cfa635430c9595612cfce5523c.png
[c0a9927acf1948afae1da017a5cfca64.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/14/2c31f588417844a8a236adc0146a95c7.png
[8a53c5a5576a4bd79f7e86112854bb8d.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/14/db5199d44cf44f7ab90be9a92fe6328d.png
[4326304ec1af4be2a6cc8df251ab263d.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/14/2697cb4405ed44eabf20f28784450b2c.png
[d6e0c5f1e9824e6ca91dd7db17fc2c1f.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/14/888dd3b83e3542da948cd64335a13e01.png
[53b7825e98d844cea87f3e23f6008dff.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/14/0884204d9d7f44bb9c0212fce760c7ec.png
[21210fedf3a24270bc9cda9205da2f31.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/14/9e3b0259854344fc83f6092f187d49db.png
[e2231d3624e247d6b1dc26e391efca44.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/14/935bc4d8245348aa9da03d8a6e7966d0.png
[7b43e4bce43b432eb89fe9973a054781.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/14/21254282411149f590fb5ee04c261932.png
[e85ca6e1530c481b893a8d9d0fc3f407.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/14/fc0b19b9e39e4a57bd31ed03226c638b.png
[ad0e4c1711c64abba51dfc9d0a702e4e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/14/98e25996d057424c93211e899b18e863.png
[ed53cb3202be4d8d8f7ac1f2795f1426.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/14/0de467115f8545aa89cb33e70a3e5cae.png
[ec52735ee1614dd09c45233a9ca61f67.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/14/f495247f013149ef8cb3675f749af9ad.png
[fed18a61293444d4af8a6e5ee03e633e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/14/ebcc2c81604645aaa3774870652d051e.png
[76f75dc1e0c64e48a3b7ddb78ddf00e0.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/14/dac0e93cfd63476bbafe1d01c43f76da.png
[3d394d05776d487aacb9c9b5090492f4.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/14/f78c74155ae0415187ae3ac1c80481ce.png
[ce48a92507a94ce499869573b6fe3de0.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/14/9e1d5524a361420c8b0db093c966864d.png
[65548f41c62e4fdaba7083185fcc94be.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/14/44efec6381824346bde6cd7cd528d405.png
[0de578a85e1748878329e15297630c50.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/14/01de2bfc32af44bdba571c38068ddf62.png
[6873021432494872a822d08549a41f83.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/14/1b7b55a0e722437ca6dbfc8aef31ad44.png
[b9d775187359435fbebc4761cb7654aa.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/14/0040e10625e946d7b504f34346e3bb3d.png
[9a8e38571c994e2cb0952f29cfae3326.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/14/a1ef82c505ff49919f8c1289a19eddca.png
[bf3959e200bf4eacba717ae99d671f04.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/14/c146b4e86f3144d69b4e8ae11d6d526d.png