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