项目介绍:
本系统为前后端分离,适合选题:前后端分离、公益、慈善、捐助等,系统采用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; }
以上就是部分功能展示,从整体上来看,本系统功能是十分完整的,而且也与当前的热点话题关联,界面设计简洁大方,交互友好,数据库设计也很合理,规模适中,比较适合毕业设计和课程设计的相关应用。
好了,今天就到这儿吧,小伙伴们点赞、收藏、评论,一键三连走起呀,下期见~~