摘 要互联网的发展，使人们的生活更加便利，人们足不出户就可以与地球另一端的人进行交流，他们可以很便利地交换彼此对某件事情的看法，由此获得乐趣。与此同时，游戏产业随着互联网的发展也在蓬勃发展，在网络上讨论游戏相关内容成为一种潮流，由此而产生了游戏论坛，这是一个众多游戏玩家的交流平台。在所有的游戏种类中，界面清新简约的游戏也占了一定的比重，这样的游戏界面同样吸引眼球，因此我想要建设一个以清新界面风格游戏为主的游戏论坛。本次的游戏玩家线上交流网站制作成游戏论坛的形式，后台的数据是与界面清新简约的游戏相关内容。在这个论坛中，更多地展示推荐讨论关于界面清新的游戏。当用户浏览该网站时，将用户区分为两类——游客与用户。游客可以直接浏览网站中已发布的文章及其他用户发布的文章下的评论，同时以第三方视角进入用户中心，浏览该用户所发布的文章和回复。若游客想要发布文章或者回复文章，则可以注册账号，登录后再发布文章、回复文章以及收藏文章。登录后，即可在个人中心界面查看登录用户即本人发布的文章、回复的内容，以及收藏的文章，同时可以查看自己的个人信息，可以修改密码及头像信息。
目 录
1 绪论 1
1.1 网站建设开发的背景 1
1.2 网站建设的目的 1
1.3 课程研究工程伦理 1
2 软件工具的选择与介绍 3
2.1 前端设计的软件工具介绍 3
2.1.1 Adobe Photoshop与Adobe Illustrator介绍 3
2.1.2 html5+css3的选择与介绍 3
2.1.3 jQuery与swiper介绍 3
2.1.4 bootstrap4介绍 4
2.2 后端实现的软件工具介绍 4
2.2.1 PHP的选择与介绍 4
2.2.2 ueditor的选择与介绍 4
3 网站设计方案及功能概述 5
3.1 网站设计 5
3.2 网站功能 5
4 网站开发与实现 7
4.1 前端设计与实现 7
4.1.1 首页设计 7
4.1.2 文章列表页面设计 13
4.1.3 回复 *景先生毕设|www.jxszl.com +Q: ^351916072^ 
列表页面设计 15
4.1.4 个人中心（用户）界面设计 18
4.1.5 登录与注册界面设计 20
4.2 数据库设计 22
4.3 后端设计与实现 25
4.3.1 首页功能实现 25
4.3.2 文章列表页面功能实现 27
4.3.3 回复列表页面功能实现 29
4.3.4 个人中心页面功能实现 31
4.3.5 登录与注册功能实现 32
结语 35
参考文献 36
致谢 37
绪论
网站建设开发的背景
随着网络技术的不断发展，更多的人们选择使用互联网来进行人与人之间的交流。线上交流的方式，步入人们的视线。[5]．作为互联网发展产物的论坛，人们可以在此获得更多针对性的游戏内容及相关资讯，与兴趣爱好相同的人相识。
与此同时游戏产业相当发达，游戏界面清新简约的游戏也同样受欢迎。[13]．其中有的游戏由于界面做得尤其出色，例如“纪念碑谷”的2.5D风格，有时甚至以“纪念碑谷风”来指代他的界面风格，可见这种界面风格非常受欢迎，具有相当的欣赏和学习价值。近年来，同样非常流行的还有一种扁平风格，以这种风格为焦点制作的游戏界面也同样非常多，比如“limbo”[9]．，或者“剪纸风格”的“尼山萨满”。当然这几种游戏风格没有占到绝大多数，更有的游戏项目以其特有的或清新或简约的风格受到追捧。
然而，在普通常见的游戏论坛中往往没有以讨论这些游戏界面清新的游戏的内容为主的文章，也没有相应的分类，这些“冷门”的游戏缺少了生存的空间。
网站建设的目的
首先，现存的网络游戏论坛上没有以游戏界面清新风格为分类，喜欢这一界面风格的玩家想要找到类似的游戏很不便利。如果存在关于某一款游戏的讨论区，那么也仅限于这一款游戏而已，其他同种界面风格的游戏就不会被玩家所知晓。也许这类游戏在操作方面的需讨论度会比其他的游戏要低，即重复可玩性不高，但是他们在界面设计方面的可欣赏程度不比其他热门游戏低。
所以，这次的网站建设要做一个以讨论、推荐、欣赏清新简约风格为主的游戏论坛，为喜爱这一界面风格游戏的玩家提供一些参考意见，提供一个专属的交流平台。如果有可能的话，扩大这一风格游戏的受众。
课程研究工程伦理
首先，在这个信息流通十分迅速的时代，线上交流也是一种重要的方式，给大家提供了更多的交流方式。同时，游戏产业的发展使得游戏论坛步入人们的视线，普通人由此了解到游戏不仅仅有竞技的元素，也具有欣赏的价值，不仅仅是“热血斗争”，也可以是一种放松的方式。
其次，游戏玩家相互交流的平台主要聚集在论坛平台上，对于仅限于大屏幕网页显示的论坛网站，在移动端占据了网络世界大半江山的现在，不能在移动端上正常显示，就失去了一定数量的用户。从而，自适应的响应式网站将可以减少或避免这种情况的发生。
最后，响应式的游戏论坛网站可以符合使用各种尺寸屏幕用户的需求，且多样的分类、自由的发言环境和简洁易懂的功能能够吸引更多的用户。
软件工具的选择与介绍
前端设计的软件工具介绍
Adobe Photoshop与Adobe Illustrator介绍
Illustrator与Photoshop主要是用来处理网站中出现的图片素材，以及网站中出现的图标。图标主要是由Illustrator制作，Illustrator的渐变、钢笔工作往往比Photoshop的更好用，其渐变的效果更加自然。使用Illustrator制作2.5D效果的图片以及扁平风的图片更为方便[9]．，制作的图片更加符合介绍的游戏的风格。而且，Illustrator制作的是矢量图，存储为svg格式显示在网站上，不会使图片失真。Photoshop主要用来将一些图片素材拼接在一起，再添加一些简单特效，给图片添加一些特定的效果。
html5+css3的选择与介绍

原文链接：http://www.jxszl.com/jsj/qrs/82897.html