10_博客管理系统

1 项目展示

Express框架可以开发各种不同类型的项目,博客管理系统(Blog Management System)就是一个比较典型的项目。许多热爱分享技术的程序员都在建立自己的博客,用来发表一些技术文章。
主要完成用户登录、用户管理、文章管理、文章列表页面、文章详情页面,以及评论管理功能。

1.1 用户登录页面

图片1.png

1.2 用户管理页面

在用户登录页面输入邮箱和密码,登录成功后,进入用户管理页面
图片2.png

1.3 新增用户页面

单击用户管理页面中的“新增用户”按钮,进入新增用户页面
图片3.png

1.4 用户信息编辑页面

单击用户管理页面中的修改按钮,进入用户信息编辑页面
图片4.png

1.5 文章管理页面

单击用户管理页面中的“文章管理”选项,进入文章管理页面
图片5.png

1.6 发布新文章页面

单击文章管理页面中的“发布新文章”按钮,进入发布新文章页面
图片6.png

1.7 前台文章列表页面

博客前台的文章列表页面
图片7.jpg

2 功能介绍

2.1 后台功能

  • 用户管理:包括用户登录、用户退出和管理用户的功能。用户登录时填写邮箱、密码,单击“登录”按钮,即可进行登录。登录成功后会进入到后台首页,后台管理员可以对用户进行添加和删除等操作。
  • 文章管理:文章管理模块包括对文章的添加、修改和删除等功能,添加文章时需要支持文件上传功能,文章列表页实现分页和检索功能,并可根据文章标题和分类等条件筛选文章。在文章管理模块中,普通用户只能对自己的文章进行管理,管理员可以对所有用户的文章进行管理。
  • 评论管理:主要包括评论列表页和删除评论等功能。

2.2 前台功能

  • **文章列表:**文章列表页面主要用来展示文章的标题和文章部分内容。
  • **文章详情:**展示文章的详细信息,进入文章详细页有多个入口,分别是列表页和列表页右侧的最新博文模块。
  • **评论功能:**用户可以对文章发表评论并展示当前文章相关的评论列表。用户发表评论需要验证是否登录,只有登录后才可以发表评论。

猜你喜欢

转载自blog.csdn.net/zhangchen124/article/details/133785233