开发个人博客

作为一个前端程序猿一直有一个愿望，就是拥有一个自己的小网站。

经过好几个周末的摸索，终于有了这个雏形：孙权的博客

这个博客由前台，管理端，后端服务接口组成。详细如下：

• 前端：vue
• 管理端：element.ui + vue.js
• 后端：node.js + express + Mongodb
• 服务器：腾讯云服务器 window server 2012 R2 || linux

管理端截图：

当然她还没有什么功能，样式细节也处理的不好。但是万事开头难，我已经开了一个头了。接下来我会找时间持续更新的，持续维护这个小火苗。

一：部署过程：

window server

1.开通云服务器，配置apache服务器软件。配置apache根目录

2.设置云服务器FTP，部署编译后的客户端代码到apache，并部署编译后的管理后台代码

3.云服务器安装node，上传后端接口node代码，启动接口

4.服务器安装mongodb，配置文件路径，启动mongodb。使用语句操作集合（即表）

6.客户端调试接口，后端修改代码

7.管理后台调试代码

linux

1.安装mongodb，导入mongodb数据文件

2.上传由node写的后端代码，启动服务

3.FTP上传前端编译后的代码，和Node写的静态资源服务器文件；启动静态服务器

二：部署问题：

1.跨域：

开发环境下，vue-cli可以在vue.config.js文件中配置代理，解决了跨域的问题。开发环境下local直接正常访问。

生产环境下，前端代码放在apache里，后端代码用的node服务。apache使用的端口和后端Node的端口不一样，所以要自己设置apache的跨域，设置跟生产环境下vuecli一样的代理就好了。apache如果不设置跨域，前端页面请求接口时报404错误，不直接报跨域问题

具体apache的跨域设置可参考懵懂老头：跨域问题

三：推广计划

在本人知乎的个人简介里添加入口，

在本人知乎的高赞文章里添加入口，

知乎添加贪吃蛇文章，添加入口

在博客新增贪吃蛇文章，增添博客趣味性

知乎尽可能多回答问题，提高知乎账号曝光率，转化为博客曝光率

在每一篇知乎的文章最后都加上我的网址引流

四：部分业务逻辑

1.关于评论的逻辑

首先文章库的每条文章数据里面都有一个评论数字段。

新增：

用户在文章详情页下面新增评论后，前端会收集文章Id、文章标题、用户名、创建时间、评论文案传给后端，接口会把这条记录插入评论数据表里。

插入成功后，前端会将文章Id传给另外一个接口。该接口根据文章ID查出该文章的评论数字段值，给值+1。然后更新文章表里这条数据的评论字段值为加1后的值。

删除：

管理端在评论列表里点击删除评论后，前端将该条评论的评论Id传给一个接口，将文章Id传给另外一个接口。

后端一个接口根据评论id，从评论表删除该条评论。另一个接口根据文章id，从文章表中查出该文章的评论数并加一，然后将该条数据的评论数更新为加一后的数字。