1962springboot VUE社区服务平台系统开发mysql数据库web结构java编程计算机网页源码maven项目

于 2024-06-22 16:34:58 发布
阅读量1.2k 收藏 14
点赞数 34
分类专栏： java类 文章标签： 数据库 前端 java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41221322/article/details/139884369
版权

一、源码特点
  springboot VUE社区服务平台系统是一套完善的完整信息管理类型系统，结合springboot框架和VUE完成本系统，对理解vue java编程开发语言有帮助系统采用springboot框架（MVC模式开发），系统具有完整的源代码和数据库，系统主要采用B/S模式开发。

视频连接：

适合小白学习的项目1962springboot VUE社区服务平台系统开发mysql数据库web结构java编程计算机网页源码maven项目_哔哩哔哩_bilibili


前段主要技术 vue 
后端主要技术 Springboot java
数据库 mysql
开发工具 IDEA  JDK1.8 
elastic search 7.3.1
环境需要

1.运行环境：最好是java jdk 1.8，我们在这个平台上运行的。其他版本理论上也可以 不建议。

2.IDE环境：推荐IDEA;

3.硬件环境：windows 7/8/10 1G内存以上；；

5.数据库：MySql 5.0 到 5.5 等版本均可 需要高版本 如mysql8.0 需要修改数据连接配置，以及maven中的mysql 驱动包；

6.是Maven项目；查看源码目录中是否包含pom.xml；

使用说明

1. 使用Navicat或者其它工具，在mysql中创建对应sql文件名称的数据库，并导入项目的sql文件 数据库字符集gb2312；

2. 使用IDEA导入项目;

3. 将项目中sqfw\src\main\resources 下的 application.properties 配置文件中的数据库配置改为自己的配置;
数据库支持 mysql5.0 到5.5 ，如果需要5.7 到8.0 需要二次转换升级
4.vscode 开vue项目工程
5.vue 项目启动  npm run serve 
vue 版本 2.9.6
node 版本 16.14.2

二、功能介绍

后端服务功能主要包括：
(1)管理员管理：对管理员信息进行添加、删除、修改和查看
(2)用户管理：对用户信息进行添加、删除、修改和查看
(3)活动管理：对活动信息进行添加、删除、修改和查看
(4)浏览管理：对浏览信息进行删除、修改和查看
(5)互助管理：对互助信息进行添加、删除、修改和查看
(6)评论管理：对评论信息进行删除、修改和查看
(7)帖子管理：对帖子信息进行删除、修改和查看
(8)回复管理：对回复信息进行删除、修改和查看
(9)聊天室
前端主要包括：
（1）用户登录、注册
（2）活动信息浏览、详情查看
（3）互助信息浏览、详情查看、评论互助信息、根据协同过滤算法推荐可能访问互助信息
（4）浏览帖子、查看帖子、发帖
（5）针对帖子信息进行浏览回复
（6）个人信息修改

数据库设计

CREATE TABLE `gly` (
`glyid` int(11) NOT NULL auto_increment,
`yhm` VARCHAR(40) default NULL COMMENT '用户名',
`mm` VARCHAR(40) default NULL COMMENT '密码',
`xm` VARCHAR(40) default NULL COMMENT '姓名',  PRIMARY KEY  (`glyid`)
) ENGINE=InnoDB DEFAULT CHARSET=gb2312;
CREATE TABLE `yonghu` (
`yhid` int(11) NOT NULL auto_increment,
`yhm` VARCHAR(40) default NULL COMMENT '用户名',
`mm` VARCHAR(40) default NULL COMMENT '密码',
`xm` VARCHAR(40) default NULL COMMENT '姓名',
`lxdh` VARCHAR(40) default NULL COMMENT '联系电话',
`lxdz` VARCHAR(40) default NULL COMMENT '联系地址',  PRIMARY KEY  (`yhid`)
) ENGINE=InnoDB DEFAULT CHARSET=gb2312;
CREATE TABLE `huodong` (
`hdid` int(11) NOT NULL auto_increment,
`bt` VARCHAR(40) default NULL COMMENT '标题',
`nr` VARCHAR(40) default NULL COMMENT '内容',
`tp` VARCHAR(40) default NULL COMMENT '图片',
`yh` VARCHAR(40) default NULL COMMENT '用户',
`fbsj` VARCHAR(40) default NULL COMMENT '发布时间',
`zt` VARCHAR(40) default NULL COMMENT '状态',  PRIMARY KEY  (`hdid`)
) ENGINE=InnoDB DEFAULT CHARSET=gb2312;
CREATE TABLE `liulan` (
`llid` int(11) NOT NULL auto_increment,
`yh` VARCHAR(40) default NULL COMMENT '用户',
`lx` VARCHAR(40) default NULL COMMENT '类型',
`llsj` VARCHAR(40) default NULL COMMENT '浏览时间',
`bh` VARCHAR(40) default NULL COMMENT '编号',  PRIMARY KEY  (`llid`)
) ENGINE=InnoDB DEFAULT CHARSET=gb2312;
CREATE TABLE `huzhu` (
`hzid` int(11) NOT NULL auto_increment,
`bt` VARCHAR(40) default NULL COMMENT '标题',
`fbnr` VARCHAR(40) default NULL COMMENT '发布内容',
`tp` VARCHAR(40) default NULL COMMENT '图片',
`jg` VARCHAR(40) default NULL COMMENT '价格',
`fbyh` VARCHAR(40) default NULL COMMENT '发布用户',
`fbsj` VARCHAR(40) default NULL COMMENT '发布时间',
`lx` VARCHAR(40) default NULL COMMENT '类型',
`zt` VARCHAR(40) default NULL COMMENT '状态',  PRIMARY KEY  (`hzid`)
) ENGINE=InnoDB DEFAULT CHARSET=gb2312;
CREATE TABLE `pinglun` (
`plid` int(11) NOT NULL auto_increment,
`hz` VARCHAR(40) default NULL COMMENT '互助',
`plsj` VARCHAR(40) default NULL COMMENT '评论时间',
`yh` VARCHAR(40) default NULL COMMENT '用户',
`plnr` VARCHAR(40) default NULL COMMENT '评论内容',  PRIMARY KEY  (`plid`)
) ENGINE=InnoDB DEFAULT CHARSET=gb2312;

后端代码设计



   /**活动列表 查询huodong
     *
     */
    @GetMapping("list")
    public Result  list(@RequestParam(value = "pageNum",defaultValue = "1") int page,
                            @RequestParam(value = "pageSize",defaultValue = "10") int szie,
			    @RequestParam(defaultValue = "") String bt
			    )  {

        Result res=new Result();


        List list=null;
        String sql="";
        try{


      
	  if(bt!=null&&!bt.equals("")){
                sql+=" and bt like '%"+bt+"%'";//符合条件 拼接sql 标题
            }
          


            list=huodongdao.querylist(sql,page,szie);//查询huodong表数据返回 list对象
            res.setCode(200);
            res.setMessage("查询成功");


            res.setData(tl.ltoj(list));

            list=huodongdao.querylist(sql);
            res.setNum(list.size());

        }catch(Exception e){
            e.printStackTrace();;
        }




        return res;
    }


   /**活动列表 查询huodong
	 * 
	 */

    @GetMapping("listpage")
    public Result  listpage(
			    @RequestParam(defaultValue = "") String bt
			    )  {

        Result res=new Result();


        List list=null;
     String sql="";
      
	  if(bt!=null&&!bt.equals("")){
                sql+=" and bt like '%"+bt+"%'";//符合条件 拼接sql 标题
            }
	try{
	  
	list=huodongdao.querylist(sql);//查询gly 表数据返回 list对象
        res.setCode(200);
        res.setMessage("查询成功");


        res.setData(tl.ltoj(list));

	}catch(Exception e){
            e.printStackTrace();;
        }


       

        return res;
    }


	/**活动添加方法 对表 huodong  进行添加
	 * 
	 */
    @PostMapping(value = "add")
    public Result  add(@RequestBody huodong bean){
            Result res=new Result();


	try{
         
            if(bean.getHdid()!=null&&!bean.getHdid().equals("")){
            huodongdao.update(bean);//执行 修改 huodong 添加操作
                res.setMessage("操作成功");
            }else{
            huodongdao.add(bean);//执行 添加huodong 添加操作
                res.setMessage("添加成功");
        }


	 }catch(Exception e){
            e.printStackTrace();;
        }
        res.setCode(200);

        //System.out.println(res);



        return res;

    }


	
	 /**活动删除方法 对表huodong  进行删除
	 * 
	 */
     @DeleteMapping("del/{id}")
    public Result  del( @PathVariable String id){
         Result res=new Result();
        try{
           huodongdao.delete(id);//执行 删除huodong 方法

        }catch(Exception e){
            e.printStackTrace();;
        }


         res.setCode(200);
         res.setMessage("删除成功");


        return res;
    }

vue端设计

    <div style="margin-bottom: 30px">查看活动</div>
      <el-form :inline="true" :model="form"  ref="ruleForm" label-width="200px">
        <el-col :span="24">
          <el-form-item label="图片" prop="bt"  required>
    <el-image :src="form.tp" style="width:200px;height:200px;"></el-image>
  </el-form-item>
  </el-col>
	  <el-col :span="24">
        <el-form-item label="标题" prop="bt"  required>
         {{form.bt}}
       </el-form-item>
	 </el-col>


	  <el-col :span="24">
        <el-form-item label="内容" prop="nr"  required>
         {{form.nr}}
       </el-form-item>
	 </el-col>




	  <el-col :span="24">
        <el-form-item label="用户" prop="yh"  required>
         {{form.yh}}
       </el-form-item>
	 </el-col>


	  <el-col :span="24">
        <el-form-item label="发布时间" prop="fbsj"  required>
         {{form.fbsj}}
       </el-form-item>
	 </el-col>


	  <el-col :span="24">
        <el-form-item label="状态" prop="zt"  required>
         {{form.zt}}
       </el-form-item>
	 </el-col>

    
      </el-form>
  
      <div style="text-align: center; margin-top: 30px">
        <el-button type="primary" @click="$router.push('/huodonglist')" size="medium">返回列表</el-button>
      </div>
    </div>
  </template>
  
  <script>
  import request from "@/utils/request";
  
  export default {
    name: 'huodongdetail',
    data() {
      return {
        form: {}
      
        }
      
    },
    created() {
      const id = this.$route.query.id
      request.get("/huodong/detail?id=" + id).then(res => {
        this.form = JSON.parse(res.data)
      })
    },
    methods: {
      
    }
  }

三、注意事项
1、管理员账号：admin密码：admin 数据库配置文件\src\main\resources\application.properties
2、开发环境为IDEA开发，数据库为mysql，使用java语言开发。
3、数据库文件名是javasqfw.sql 系统名称sqfw
4、地址：http://128.0.0.1:8080/qt/index

四 系统实现

需要源码 其他的定制服务  下方联系卡片↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ 或者私信作者

qq_251836457
关注
专栏目录
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

qq_251836457

你的鼓励 是我最大的动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值