突发奇想|White Hole 开发实战(二)阶段验收
文章目录
- 目前进度
-
- 首页
- 注册/登录
-
- 演示
- 博客编辑功能
- 个人中心
-
- 换头像和简介
- 博文展示
- 即将完成
- 细节
-
- 文章上传
- 个人中心
目前进度 首页 现在目前而言除了频道功能和频道搜索功能没做,其他的基本上都做了,由于频道功能与博客和都用户系统功能关系紧密,所以的话,目前是没有办法去做出完整的功能,所以也没有去做,目前开在做博客部分,幸运的是目前博客部分完成了大部分。(ps:背景是动态的)
![突发奇想|White Hole 开发实战(二)阶段验收](https://img.it610.com/image/info8/d1596547e0de4fce84bd38adf49f0e07.jpg)
文章图片
注册/登录 这块目前已经把主要功能完善了。这部分主要包含两个部分,一个是验证,一个是和数据库打交道,我这里设计的表的主要特点是用户名的字段不能重复,以用户名作为识别。
演示
首先注册和登录时一样的都需要先经过验证页面。
流程就是下图:
![突发奇想|White Hole 开发实战(二)阶段验收](https://img.it610.com/image/info8/34122691c1b540d69c09c6bbff303bdf.jpg)
文章图片
实际运行是:
![突发奇想|White Hole 开发实战(二)阶段验收](https://img.it610.com/image/info8/636fe3a0c47444bc93dcecd39c32f6fb.jpg)
文章图片
![突发奇想|White Hole 开发实战(二)阶段验收](https://img.it610.com/image/info8/fc1bcd8d0be246ae9c3a8dfa5ad7ad05.jpg)
文章图片
这个时候会重写跳转回来
![突发奇想|White Hole 开发实战(二)阶段验收](https://img.it610.com/image/info8/b12947b9d7b5493886490bf17f22dfe6.jpg)
文章图片
![突发奇想|White Hole 开发实战(二)阶段验收](https://img.it610.com/image/info8/9e696ecad1ba447596def1e52544c332.jpg)
文章图片
点击头像可以跳转到个人中心
博客编辑功能 这个是使用开源的editor.md来做的。
同样你需要先登录才会进入编辑如果没有则会提示登录
![突发奇想|White Hole 开发实战(二)阶段验收](https://img.it610.com/image/info8/a7763923aa3f45f39b977cc0f7274c18.jpg)
文章图片
之后进行编写。
成功后就可以保存文章了,我么可以直接看到数据
![突发奇想|White Hole 开发实战(二)阶段验收](https://img.it610.com/image/info8/2e3a25e6d9964515a4193bd1b718ad3c.jpg)
文章图片
在个人中心也能看到数据
编辑器支持上传本地图片,并且对上传的图片做了限制,防止文件上传漏洞。
下图是保存博客的图片的文件夹,这部分没有建表,没有必要。就算建表也不能把数据直接放数据库里面,还是要存到文件夹里面,然后数据库存路径,但是这里没必要。
![突发奇想|White Hole 开发实战(二)阶段验收](https://img.it610.com/image/info8/5e4239e6f764471aab9961d49306fd28.jpg)
文章图片
个人中心 点击头像就能进入
![突发奇想|White Hole 开发实战(二)阶段验收](https://img.it610.com/image/info8/b517fe23d4d442c8b77c8a4d75aacca7.jpg)
文章图片
换头像和简介
这两货是功能实现类似,只是上传头像要麻烦一点。
下面演示上传头像,换简介也是一样的。
![突发奇想|White Hole 开发实战(二)阶段验收](https://img.it610.com/image/info8/323168a99b7b4ac0b6a118d9ab2b697c.jpg)
文章图片
![突发奇想|White Hole 开发实战(二)阶段验收](https://img.it610.com/image/info8/c2050b46f4d3468c918276894d06f1f7.jpg)
文章图片
博文展示
这个和那个博客是紧密联系的了
![突发奇想|White Hole 开发实战(二)阶段验收](https://img.it610.com/image/info8/e4e78249845044769fc1ed0cd97972fc.jpg)
文章图片
【突发奇想|White Hole 开发实战(二)阶段验收】这里显示博客名和日期,由于过滤器我没去自己重写所以暂时没有办法显示博客的摘要。只能先显示日期。
点击链接就能进入博客内容查看。
![突发奇想|White Hole 开发实战(二)阶段验收](https://img.it610.com/image/info8/da836f2ff855484ba51df0036903b828.jpg)
文章图片
目前就完成了这么多
即将完成 即将最先完成的自然是完整的博客系统,之后就是频道系统。这个很快,这部分和多用户紧密联系,所以做的慢。当然做得比较慢的主要原因职业也是使用的是MVT的设计模式,前后端的耦合度还是比较高的,所以有时候做个页面很慢,总体就慢了。
细节 文章上传 目前上传的文章其实是先将md解析成了html代码的,这样方便后期直接显示。
![突发奇想|White Hole 开发实战(二)阶段验收](https://img.it610.com/image/info8/5197148dc1104fa1b43ca9132e5f5e84.jpg)
文章图片
同时一个用户的博客名字不能重复,重复了那就相当于内容更新。
个人中心 个人中心其实是多用的,一方面给自己展示,一方面是游客查看内容(或者是其他用户)。不过目前这块要不要让游客能看到用户信息我还在考虑,毕竟如果允许的话,那么对应的博文也就能看了,加大了爬虫爬取的风险。
推荐阅读
- 【故障公告】周五下午的一次突发故障
- 兄妹之间
- 冲突发生时,无辜并不纯粹
- 绘本讲师训练营【15期】6/21|绘本讲师训练营【15期】6/21 15109 龙龙Conan 标题:What is black and white
- 生日述怀
- 灰度世界算法(Gray World Algorithm)和White Patch Retinex算法
- Zookeeper 集群4字命令白名单 stat is not executed because it is not in the whitelist.
- CSS常用小点
- codeforces|codeforces 1102D White Lines
- 移动开发|3(cordova-plugin-whitelist 协议白名单配置整理)