资讯专栏INFORMATION COLUMN

基于springboot+vue的公益慈善捐助网站(前后端分离)

caspar / 3061人阅读

摘要:项目介绍本系统为前后端分离,适合选题前后端分离公益慈善捐助等,系统采用整合开发,前端主要使用了框架项目后端主要使用了等一系列框架,数据层采用。

项目介绍:

本系统为前后端分离,适合选题:前后端分离、公益、慈善、捐助等,系统采用springboot+vue整合开发,前端主要使用了ElementUI框架、项目后端主要使用了springboot等一系列框架,数据层采用mybatis。

项目技术:

后端:springboot,mybatis
前端:ElementUI、js、css等
开发工具:idea/vscode
数据库:mysql 5.7
JDK版本:jdk1.8

功能概述:

前台:登陆注册功能首页展示新闻,公益慈善项目以及捐助列表在首页可以发布求助轮播图可以后台设置新闻中心展示所有新闻,点击可查看详情我的捐款,可以看到登陆人的捐款明细我的求助,可以查看登陆人发布的求助信息个人中心,可以对个人的用户名修改,或者修改密码关于我们,查看网站介绍管理端:登陆功能财务统计:可以统计所有慈善项目的捐款进度,用图标展示用户管理:维护用户信息新闻管理:对新闻信息进行管理公益项目管理分为项目列表和资金募集展示,可以对项目和募集信息进行维护捐助审批管理:可以对求助信息进行审批,以及查看捐助详情

部分功能展示:

系统首页

 登陆页面,也可以注册

 登陆后可以发布求助

 可以捐助他人

 新闻中心

 新闻详情

 公益项目详情

 查看个人发布的求助

 后台登陆

后台-财务统计

 后台-用户管理

 后台-新闻管理

 后台-添加新闻

后台-项目维护

 后台-捐助详情

 后台-捐助详细信息

 后台-求助审批操作

 部分代码:

@GetMapping("selectIndex")    public List selectIndex() {        List list = this.newsinfoService.queryAllByLimit(0,4);        return list;    }    @RequestMapping("edit")    public String edit(@RequestBody HashMap map    ) {        Newsinfo newsinfo = new Newsinfo();        newsinfo.setNid(Integer.valueOf(map.get("nid")));        newsinfo.setNimg(map.get("nimg"));        newsinfo.setNislunbo(map.get("nislunbo"));        newsinfo.setNname(map.get("nname"));        newsinfo.setNdetails(map.get("ndetails"));        newsinfoService.update(newsinfo);        return null;    }    @RequestMapping("add")    public String add(@RequestBody HashMap map    ) {        System.out.println(map);        Newsinfo newsinfo = new Newsinfo();        newsinfo.setNimg(map.get("nimg"));        newsinfo.setNislunbo(map.get("nislunbo"));        newsinfo.setNname(map.get("nname"));        newsinfo.setNdetails(map.get("ndetails"));        newsinfoService.insert(newsinfo);        return null;    }

以上就是部分功能展示,从整体上来看,本系统功能是十分完整的,而且也与当前的热点话题关联,界面设计简洁大方,交互友好,数据库设计也很合理,规模适中,比较适合毕业设计和课程设计的相关应用。

好了,今天就到这儿吧,小伙伴们点赞、收藏、评论,一键三连走起呀,下期见~~

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/123270.html

相关文章

  • 基于springboot+vue(高考)志愿录取系统(前后分离)

    摘要:项目介绍本系统为前后端分离,适合选题前后端分离志愿录取高考志愿志愿分析等,系统采用整合开发,前端主要使用了框架项目后端主要使用了等一系列框架,数据层采用。 项目介绍: 本系统为前后端分离,适合选题:前后端分离、志愿录取、高考志愿、志愿分析等,系统采用springboot+vue整合开发,前端...

    draveness 评论0 收藏0
  • 两年了,我写了这些干货!

    摘要:开公众号差不多两年了,有不少原创教程,当原创越来越多时,大家搜索起来就很不方便,因此做了一个索引帮助大家快速找到需要的文章系列处理登录请求前后端分离一使用完美处理权限问题前后端分离二使用完美处理权限问题前后端分离三中密码加盐与中异常统一处理 开公众号差不多两年了,有不少原创教程,当原创越来越多时,大家搜索起来就很不方便,因此做了一个索引帮助大家快速找到需要的文章! Spring Boo...

    宋华 评论0 收藏0
  • 两年了,我写了这些干货!

    摘要:开公众号差不多两年了,有不少原创教程,当原创越来越多时,大家搜索起来就很不方便,因此做了一个索引帮助大家快速找到需要的文章系列处理登录请求前后端分离一使用完美处理权限问题前后端分离二使用完美处理权限问题前后端分离三中密码加盐与中异常统一处理 开公众号差不多两年了,有不少原创教程,当原创越来越多时,大家搜索起来就很不方便,因此做了一个索引帮助大家快速找到需要的文章! Spring Boo...

    huayeluoliuhen 评论0 收藏0
  • 前后分离时代,Java 程序员变与不变!

    摘要:前后端分离的开发方式在最近几年突然火起来,松哥认为有两方面的原因前端的发展。不变其实除了前后端交互方式发生变化之外,其他的地方都是不变的。 事情的起因是这样的,有个星球的小伙伴向邀请松哥在知乎上回答一个问题,原题是: 前后端分离的时代,Java后台程序员的技术建议? 松哥认真看了下这个问题,感觉对于初次接触前后端分离的小伙伴来说,可能都会存在这样的疑问,于是决定通过这篇文章和大家聊一...

    SolomonXie 评论0 收藏0
  • Compass创建者Chris Eppstein:真正CSS框架是如何工作

    摘要:当我的补丁被拒绝了之后,我想要指出一个方向真正的框架是如何工作的。发起这项捐助有我的个人原因在里面,我的父亲在年被确诊为患有一种罕见的成年人形式的线粒体疾病。正是一个经历了如此过程的产品。 非商业转载请注明作译者、出处,并保留本文的原始链接:http://www.ituring.com.cn/article/120792 Chris Eppstein,Compass框架的创建...

    BigTomato 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<