个人博客网站

本次系统的开发决定采用较新式的技术进行项目的设计与实现。本系统基于B/S架构,前端方面使用jQuery辅助JavaScript进行样式交互和DOM操作,通过Ajax进行网络请求。在后端上使用的技术为Node.js,配合开源框架ExpressMVC开发模式。数据库使用的是MongDB,它的数据结构非常具有结构化,是Bson格式,它很类似于Json格式,数据结构非常清晰直观,而且对数据的类型和长度都有很好的支持,因此可以存储比其他数据库更加复杂化的数据类型。

经过对系统设计目标的分析和对用户需求的调研和了解确了系统需要实现的功能层次

1573920969(1).jpg

依据上图所示本系统主要实现文章浏览、发布文章、删除文章、修改文章、搜索文章、评论、回复评论、删除评论、和对用户的管理等功能。系统的具体功能需求包括:

1浏览文章:所有类型的用户进入系统后可以浏览文章

2)发布文章:博主登录成功后可以对自己想分享的文章进行发布。

3)修改文章:博主成功登陆后可以对已发布的文章进行修改,但修改的部分只包括文章标题、文章内容和文章类型。

4)查询文章:所有类型用户可以在首页对文章进行搜索,搜索规则按照输入的文章名关键字进行模糊查询。

5)删除文章:博主登录成功后可以在系统管理页面对自己发布过的文章进行删除。

6)评论文章:所有登录后的用户可以对感兴趣的内容进行评论。

7)删除评论:博主登录成功后可以在系统管理页面对用户发布的评论进行删除。

8)回复评论:所有登录后的用户可以对其他用户发布的评论进行回复,回复的格式以@+用户昵称+回复内容的形式展现。

9)管理用户:博主登录成功后可以在系统管理页面对已注册用户进行注销 (即删除)

管理员添加文章用例时序图

1573921058(1).jpg

主页

下图是系统主界面,界面的主体分为两部分,左侧显示的是轮播图和文章列表,右侧是关于作者、最新发布、最新留言等模块。在文章列表框里,每篇文章占一个框,内容下面标示了作者、写作日期、阅读数以及评论数,方便用户查看用户点击文章标题即可进入文章详情页面。底部的页脚部分包含博主的联系方式包括邮箱、微博和GitHub地址

1573921100.png

登录

1573921122.png

1573921134.png

评论界面

1573921151.png

后台管理界面

后台管理界面是面向博主的操作系统的页面,主要包括管理文章、管理留言和管理用户三部分

1573921184.png


  • 微信
  • 赶快加我聊天吧
  • 开发交流群
  • 海纳百川,大家来水
  • weinxin
微义工作室

发表评论 取消回复