文享日志

vHanblog博客

博客

发表于2018年10月27日20:49:19

更新于2018年11月16日21:10:24

0条评论 76次阅读

项目产生缘由:

  1. 本博客(hanblog)是我第一个真正意义上的项目。博客是在看了《Node.js开发者指南》这本书之后进行尝试编写,写的过程中好多都不是特别清楚,稀里糊涂的就写完了。虽然大部分功能正常,但还是有一小部分让我并不满意。。比如评论,回复评论这部分。。再者,博客代码随着几次改动,数据库数据表添加了好多东西,由此显得特别凌乱。。

  2. 放假了没事干。

  3. 想用Vue.js再写点什么


技术框架:

  1. 后端基于Node.js。采用koa.js框架

  2. 桌面端-前端采用Vue.js,使用Element-UI构建界面;移动端-前端采用Vue.js,使用Cube-UI构建页面

  3. 数据库为MongoDB

  4. 编辑器为wangEditor富文本编辑器  与  mavonEditor Markdown编辑器



功能:

1、文章管理

1)文章发表(普通富文本编辑器与Markdown编辑器)

2)文章概览(查看已发表的文章,对文章进行编辑与删除)

3)新增查看(查看文章新增的访客与赞与踩与评论数量)


2、评论管理

1)发表评论(专门的留言页面与文章下方的留言)

2)删除专门的留言页面的留言

3)删除文章内留言


3、链接管理

1)添加/删除自己的链接

2)添加/删除友情链接


4、头像设置(后台可设置首页头像)


5、用户管理

1)查看当前登录用户信息

2)设置管理员

3)修改密码

系统中有三种用户类型:普通用户,管理员与超级管理员。新注册用户为普通用户,申请管理员需要联系超级管理员(就是我啦)


6、通知系统

1)支持查看用户登录的IP(已超链接到IP查询API)与时间

2)支持查看博客访问量,新增访问量,文章访问量,点赞量,评论量等


7、本地存储

1)实时存储文章编辑的状态,当文章成功发表再将本地存储的内容销毁

2)本地存储评论用户的信息


项目地址:

vHanblogServer

https://github.com/LuckyHH/vhanblogServer


vHanblogPanel

https://github.com/LuckyHH/vhanblogPanel


预览:

主页


后台


预览地址:

桌面端:http://blog.docmobile.cn

(目前仅支持电脑端,移动端未适配)

移动端 : http://m.docmobile.cn


测试账户:test,密码:123456

登录接口在首页最下方的LuckyHH上,点击即可进入


后台是根据UA来判断给用户分发桌面端代码还是移动端代码。所以当在桌面端访问m.docmobile.cn时,会重定向到blog.docmobile.cn。此时,需要打开Chrome devtools,改成移动端即可。


已知Bug:

1)部署到服务器之后,由于是Nginx反向代理,所以后台登录IP获取的都是127.0.0.1(已修复)


TODO:

1)美化UI

2)移动端适配

3)输入验证

4)Bug修复




👍 3  👎 0
共有0条评论

发表新评论

提交

广告展示

腾讯云推广 阿里云推广