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

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

项目介绍:



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


项目技术:



后端:springboot,mybatis

前端:ElementUI、js、css等

开发工具:idea/vscode

数据库:mysql 5.7

JDK版本:jdk1.8


功能概述:



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


部分功能展示:



系统首页


d31916aaa57d4f2d88c19aceac06e90e.png


登陆页面,也可以注册


8bb44ef48a63472bb844e35a123655d9.png


登陆后可以发布求助


5c24d3a1410a434ba8f6c94b7dded83f.png


可以捐助他人


8da0418382004dae98bd641ad19af0b1.png


新闻中心


f407393a10bc4ac4b5af3b7858d003d7.png


新闻详情


7446e934c2d74a6baedd40ca4b100ada.png


公益项目详情


8eb89a91d81b46608f39902e77fe5a3a.png


查看个人发布的求助


0337d0ec83ce42fe8e8c1215785fda3c.png


后台登陆


e461c6fe223f48e5914e5294e529743e.png


后台-财务统计


f2019a8c962b4a51877747678b2f581f.png


后台-用户管理


35da6b46b9424d1ca2f312aeee92fbb5.png


后台-新闻管理


977024c6717f44a9b968638aa5c03b67.png


后台-添加新闻


edb396893d234354aadd511d34673cb4.png


后台-项目维护


01f7d1a259224592bde566929f80dc49.png


后台-捐助详情


fb716100faaa41cb96291224abca62c5.png


后台-捐助详细信息


e9d314ec7e684f0a8ee717825ef660a3.png


后台-求助审批操作


4e5d36e02e2e4ba98ec33395b6e7ed78.png


部分代码:



@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;
    }


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


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

相关文章
|
3月前
|
JavaScript 前端开发 Java
基于springboot的手机销售网站
本研究聚焦手机商城系统的发展现状与趋势,探讨其技术架构、用户行为分析及安全支付等问题,结合Java、Vue、MySQL等技术实现高效、安全的移动端电商平台,推动行业创新与融合发展。
|
3月前
|
JavaScript Java 关系型数据库
基于springboot的文山西文旅网站
本项目基于Spring Boot、Java、Vue和MySQL技术,设计并实现一个山西文旅管理系统,旨在推动文旅管理的信息化与自动化。系统以实用、易用为核心,提升管理效率,降低人力成本,适应现代文旅发展需求,具有良好的可扩展性与稳定性。
|
4月前
|
前端开发 安全 Java
基于springboot+vue开发的会议预约管理系统
一个完整的会议预约管理系统,包含前端用户界面、管理后台和后端API服务。 ### 后端 - **框架**: Spring Boot 2.7.18 - **数据库**: MySQL 5.6+ - **ORM**: MyBatis Plus 3.5.3.1 - **安全**: Spring Security + JWT - **Java版本**: Java 11 ### 前端 - **框架**: Vue 3.3.4 - **UI组件**: Element Plus 2.3.8 - **构建工具**: Vite 4.4.5 - **状态管理**: Pinia 2.1.6 - **HTTP客户端
620 4
基于springboot+vue开发的会议预约管理系统
|
8月前
|
JavaScript 前端开发 Java
制造业ERP源码,工厂ERP管理系统,前端框架:Vue,后端框架:SpringBoot
这是一套基于SpringBoot+Vue技术栈开发的ERP企业管理系统,采用Java语言与vscode工具。系统涵盖采购/销售、出入库、生产、品质管理等功能,整合客户与供应商数据,支持在线协同和业务全流程管控。同时提供主数据管理、权限控制、工作流审批、报表自定义及打印、在线报表开发和自定义表单功能,助力企业实现高效自动化管理,并通过UniAPP实现移动端支持,满足多场景应用需求。
785 1
|
5月前
|
前端开发 JavaScript Java
基于springboot+vue开发的校园食堂评价系统【源码+sql+可运行】【50809】
本系统基于SpringBoot与Vue3开发,实现校园食堂评价功能。前台支持用户注册登录、食堂浏览、菜品查看及评价发布;后台提供食堂、菜品与评价管理模块,支持权限控制与数据维护。技术栈涵盖SpringBoot、MyBatisPlus、Vue3、ElementUI等,适配响应式布局,提供完整源码与数据库脚本,可直接运行部署。
327 6
基于springboot+vue开发的校园食堂评价系统【源码+sql+可运行】【50809】
|
7月前
|
监控 数据可视化 JavaScript
springboot + vue的MES系统生产计划管理源码
MES系统(制造执行系统)的生产计划管理功能是其核心模块之一,涵盖生产计划制定与优化、调度排程、进度监控反馈、资源管理调配及可视化报告五大方面。系统基于SpringBoot + Vue-Element-Plus-Admin技术栈开发,支持多端应用(App、小程序、H5、后台)。通过实时数据采集与分析,MES助力企业优化生产流程,适用于现代化智能制造场景。
380 1
|
8月前
|
供应链 JavaScript BI
ERP系统源码,基于SpringBoot+Vue+ElementUI+UniAPP开发
这是一款专为小微企业打造的 SaaS ERP 管理系统,基于 SpringBoot+Vue+ElementUI+UniAPP 技术栈开发,帮助企业轻松上云。系统覆盖进销存、采购、销售、生产、财务、品质、OA 办公及 CRM 等核心功能,业务流程清晰且操作简便。支持二次开发与商用,提供自定义界面、审批流配置及灵活报表设计,助力企业高效管理与数字化转型。
715 2
ERP系统源码,基于SpringBoot+Vue+ElementUI+UniAPP开发
|
4月前
|
JavaScript
Vue中如何实现兄弟组件之间的通信
在Vue中,兄弟组件可通过父组件中转、事件总线、Vuex/Pinia或provide/inject实现通信。小型项目推荐父组件中转或事件总线,大型项目建议使用Pinia等状态管理工具,确保数据流清晰可控,避免内存泄漏。
396 2
|
3月前
|
缓存 JavaScript
vue中的keep-alive问题(2)
vue中的keep-alive问题(2)
357 137
|
7月前
|
人工智能 JavaScript 算法
Vue 中 key 属性的深入解析:改变 key 导致组件销毁与重建
Vue 中 key 属性的深入解析:改变 key 导致组件销毁与重建
887 0