社区志愿者|基于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 字段

三,系统展示

 

志愿者活动

活动评价


社区志愿者|基于Springboot+Vue实现社区志愿者平台系统(二)https://developer.aliyun.com/article/1423522

相关文章
|
1天前
|
XML JavaScript 前端开发
springboot配合Freemark模板生成word,前台vue接收并下载【步骤详解并奉上源码】
springboot配合Freemark模板生成word,前台vue接收并下载【步骤详解并奉上源码】
|
1天前
|
JavaScript Java 关系型数据库
基于springboot+vue+Mysql的交流互动系统
简化操作,便于维护和使用。
11 2
|
2天前
|
JSON JavaScript Java
从前端Vue到后端Spring Boot:接收JSON数据的正确姿势
从前端Vue到后端Spring Boot:接收JSON数据的正确姿势
25 0
|
2天前
|
JavaScript 测试技术 开发者
Vue 3 Vuex:构建更强大的状态管理系统
Vue 3 Vuex:构建更强大的状态管理系统
26 1
|
2天前
|
JavaScript 前端开发 数据可视化
Spring_Vue前后分离记录1(vue从安装到使用的两种方式)
Spring_Vue前后分离记录1(vue从安装到使用的两种方式)
7 0
|
2天前
|
JavaScript 前端开发 开发者
Vue的响应式原理:深入探索Vue的响应式系统与依赖追踪
【4月更文挑战第24天】Vue的响应式原理通过JavaScript getter/setter实现,当数据变化时自动更新视图。它创建Watcher对象收集依赖,并通过依赖追踪机制精确通知更新。当属性改变,setter触发更新相关Watcher,重新执行操作以反映数据最新状态。Vue的响应式系统结合依赖追踪,有效提高性能,简化复杂应用的开发,但对某些复杂数据结构需额外处理。
|
2天前
|
小程序 JavaScript Java
基于SpringBoot+Vue+uniapp微信小程序的4S店客户管理系统的详细设计和实现
基于SpringBoot+Vue+uniapp微信小程序的4S店客户管理系统的详细设计和实现
50 4
|
2天前
|
小程序 JavaScript Java
基于SpringBoot+Vue+uniapp微信小程序的在线课堂微信小程序的详细设计和实现
基于SpringBoot+Vue+uniapp微信小程序的在线课堂微信小程序的详细设计和实现
35 3
|
2天前
|
小程序 JavaScript Java
基于SpringBoot+Vue+uniapp微信小程序的微信课堂助手小程序的详细设计和实现
基于SpringBoot+Vue+uniapp微信小程序的微信课堂助手小程序的详细设计和实现
60 3
|
2天前
|
小程序 JavaScript Java
基于SpringBoot+Vue+uniapp微信小程序的商品展示的详细设计和实现
基于SpringBoot+Vue+uniapp微信小程序的商品展示的详细设计和实现
33 3