今天跟大家伙儿唠唠我搞的这个“我们的家”官方网站，听着挺唬人，就是个个人项目，记录下整个过程，也算是给自己留个念想。
我寻思着最近不是挺火那个叫《我们的家》的游戏嘛虽然我没咋玩，但是看着挺有意思，就想着能不能也整个类似的，但是咱不搞游戏，咱搞个更接地气的——家庭网站！想法是好的，但是真要做起来，还是得一步一个脚印。
第一步：确定需求
不能瞎搞，得先想清楚这个网站要干
展示家庭成员：一家人嘛得有个地方介绍大家，放照片，写点小介绍。
分享生活点滴：就像朋友圈，但是更私密，记录生活中的小确幸。
小编温馨提醒：本站只提供游戏介绍，下载游戏推荐89游戏，89游戏提供真人恋爱/绅士游戏/3A单机游戏大全，点我立即前往》》》绅士游戏下载专区
家庭相册：放照片，视频，记录美好瞬间。
备忘录：记录重要的日子，比如生日、纪念日啥的。
第二步：技术选型
作为一个半吊子前端，我直接上了我最熟悉的*。
前端框架：*，上手快，组件化开发方便。
后端：* + Express，轻量级，方便快速搭建API。
数据库：MongoDB，文档型数据库，适合存储非结构化数据，比如照片、日志啥的。
服务器：直接买了阿里云的ECS，省事儿。
第三步：开始撸代码
这才是重头戏，我直接把项目分成前端和后端两部分。
前端部分：
先把页面架子搭起来，用Vue CLI快速生成项目，然后开始写组件。
首页：展示家庭成员信息，轮播一些精选照片。
日志页面：展示家庭成员发的帖子，可以评论点赞。
相册页面：照片墙，可以按时间分类。
备忘录页面：展示重要的日子，可以添加、编辑、删除。
CSS样式：我直接用了Element UI，省事儿，不用自己写样式。
后端部分：
用Express搭建API，处理前端的请求。
用户认证：简单做了个用户注册和登录，用JWT做身份验证。
API接口：提供日志的增删改查、照片的上传下载、备忘录的增删改查等接口。
数据库操作：用Mongoose连接MongoDB，进行数据操作。
第四步：遇到的坑
图片上传：一开始直接把图片存在服务器本地，结果服务器磁盘空间不够用，后来改用了阿里云的OSS，解决了存储问题。
跨域问题：前端和后端不在同一个域名下，遇到了跨域问题，通过CORS解决了。
性能优化：随着照片越来越多，加载速度变慢，用了图片懒加载和CDN加速，提升了访问速度。
第五步：部署上线
前端：直接打包成静态文件，扔到Nginx服务器上。
后端：用PM2管理*进程，保证服务稳定运行。
域名：买了域名，配置了DNS解析，就可以通过域名访问了。
总结
整个过程下来，虽然磕磕绊绊，但是也学到了不少东西。从需求分析到技术选型，再到撸代码和部署上线，每一步都是一次学习和成长。我们家的官方网站也算是有模有样了，以后可以慢慢完善，记录更多的美好瞬间。
