今天跟大家唠唠我搞的这个《新生活计划》游戏官网，一开始我也就是随便玩玩，结果越玩越上头，就琢磨着自己也做一个类似的网站，记录一下自己的“新生活计划”，也分享给其他想改变生活的朋友。
第一步：想法冒出来事情是这样的，之前工作一直很忙，感觉生活特别没劲，每天就是上班下班，吃饭睡觉，完全没有自己的时间。后来看到一个叫《新生活计划》的游戏，一下子就觉得，我也应该好好规划一下自己的生活了。我就寻思，做一个网站，把每天要做的事情、想做的事情都记录下来，也算是一个监督。
确定了要做网站，接下来就是选技术了。我之前学过一点HTML、CSS和JavaScript，想着这回就用这些基础的东西来实现。后端嘛先简单点，用*搭一个，数据库就用MongoDB，简单易上手。
第三步：开始动手小编温馨提醒：本站只提供游戏介绍，下载游戏推荐89游戏，89游戏提供真人恋爱/绅士游戏/3A单机游戏大全，点我立即前往》》》绅士游戏下载专区
HTML和CSS：我搭了网站的基本框架，就一个首页，放一些介绍和计划展示。然后用CSS把页面美化了一下，颜色搭配、字体选择，搞得还挺舒服的。
JavaScript：JS主要负责和后端的交互，比如获取计划列表、添加新的计划、删除计划等等。
*和MongoDB：*搭了一个简单的API，用来处理前端的请求。MongoDB用来存储计划的数据，每个计划包括内容、完成状态、创建时间等等。
第四步：功能实现 计划展示：从数据库里读取计划列表，然后在首页展示出来，可以按照时间排序，也可以按照完成状态排序。
做一个表单，用户可以输入计划的内容，然后提交到后端，后端把数据保存到数据库里。
修改计划：可以修改计划的内容和完成状态，修改完成后，前端会刷新页面，展示最新的计划列表。
删除计划：点击删除按钮，前端会发送一个请求到后端，后端从数据库里删除对应的计划。
前端和后端不在同一个域名下，所以出现了跨域问题。解决方法是在*里设置了CORS，允许跨域请求。
数据格式问题：前端和后端的数据格式不一致，导致数据传递出现问题。解决方法是在前端和后端都进行了数据格式的转换。
样式问题：CSS样式在不同的浏览器上显示效果不一样。解决方法是使用了一些CSS Reset，并且针对不同的浏览器进行了兼容性处理。
第六步：的成果经过一段时间的折腾，网站终于搞定了！虽然功能很简单，界面也很简陋，但是总算可以用了。我自己每天都会上去记录一下自己的“新生活计划”，感觉还挺有动力的。
第七步：后续的计划 完善功能：比如增加用户登录注册功能，增加计划分类功能，增加提醒功能等等。
请一个设计师来帮忙美化一下界面，让网站看起来更专业。
分享给朋友：把网站分享给身边的朋友，让他们也来体验一下，看看能不能帮助到他们。
这回做《新生活计划》游戏官网的经历，让我学到了很多东西。虽然过程很辛苦，但是看到自己的成果，还是很有成就感的。希望我的分享能对大家有所帮助！
