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

项目介绍：

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

项目技术：

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

功能概述：

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

部分功能展示：

系统首页

 登陆页面，也可以注册

 登陆后可以发布求助

 可以捐助他人

 新闻中心

 新闻详情

 公益项目详情

 查看个人发布的求助

 后台登陆

后台-财务统计

 后台-用户管理

 后台-新闻管理

 后台-添加新闻

后台-项目维护

 后台-捐助详情

 后台-捐助详细信息

 后台-求助审批操作

 部分代码：

@GetMapping("selectIndex")
    public List<Newsinfo> selectIndex() {
        List<Newsinfo> list = this.newsinfoService.queryAllByLimit(0,4);
        return list;
    }
 
    @RequestMapping("edit")
    public String edit(@RequestBody HashMap<String, String> 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<String, String> 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;
    }

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

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