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

相关文章
|
8天前
|
JavaScript 安全 Java
如何使用 Spring Boot 和 Ant Design Pro Vue 构建一个具有动态路由和菜单功能的前后端分离应用。
本文介绍了如何使用 Spring Boot 和 Ant Design Pro Vue 构建一个具有动态路由和菜单功能的前后端分离应用。首先,创建并配置 Spring Boot 项目,实现后端 API;然后,使用 Ant Design Pro Vue 创建前端项目,配置动态路由和菜单。通过具体案例,展示了如何快速搭建高效、易维护的项目框架。
86 62
|
6天前
|
JavaScript 安全 Java
如何使用 Spring Boot 和 Ant Design Pro Vue 构建一个前后端分离的应用框架,实现动态路由和菜单功能
本文介绍了如何使用 Spring Boot 和 Ant Design Pro Vue 构建一个前后端分离的应用框架,实现动态路由和菜单功能。首先,确保开发环境已安装必要的工具,然后创建并配置 Spring Boot 项目,包括添加依赖和配置 Spring Security。接着,创建后端 API 和前端项目,配置动态路由和菜单。最后,运行项目并分享实践心得,帮助开发者提高开发效率和应用的可维护性。
20 2
|
9天前
|
JavaScript Java 项目管理
Java毕设学习 基于SpringBoot + Vue 的医院管理系统 持续给大家寻找Java毕设学习项目(附源码)
基于SpringBoot + Vue的医院管理系统,涵盖医院、患者、挂号、药物、检查、病床、排班管理和数据分析等功能。开发工具为IDEA和HBuilder X,环境需配置jdk8、Node.js14、MySQL8。文末提供源码下载链接。
|
18天前
|
存储 安全 Java
打造智能合同管理系统:SpringBoot与电子签章的完美融合
【10月更文挑战第7天】 在数字化转型的浪潮中,电子合同管理系统因其高效、环保和安全的特点,正逐渐成为企业合同管理的新宠。本文将分享如何利用SpringBoot框架实现一个集电子文件签字与合同管理于一体的智能系统,探索技术如何助力合同管理的现代化。
48 4
|
5天前
|
JavaScript NoSQL Java
CC-ADMIN后台简介一个基于 Spring Boot 2.1.3 、SpringBootMybatis plus、JWT、Shiro、Redis、Vue quasar 的前后端分离的后台管理系统
CC-ADMIN后台简介一个基于 Spring Boot 2.1.3 、SpringBootMybatis plus、JWT、Shiro、Redis、Vue quasar 的前后端分离的后台管理系统
23 0
|
10天前
|
数据采集 监控 JavaScript
在 Vue 项目中使用预渲染技术
【10月更文挑战第23天】在 Vue 项目中使用预渲染技术是提升 SEO 效果的有效途径之一。通过选择合适的预渲染工具,正确配置和运行预渲染操作,结合其他 SEO 策略,可以实现更好的搜索引擎优化效果。同时,需要不断地监控和优化预渲染效果,以适应不断变化的搜索引擎环境和用户需求。
|
2天前
|
JavaScript
Vue基础知识总结 4:vue组件化开发
Vue基础知识总结 4:vue组件化开发
|
2天前
|
存储 JavaScript
Vue 状态管理工具vuex
Vue 状态管理工具vuex
|
10天前
|
缓存 JavaScript 搜索推荐
Vue SSR(服务端渲染)预渲染的工作原理
【10月更文挑战第23天】Vue SSR 预渲染通过一系列复杂的步骤和机制,实现了在服务器端生成静态 HTML 页面的目标。它为提升 Vue 应用的性能、SEO 效果以及用户体验提供了有力的支持。随着技术的不断发展,Vue SSR 预渲染技术也将不断完善和创新,以适应不断变化的互联网环境和用户需求。
28 9
|
9天前
|
缓存 JavaScript UED
Vue 中实现组件的懒加载
【10月更文挑战第23天】组件的懒加载是 Vue 应用中提高性能的重要手段之一。通过合理运用动态导入、路由配置等方式,可以实现组件的按需加载,减少资源浪费,提高应用的响应速度和用户体验。在实际应用中,需要根据具体情况选择合适的懒加载方式,并结合性能优化的其他措施,以打造更高效、更优质的 Vue 应用。