毕业设计_基于SpringBoot+vue的社区博客系统【源码+SQL+教程+可运行】41002

毕业设计_基于SpringBoot+vue的社区博客系统【源码+SQL+教程+可运行】41002

技术栈:

  • graduation_admin 后台管理页面 (vue)
  • graduation_web 前台页面 (vue)
  • graduation_server 后台api (Java+springboot+mybatis)

功能描述:

管理端:
  1. 首页统计
  2. 分类管理
  3. 文章管理
  4. 用户管理
  5. 评论管理
  6. 页面配置
用户端:
  1. 首页文章列表展示
  2. 文章详情以及评论
  3. 问答:按最新问答、等待回答、已解决分类
  4. 我的主页展示我的所有文章信息
  5. 个人中心:提问、写文章、问题列表以及文章列表查看
  6. 个人信息展示

管理后台

graduation_admin

# 进入项目目录
cd graduation_admin

# 安装依赖
npm install

# 建议不要直接使用 cnpm 安装以来,会有各种诡异的 bug。可以通过如下操作解决 npm 下载速度慢的问题
npm install --registry=https://registry.npm.taobao.org

# 启动服务
npm run dev

用户端

graduation_web

启动方法 与上述一致。

服务端

graduation_server

启动步骤:

  1. 修改数据库连接信息

    spring:
      datasource:
        driver-class-name: com.mysql.cj.jdbc.Driver
        username: root
        password: root
        url: jdbc:mysql://127.0.0.1:3306/41001_graduation?useSSL=false&useUnicode=true&characterEncoding=UTF8&serverTimezone=Asia/Shanghai
    

​ 2. 创建数据库,执行./sql/graduation.sql中的脚本,初始化数据库表结构。

  1. 创建admin用户

    如果没有清空和数据库:账号/密码: nilbrains/123456

    // 初始化 管理员账号
    @PostMapping("/user/admin_account")
    public ResponseResult initManagerAccount(@RequestBody User user, HttpServletRequest request) {
        return userService.initManagerAccount(user, request);
    }

展示图片

管理端页面

image-20241002203348243

image-20241002203413012

image-20241002203448247

image-20241002203505461

image-20241002203519656

image-20241002203554053

用户端页面

image-20241002203722341

image-20241002203746920

image-20241002203824427

image-20241002203838633

image-20241002203858653

image-20241002203920654

image-20241002203941831

image-20241002203957466

image-20241002204015686

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值