首页 璞玉游戏攻略 正文

梦境之地V0.4官网最新活动,福利等你来拿!

今天跟大家唠唠我搞的这个《梦境之地V0.4官网》的事儿,纯纯的个人实践,从零开始,磕磕绊绊,总算有个能看的样子了。 起因: 最开始就是单纯喜欢《梦境之地》这个游戏,看着它一点点更新,心里痒痒,寻思着能不能自己也整个小网站,方便自己查攻略、看更新啥的。正好最近有点空,就想着折腾折腾。 ...

今天跟大家唠唠我搞的这个《梦境之地V0.4官网》的事儿,纯纯的个人实践,从零开始,磕磕绊绊,总算有个能看的样子了。

起因:

最开始就是单纯喜欢《梦境之地》这个游戏,看着它一点点更新,心里痒痒,寻思着能不能自己也整个小网站,方便自己查攻略、看更新啥的。正好最近有点空,就想着折腾折腾。

准备工作:

  • 域名:先去搞了个域名,名字就不说了,反正得先有个地儿。
  • 小编温馨提醒:本站只提供游戏介绍,下载游戏推荐89游戏,89游戏提供真人恋爱/绅士游戏/3A单机游戏大全,点我立即前往》》》绅士游戏下载专区

  • 服务器:买了台云服务器,配置不高,够用就行,反正就自己用。
  • 技术栈:前端 *,后端 * + Express,数据库 MongoDB。 都是我比较熟的,上手快。

开始动手:

1. 页面设计:

我这人没啥审美,直接参考了《梦境之地》游戏里的风格,扣了一些素材,然后自己瞎拼凑。主要就几个页面:

  • 首页:放一些游戏介绍、最新更新啥的。
  • 攻略:各种英雄、装备的攻略,手动整理。
  • 新闻:搬运官方的更新公告。
  • 下载:放个官方的下载链接。

2. 前端开发:

用 * 搭了个架子,然后就开始往里填内容。页面布局用了 flex 布局,样式就随便写写,能看就行。数据交互用 Axios,从后端获取数据。

3. 后端开发:

* + Express 搭建了一个简单的 API 接口,主要就提供一些数据查询的接口。数据库用 MongoDB,存一些攻略、新闻啥的数据。

4. 数据填充:

这部分是最痛苦的,攻略啥的都是我一点点从游戏里整理出来的,然后手动录入到数据库里。新闻就更简单了,直接从官方公告里复制粘贴。

遇到的坑:

  • 跨域问题:前端请求后端接口的时候,遇到了跨域问题,搞了半天才解决。
  • 数据库连接问题:MongoDB 的连接字符串配置错了,一直连不上数据库。
  • 服务器配置问题:刚开始服务器配置不太熟悉,各种权限问题,搞得焦头烂额。

最终效果:

虽然看着简陋,但总算能用了。能看攻略,能看新闻,能下载游戏,这就够了。V0.4 版本主要就是把基本功能实现了,后续还会慢慢完善。

这回实践让我对前端、后端、数据库都有了更深入的理解。虽然过程很痛苦,但看到自己的作品能用,还是挺有成就感的。以后会继续努力,把这个小网站做得更

一些想法

还想加一些互动功能,比如评论、点赞啥的。但感觉自己能力有限,暂时先放一放。以后有机会再折腾。