White Hole 开发实战(二)阶段验收

文章目录

  • 目前进度
    • 首页
    • 注册/登录
      • 演示
    • 博客编辑功能
    • 个人中心
      • 换头像和简介
      • 博文展示
  • 即将完成
  • 细节
    • 文章上传
    • 个人中心

目前进度

首页

现在目前而言除了频道功能和频道搜索功能没做,其他的基本上都做了,由于频道功能与博客和都用户系统功能关系紧密,所以的话,目前是没有办法去做出完整的功能,所以也没有去做,目前开在做博客部分,幸运的是目前博客部分完成了大部分。(ps:背景是动态的)
White Hole 开发实战(二)阶段验收_第1张图片

注册/登录

这块目前已经把主要功能完善了。这部分主要包含两个部分,一个是验证,一个是和数据库打交道,我这里设计的表的主要特点是用户名的字段不能重复,以用户名作为识别。

演示

首先注册和登录时一样的都需要先经过验证页面。
流程就是下图:
White Hole 开发实战(二)阶段验收_第2张图片
实际运行是:
White Hole 开发实战(二)阶段验收_第3张图片
White Hole 开发实战(二)阶段验收_第4张图片
这个时候会重写跳转回来
White Hole 开发实战(二)阶段验收_第5张图片
White Hole 开发实战(二)阶段验收_第6张图片
点击头像可以跳转到个人中心

博客编辑功能

这个是使用开源的editor.md来做的。
同样你需要先登录才会进入编辑如果没有则会提示登录
White Hole 开发实战(二)阶段验收_第7张图片
之后进行编写。
成功后就可以保存文章了,我么可以直接看到数据
White Hole 开发实战(二)阶段验收_第8张图片
在个人中心也能看到数据
编辑器支持上传本地图片,并且对上传的图片做了限制,防止文件上传漏洞。
下图是保存博客的图片的文件夹,这部分没有建表,没有必要。就算建表也不能把数据直接放数据库里面,还是要存到文件夹里面,然后数据库存路径,但是这里没必要。

White Hole 开发实战(二)阶段验收_第9张图片

个人中心

点击头像就能进入
White Hole 开发实战(二)阶段验收_第10张图片

换头像和简介

这两货是功能实现类似,只是上传头像要麻烦一点。
下面演示上传头像,换简介也是一样的。
White Hole 开发实战(二)阶段验收_第11张图片
White Hole 开发实战(二)阶段验收_第12张图片

博文展示

这个和那个博客是紧密联系的了
White Hole 开发实战(二)阶段验收_第13张图片

这里显示博客名和日期,由于过滤器我没去自己重写所以暂时没有办法显示博客的摘要。只能先显示日期。
点击链接就能进入博客内容查看。
White Hole 开发实战(二)阶段验收_第14张图片
目前就完成了这么多

即将完成

即将最先完成的自然是完整的博客系统,之后就是频道系统。这个很快,这部分和多用户紧密联系,所以做的慢。当然做得比较慢的主要原因职业也是使用的是MVT的设计模式,前后端的耦合度还是比较高的,所以有时候做个页面很慢,总体就慢了。

细节

文章上传

目前上传的文章其实是先将md解析成了html代码的,这样方便后期直接显示。
White Hole 开发实战(二)阶段验收_第15张图片
同时一个用户的博客名字不能重复,重复了那就相当于内容更新。

个人中心

个人中心其实是多用的,一方面给自己展示,一方面是游客查看内容(或者是其他用户)。不过目前这块要不要让游客能看到用户信息我还在考虑,毕竟如果允许的话,那么对应的博文也就能看了,加大了爬虫爬取的风险。

你可能感兴趣的