Giter Site home page Giter Site logo

noraevergreen / ssh-myblog Goto Github PK

View Code? Open in Web Editor NEW

This project forked from 978190375/ssh-myblog

0.0 1.0 0.0 19.59 MB

Spring-Strtus-Hibernate综合设计。学习SSH时,做的一个个人博客系统。能够实现添加文章、分类、标签、评论等功能

Java 23.40% HTML 3.37% CSS 10.02% JavaScript 61.73% TSQL 1.48%

ssh-myblog's Introduction

SSH个人博客系统

学习SSH时,做的一个个人博客系统。
  • 需求分析:
    对于本博客系统,是面向个人使用,主要用于记录日常学习知识与文章分享。
    网站博主可以发表文章,每篇文章可以选择多个分类和标签。文章发表后,访问者可以查看每条博文,并对其进行评论和点赞。
    对于参观者所留下的评论,博主可以对其进行审核,通过则显示,未通过则删除。

系统功能

系统主要为文章管理、分类管理、标签管理以及评论管理。

文章管理:文章有标题、内容、分类、标签、摘要、特色图片、浏览量、点赞量等属性。文章管理主要有文章的编写发布、查看、修改、删除。
分类管理:每篇文章都可以由多个分类。分类主要有ID、分类名称属性。分类管理主要实现分类的添加、修改、删除、按照分类查看文章。
标签管理:每篇文章可以有多个标签。标签主要有ID、标签名称属性。标签管理主要实现标签的添加、修改、删除、按照标签查看文章。
评论管理:每篇文章都可以任意评论,每条评论网站访问者都可以查看并点赞或者点踩。评论管理主要为评论的增加、删除以及查看评论。

功能模块设计

>功能模块描述<

管理员文章管理、评论管理、分类管理、标签管理四大模块。
访问者文章点赞、增加评论、评论点赞/踩。
管理员:
文章管理:文章添加、文章删除、文章修改
评论管理:评论审核
分类管理:新增分类、修改分类、删除分类
标签管理:新增标签、修改标签、删除标签
1) 文章添加:文章标题、内容、相关分类、标签、摘要以及特色图片
2) 文章删除:通过Ajax获取文章ID进行删除
3) 文章修改:通过Ajax获取文章详情,并进行修改
4) 评论审核:通过Ajax获取所有未审核评论,并对其进行审核,通过保留、未通过删除
5) 新增分类:通过Ajax保存新分类
6) 修改分类:通过Ajax获取分类详情,进行修改并保存
7) 删除分类:通过Ajax直接异步删除该分类
8) 新增标签:通过Ajax保存新标签
9) 修改标签:通过Ajax获取标签详情,进行修改并保存
10) 删除标签:通过Ajax直接异步删除该标签
11) 文章查询:通过Action跳转获取所有文章信息,进行异步加载剩余文章
12) 文章、评论点赞:通过Ajax直接传入相关文章或评论ID,进行更新
13) 追加评论:对文章进行评论,并通过Ajax进行提交保存。

>功能模块描述<

image
image

>数据库设计<

Article表【文章表】
image
Sort表【分类表】
image
Tag表【标签表】
image
Comment表【评论表】
image
user表【用户表表】
image
article_sort表【文章分类表】
image
article_sort表【文章标签表】
image

图片预览

前台界面

image

文章详情页

image

文章详情下方文章点赞、添加评论、评论点赞

image

分类页

image

标签页

image

后台登陆界面

image

后台首页界面

image

后台所有文章界面

image

后台文章发布界面

image

后台文章修改界面

image

后台分类功能界面

image

后台标签功能界面

image

评论审核界面

image

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.