wey: 基于vue+django的社交网站(0)

前言

这个项目我是跟随 youtube 上的博主视频教程做的。大概是从五月初开始的，持续了三个星期左右。这个项目对我来说有着非凡的意义，因为能将它完成说明自己具备了设计一个网站和部署上线的能力，而且用上了我目前最喜欢的技术栈：vuejs+django。写这篇博客时，它还处于一个比较难用的阶段，很多功能还没有添加，我打算在记录的过程中逐步添加这些功能。

项目 github 链接。

工作流

写前端代码的编辑器为 vscode，插件组合为 Tailwind CSS IntelliSense+Volar。后端代码用 pycharm，python 的环境管理参照我之前写的博文。很不幸的是，自己创建项目时没有引入 git 进行代码管理。然后我现在已经加上了 git。

资源网站：

• heroicon(下载 icon，免登录）
• tailwindcss cheatsheet(忘记样式写法时的速查表）
• chatgpt(问问题很好用）
• django docs（少有的高质量中文文档）

完成记录

• day1: 将数据库更换为 mysql，并用 docker 部署运行。暂时删除了注册账户时发送邮件的功能。批量生成 post 和 comment 的伪数据。
• day2: 实现了帖子和评论的分页。管理后台界面用了 django-admin-grappeli 插件进行美化（其实差不多）。修复了 edit profile 无法显示头像上传框的问题。登录逻辑由原来的双 token 改为单 token。
• day3: 整理了生产环境和开发环境配置文件，并在生产环境（云主机+docker)调试上线。