社区志愿者|基于Springboot+Vue实现社区志愿者平台系统

简介: 社区志愿者|基于Springboot+Vue实现社区志愿者平台系统

项目编号:BS-XX-212

一,环境介绍

语言环境:Java:  jdk1.8

数据库:Mysql: mysql5.7

应用服务器:Tomcat:  tomcat8.5.31

开发工具:IDEA或eclipse

开发技术:Springboot+Vue

二,项目简介

本项目基于Springboot+Vue开发实现一套社区志愿者平台管理系统。用户有平台管理员和前端用户两类。平台管理员主要实现:管理员管理、用户管理、公告管理、轮播图管理、风采展示管理、活动信息管理、志愿者申请审核、参加活动管理、评论过滤管理等相关功能。前端用户主要有注册登陆、查看活动信息、查看公告 信息、查看活动历往的风采展示、信息评论、志愿者评价等操作功能。系统功能完整,界面友好大方,适合做毕业设计使用。

系统表结构如下:

【管理员】模块,表名:admins

字段名

字段类型

名称

id

int

(主键)

username

varchar(50)

帐号

pwd

varchar(50)

密码

【轮播图】模块,表名:lunbotu

字段名

字段类型

名称

id

int

(主键)

title

varchar(50)

标题

image

varchar(255)

图片

url

varchar(255)

连接地址

【用户】模块,表名:yonghu

字段名

字段类型

名称

id

int

(主键)

cx

varchar(50)

权限

yonghuming

varchar(50)

用户名

mima

varchar(50)

密码

xingming

varchar(50)

姓名

xingbie

varchar(10)

性别

shouji

varchar(50)

手机

youxiang

varchar(50)

邮箱

jifen

int

积分

shenfenzheng

varchar(50)

身份证

touxiang

varchar(255)

头像

【风采展示】模块,表名:fengcaizhanshi

字段名

字段类型

名称

id

int

(主键)

suoluetu

varchar(255)

缩略图

tuji

text

图集

biaoti

varchar(255)

标题

suoshushequ

int

所属社区

xiangqing

longtext

详情

faburen

varchar(50)

发布人

addtime

timestamp

添加时间

设置索引, 字段:suoshushequ , 关联表【shequ】中的id 字段

【评论】模块,表名:pinglun

字段名

字段类型

名称

id

int

(主键)

biao

varchar(50)

biaoid

int

表id

biaoti

varchar(255)

标题

pingfen

varchar(255)

评分

pinglunneirong

text

评论内容

pinglunren

varchar(50)

评论人

addtime

timestamp

评论时间

【社区】模块,表名:shequ

字段名

字段类型

名称

id

int

(主键)

shequmingcheng

varchar(255)

社区名称

【活动信息】模块,表名:huodongxinxi

字段名

字段类型

名称

id

int

(主键)

huodongbianhao

varchar(50)

活动编号

tupian

varchar(255)

图片

huodongbiaoti

varchar(255)

活动标题

suoshushequ

int

所属社区

zhaomurenshu

int

招募人数

yibaomingrenshu

int

已报名人数

zhuangtai

varchar(50)

状态

kehuodejifen

int

可获得积分

huodongxiangqing

longtext

活动详情

faburen

varchar(50)

发布人

addtime

timestamp

添加时间

设置索引, 字段:suoshushequ , 关联表【shequ】中的id 字段

【申请志愿者】模块,表名:shenqingzhiyuanzhe

字段名

字段类型

名称

id

int

(主键)

shenqingbianhao

varchar(50)

申请编号

biaoti

varchar(50)

标题

shenqingyonghu

varchar(50)

申请用户

zhenshixingming

varchar(50)

真实姓名

xingbie

varchar(10)

性别

shenfenzhenghao

varchar(50)

身份证号

lianxidianhua

varchar(50)

联系电话

gongzuodanwei

varchar(50)

工作单位

xianjuzhudizhi

varchar(255)

现居住地址

hujidizhi

varchar(255)

户籍地址

shenqingmiaoshu

text

申请描述

shenqingzhuangtai

varchar(50)

申请状态

addtime

timestamp

申请时间

【申请审核】模块,表名:shenqingshenhe

字段名

字段类型

名称

id

int

(主键)

shenqingzhiyuanzheid

int

申请志愿者id

shenqingbianhao

varchar(50)

申请编号

biaoti

varchar(50)

标题

shenqingyonghu

varchar(50)

申请用户

zhenshixingming

varchar(50)

真实姓名

shenhe

varchar(50)

审核

beizhu

text

备注

shenheren

varchar(50)

审核人

addtime

timestamp

添加时间

设置索引, 字段:shenqingzhiyuanzheid , 关联表【shenqingzhiyuanzhe】中字段id

【邀请成为志愿者】模块,表名:yaoqingchengweizhiyuanzhe

字段名

字段类型

名称

id

int

(主键)

yonghuid

int

用户id

yonghuming

varchar(50)

用户名

xingming

varchar(50)

姓名

biaoti

varchar(50)

标题

neirong

longtext

内容

yaoqingren

varchar(50)

邀请人

addtime

timestamp

添加时间

设置索引, 字段:yonghuid , 关联表【yonghu】中字段id

【公告】模块,表名:gonggao

字段名

字段类型

名称

id

int

(主键)

biaoti

varchar(50)

标题

neirong

longtext

内容

faburen

varchar(50)

发布人

addtime

timestamp

添加时间

【报名活动】模块,表名:baominghuodong

字段名

字段类型

名称

id

int

(主键)

baomingbianhao

varchar(50)

报名编号

huodongxinxiid

int

活动信息id

huodongbianhao

varchar(50)

活动编号

huodongbiaoti

varchar(255)

活动标题

suoshushequ

int

所属社区

kehuodejifen

int

可获得积分

faburen

varchar(50)

发布人

shenhezhuangtai

varchar(50)

审核状态

baomingshuoming

text

报名说明

baomingren

varchar(50)

报名人

addtime

timestamp

报名时间

设置索引, 字段:huodongxinxiid , 关联表【huodongxinxi】中字段id

设置索引, 字段:suoshushequ , 关联表【shequ】中的id 字段

【报名审核】模块,表名:baomingshenhe

字段名

字段类型

名称

id

int

(主键)

baominghuodongid

int

报名活动id

baomingbianhao

varchar(50)

报名编号

huodongbianhao

varchar(50)

活动编号

huodongbiaoti

varchar(255)

活动标题

suoshushequ

int

所属社区

kehuodejifen

int

可获得积分

baomingren

varchar(50)

报名人

shenhe

varchar(50)

审核

beizhu

text

备注

shenheren

varchar(50)

审核人

addtime

timestamp

添加时间

设置索引, 字段:baominghuodongid , 关联表【baominghuodong】中字段id

设置索引, 字段:suoshushequ , 关联表【shequ】中的id 字段

【志愿者评价】模块,表名:zhiyuanzhepingjia

字段名

字段类型

名称

id

int

(主键)

huodongxinxiid

int

活动信息id

huodongbianhao

varchar(50)

活动编号

huodongbiaoti

varchar(255)

活动标题

suoshushequ

int

所属社区

faburen

varchar(50)

发布人

zhiyuanzhe

varchar(50)

志愿者

pingfen

varchar(50)

评分

shifouniming

varchar(50)

是否匿名

pingjiaren

varchar(50)

评价人

pingjianeirong

longtext

评价内容

addtime

timestamp

添加时间

设置索引, 字段:huodongxinxiid , 关联表【huodongxinxi】中字段id

设置索引, 字段:suoshushequ , 关联表【shequ】中的id 字段

三,系统展示

 

志愿者活动

活动评价

志愿者评价

活动风采展示

系统公告

用户注册

志愿者个人中心

个人资料管理

志愿者申请管理

活动报名查询

评论评价管理

管理员登录

管理员管理

轮播图和公告管理

活动风采展示

社区管理和活动信息管理

志愿者审核管理

活动报名审核

过滤词管理

四,核心代码展示

package com.spring.controller;
import com.jntoo.db.*;
import com.jntoo.db.utils.*;
import com.spring.dao.*;
import com.spring.entity.*;
import com.spring.service.*;
import com.spring.util.*;
import com.spring.util.Info;
import java.util.*;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import tk.mybatis.mapper.entity.Example;
/**
 * 管理员 */
@Controller
public class AdminsController extends BaseController {
    @Autowired
    private AdminsMapper dao;
    @Autowired
    private AdminsService service;
    /**
     *  后台列表页
     *
     */
    @RequestMapping("/admins_list")
    public String list() {
        // 检测是否有登录,没登录则跳转到登录页面
        if (!checkLogin()) {
            return showError("尚未登录", "./login.do");
        }
        String order = Request.get("order", "id"); // 获取前台提交的URL参数 order  如果没有则设置为id
        String sort = Request.get("sort", "desc"); // 获取前台提交的URL参数 sort  如果没有则设置为desc
        int pagesize = Request.getInt("pagesize", 12); // 获取前台一页多少行数据
        Example example = new Example(Admins.class); //  创建一个扩展搜索类
        Example.Criteria criteria = example.createCriteria(); // 创建一个扩展搜索条件类
        String where = " 1=1 "; // 创建初始条件为:1=1
        where += getWhere(); // 从方法中获取url 上的参数,并写成 sql条件语句
        criteria.andCondition(where); // 将条件写进上面的扩展条件类中
        if (sort.equals("desc")) { // 判断前台提交的sort 参数是否等于  desc倒序  是则使用倒序,否则使用正序
            example.orderBy(order).desc(); // 把sql 语句设置成倒序
        } else {
            example.orderBy(order).asc(); // 把 sql 设置成正序
        }
        int page = request.getParameter("page") == null ? 1 : Integer.valueOf(request.getParameter("page")); // 获取前台提交的URL参数 page  如果没有则设置为1
        page = Math.max(1, page); // 取两个数的最大值,防止page 小于1
        List<Admins> list = service.selectPageExample(example, page, pagesize); // 获取当前页的行数
        // 将列表写给界面使用
        assign("totalCount", request.getAttribute("totalCount"));
        assign("list", list);
        assign("orderby", order); // 把当前排序结果写进前台
        assign("sort", sort); // 把当前排序结果写进前台
        return json(); // 将数据写给前端
    }
    public String getWhere() {
        _var = new LinkedHashMap(); // 重置数据
        String where = " ";
        // 以下也是一样的操作,判断是否符合条件,符合则写入sql 语句
        if (!Request.get("username").equals("")) {
            where += " AND username LIKE '%" + Request.get("username") + "%' ";
        }
        return where;
    }
    @RequestMapping("/admins_add")
    public String add() {
        _var = new LinkedHashMap(); // 重置数据
        return json(); // 将数据写给前端
    }
    @RequestMapping("/admins_updt")
    public String updt() {
        _var = new LinkedHashMap(); // 重置数据
        int id = Request.getInt("id");
        // 获取行数据,并赋值给前台jsp页面
        Admins mmm = service.find(id);
        assign("mmm", mmm);
        assign("updtself", 0);
        return json(); // 将数据写给前端
    }
    @RequestMapping("/admins_updtself")
    public String updtself() {
        _var = new LinkedHashMap(); // 重置数据
        // 更新个人资料
        int id = (int) request.getSession().getAttribute("id");
        Admins mmm = service.find(id);
        assign("mmm", mmm);
        assign("updtself", 1);
        return json(); // 将数据写给前端
    }
    /**
     * 添加内容
     * @return
     */
    @RequestMapping("/adminsinsert")
    public String insert() {
        _var = new LinkedHashMap(); // 重置数据
        String tmp = "";
        Admins post = new Admins(); // 创建实体类
        // 设置前台提交上来的数据到实体类中
        post.setUsername(Request.get("username"));
        post.setPwd(Request.get("pwd"));
        service.insert(post); // 插入数据
        int charuid = post.getId().intValue();
        if (isAjax()) {
            return jsonResult(post);
        }
        return showSuccess("保存成功", Request.get("referer").equals("") ? request.getHeader("referer") : Request.get("referer"));
    }
    /**
     * 更新内容
     * @return
     */
    @RequestMapping("/adminsupdate")
    public String update() {
        _var = new LinkedHashMap(); // 重置数据
        // 创建实体类
        Admins post = new Admins();
        // 将前台表单数据填充到实体类
        if (!Request.get("username").equals("")) post.setUsername(Request.get("username"));
        if (!Request.get("pwd").equals("")) post.setPwd(Request.get("pwd"));
        post.setId(Request.getInt("id"));
        service.update(post); // 更新数据
        int charuid = post.getId().intValue();
        if (isAjax()) {
            return jsonResult(post);
        }
        if (Request.getInt("updtself") == 1) {
            return showSuccess("保存成功", "admins_updtself.do");
        }
        return showSuccess("保存成功", Request.get("referer")); // 弹出保存成功,并跳转到前台提交的 referer 页面
    }
    /**
     *  删除
     */
    @RequestMapping("/admins_delete")
    public String delete() {
        _var = new LinkedHashMap(); // 重置数据
        if (!checkLogin()) {
            return showError("尚未登录");
        }
        int id = Request.getInt("id"); // 根据id 删除某行数据
        Map map = Query.make("admins").find(id);
        service.delete(id); // 根据id 删除某行数据
        return showSuccess("删除成功", request.getHeader("referer")); //弹出删除成功,并跳回上一页
    }
}
package com.spring.controller;
import com.alibaba.fastjson.JSON;
import com.spring.util.JsonResult;
import java.io.IOException;
import java.io.OutputStream;
import java.util.*;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.web.servlet.ModelAndView;
/**
 * 控制器基类
 */
public abstract class BaseController {
    @Autowired
    protected HttpServletRequest request; // 注入
    @Autowired
    protected HttpServletResponse response; // 注入
    @Autowired
    protected HttpSession session; // 注入
    protected ModelAndView mView;
    protected Map<Object, Object> _var;
    /**
     * 控制器
     */
    public BaseController() {
        //request = ((ServletRequestAttributes) RequestContextHolder.getRequestAttributes()).getRequest();
        //response = ((ServletRequestAttributes) RequestContextHolder.getRequestAttributes()).getResponse();
        mView = new ModelAndView();
        _var = new LinkedHashMap();
    }
    /**
     * 往模板中写入数据
     * @param name
     * @param value
     */
    protected void assign(String name, Object value) {
        request.setAttribute(name, value);
        _var.put(name, value);
    }
    /**
     * 弹出框
     * @param message
     * @param code
     * @param jumpUrl
     * @param jumpTime
     * @return
     */
    protected String showMessage(String message, int code, Object data, String jumpUrl, int jumpTime) {
        if (isAjax()) {
            JsonResult jsonResult = new JsonResult(code, message, data);
            return renderString(response, JSON.toJSONString(jsonResult));
        }
        assign("message", message == null ? data : message);
        assign("code", code);
        assign("jumpUrl", jumpUrl);
        assign("jumpTime", jumpTime);
        return "message";
    }
    /**
     * 将写入json写到前端
     * @return
     */
    public String json() {
        return jsonResult(_var);
    }
    public String jsonReturn(String message, int code, Object data) {
        JsonResult result = new JsonResult(code, message, data);
        return renderString(response, JSON.toJSONString(result));
    }
    public String jsonResult(Object data) {
        return jsonReturn(null, 0, data);
    }
    public String jsonError(String msg) {
        return jsonReturn(msg, 1, null);
    }
    public Object getRequestAttributeMap() {
        //Map<Object,Object> map = new LinkedHashMap();
        Enumeration<String> names = request.getAttributeNames();
        while (names.hasMoreElements()) {
            String key = names.nextElement();
            if (!_var.containsKey(key)) {
                // 没有,则写入
                _var.put(key, request.getAttribute(key));
            }
        }
        return _var;
    }
    public String getJson() {
        Map<Object, Object> map = new LinkedHashMap();
        Enumeration<String> names = request.getAttributeNames();
        while (names.hasMoreElements()) {
            String key = names.nextElement();
            Object value = request.getAttribute(key);
            map.put(key, value);
        }
        return renderString(response, JSON.toJSONString(map));
    }
    /**
     * 将字符串渲染到客户端
     *
     * @param response 渲染对象
     * @param string 待渲染的字符串
     * @return null
     */
    public String renderString(HttpServletResponse response, String string) {
        try {
            request.getSession();
            OutputStream stream = response.getOutputStream();
            response.setContentType("application/json");
            response.setCharacterEncoding("utf-8");
            stream.write(string.getBytes());
            stream.flush();
        } catch (IOException e) {
            e.printStackTrace();
        }
        return "success";
    }
    protected boolean isAjax() {
        String accept = request.getHeader("accept");
        if (accept != null && accept.indexOf("application/json") != -1) {
            return true;
        }
        String xRequestedWith = request.getHeader("X-Requested-With");
        if (xRequestedWith != null && xRequestedWith.indexOf("XMLHttpRequest") != -1) {
            return true;
        }
        String ajax = request.getParameter("format");
        if ("json".equalsIgnoreCase(ajax)) {
            return true;
        }
        return false;
    }
    /**
     * 检测是否登录
     * @return
     */
    protected boolean checkLogin() {
        if (request.getSession().getAttribute("username") == null || "".equals(request.getSession().getAttribute("username"))) {
            return false;
        }
        return true;
    }
    /**
     * 弹出错误信息
     * @param message
     * @return
     */
    protected String showError(String message) {
        return showMessage(message, 1, null, "javascript:history(-1);", 2250);
    }
    /**
     *  弹出错误信息
     * @param message
     * @param code
     * @return
     */
    protected String showError(String message, int code) {
        return showMessage(message, code, null, "javascript:history(-1);", 2250);
    }
    /**
     * 弹出错误信息
     * @param message
     * @param url
     * @return
     */
    protected String showError(String message, String url) {
        return showMessage(message, 1, null, url, 2250);
    }
    /**
     * 弹出成功信息
     * @param data
     * @return
     */
    protected String showSuccess(Object data) {
        return showMessage(null, 0, data, request.getHeader("referer"), 2250);
    }
    /**
     * 弹出成功信息
     * @param data
     * @param url
     * @return
     */
    protected String showSuccess(String data, String url) {
        return showMessage(null, 0, data, url, 2250);
    }
}

五,相关作品展示

基于Java开发、Python开发、PHP开发、C#开发等相关语言开发的实战项目

基于Nodejs、Vue等前端技术开发的前端实战项目

基于微信小程序和安卓APP应用开发的相关作品

基于51单片机等嵌入式物联网开发应用

基于各类算法实现的AI智能应用

基于大数据实现的各类数据管理和推荐系统

相关文章
|
2月前
|
JavaScript 安全 Java
如何使用 Spring Boot 和 Ant Design Pro Vue 实现动态路由和菜单功能,快速搭建前后端分离的应用框架
本文介绍了如何使用 Spring Boot 和 Ant Design Pro Vue 实现动态路由和菜单功能,快速搭建前后端分离的应用框架。首先,确保开发环境已安装必要的工具,然后创建并配置 Spring Boot 项目,包括添加依赖和配置 Spring Security。接着,创建后端 API 和前端项目,配置动态路由和菜单。最后,运行项目并分享实践心得,包括版本兼容性、安全性、性能调优等方面。
172 1
|
1月前
|
JavaScript 安全 Java
如何使用 Spring Boot 和 Ant Design Pro Vue 构建一个具有动态路由和菜单功能的前后端分离应用。
本文介绍了如何使用 Spring Boot 和 Ant Design Pro Vue 构建一个具有动态路由和菜单功能的前后端分离应用。首先,创建并配置 Spring Boot 项目,实现后端 API;然后,使用 Ant Design Pro Vue 创建前端项目,配置动态路由和菜单。通过具体案例,展示了如何快速搭建高效、易维护的项目框架。
111 62
|
2天前
|
存储 JavaScript 前端开发
基于 SpringBoot 和 Vue 开发校园点餐订餐外卖跑腿Java源码
一个非常实用的校园外卖系统,基于 SpringBoot 和 Vue 的开发。这一系统源于黑马的外卖案例项目 经过站长的进一步改进和优化,提供了更丰富的功能和更高的可用性。 这个项目的架构设计非常有趣。虽然它采用了SpringBoot和Vue的组合,但并不是一个完全分离的项目。 前端视图通过JS的方式引入了Vue和Element UI,既能利用Vue的快速开发优势,
32 13
|
10天前
|
JavaScript 安全 Java
java版药品不良反应智能监测系统源码,采用SpringBoot、Vue、MySQL技术开发
基于B/S架构,采用Java、SpringBoot、Vue、MySQL等技术自主研发的ADR智能监测系统,适用于三甲医院,支持二次开发。该系统能自动监测全院患者药物不良反应,通过移动端和PC端实时反馈,提升用药安全。系统涵盖规则管理、监测报告、系统管理三大模块,确保精准、高效地处理ADR事件。
|
1月前
|
XML Java 数据库连接
SpringBoot集成Flowable:打造强大的工作流管理系统
在企业级应用开发中,工作流管理是一个核心组件,它能够帮助我们定义、执行和管理业务流程。Flowable是一个开源的工作流和业务流程管理(BPM)平台,它提供了强大的工作流引擎和建模工具。结合SpringBoot,我们可以快速构建一个高效、灵活的工作流管理系统。本文将探讨如何将Flowable集成到SpringBoot应用中,并展示其强大的功能。
138 1
|
1月前
|
JavaScript 安全 Java
如何使用 Spring Boot 和 Ant Design Pro Vue 构建一个前后端分离的应用框架,实现动态路由和菜单功能
本文介绍了如何使用 Spring Boot 和 Ant Design Pro Vue 构建一个前后端分离的应用框架,实现动态路由和菜单功能。首先,确保开发环境已安装必要的工具,然后创建并配置 Spring Boot 项目,包括添加依赖和配置 Spring Security。接着,创建后端 API 和前端项目,配置动态路由和菜单。最后,运行项目并分享实践心得,帮助开发者提高开发效率和应用的可维护性。
69 2
|
1月前
|
JavaScript Java 项目管理
Java毕设学习 基于SpringBoot + Vue 的医院管理系统 持续给大家寻找Java毕设学习项目(附源码)
基于SpringBoot + Vue的医院管理系统,涵盖医院、患者、挂号、药物、检查、病床、排班管理和数据分析等功能。开发工具为IDEA和HBuilder X,环境需配置jdk8、Node.js14、MySQL8。文末提供源码下载链接。
|
2月前
|
存储 安全 Java
打造智能合同管理系统:SpringBoot与电子签章的完美融合
【10月更文挑战第7天】 在数字化转型的浪潮中,电子合同管理系统因其高效、环保和安全的特点,正逐渐成为企业合同管理的新宠。本文将分享如何利用SpringBoot框架实现一个集电子文件签字与合同管理于一体的智能系统,探索技术如何助力合同管理的现代化。
102 4
|
2月前
|
前端开发 Java Apache
SpringBoot实现电子文件签字+合同系统!
【10月更文挑战第15天】 在现代企业运营中,合同管理和电子文件签字成为了日常活动中不可或缺的一部分。随着技术的发展,电子合同系统因其高效性、安全性和环保性,逐渐取代了传统的纸质合同。本文将详细介绍如何使用SpringBoot框架实现一个电子文件签字和合同管理系统。
95 1
|
2月前
|
文字识别 安全 Java
SpringBoot3.x和OCR构建车牌识别系统
本文介绍了一个基于Java SpringBoot3.x框架的车牌识别系统,详细阐述了系统的设计目标、需求分析及其实现过程。利用Tesseract OCR库和OpenCV库,实现了车牌图片的识别与处理,确保系统的高准确性和稳定性。文中还提供了具体的代码示例,展示了如何构建和优化车牌识别服务,以及如何处理特殊和异常车牌。通过实际应用案例,帮助读者理解和应用这一解决方案。