系统介绍
随着网络科技的不断发展以及人们经济水平的逐步提高,网络技术如今已成为人们生活中不可缺少的一部分,而信息管理系统是通过计算机技术,针对用户需求开发与设计,该技术尤其在各行业领域发挥了巨大的作用,有效地促进了“爱相连”儿童慈善管理的发展。然而,由于用户量和需求量的增加,信息过载等问题暴露出来,为改善传统线下管理中的不足,本文将提出一套“爱相连”儿童慈善管理系统,计算机技术作为近十年来新发展起来的科技,可运用于众多领域中,尤其在“爱相连”儿童慈善管理中,可有效地提升其效率。提高现下“爱相连”儿童慈善管理系统的准确度,同时降低经济波动带来的不良影响,希望本文能对广大学者的研究提供参考。
系统主要技术
开发语言:Java
使用框架:spring boot
前端技术:JavaScript、Vue 、css3
开发工具:IDEA/MyEclipse/Eclipse、Visual Studio Code
数据库:MySQL 5.7/8.0
数据库管理工具:phpstudy/Navicat
JDK版本:jdk1.8
Maven: apache-maven 3.8.1-bin
系统展示
“爱相连”儿童慈善管理系统采用了结构化开发的方法。这种开发方法的优点是控制性比较强,开发过程中采用了结构化和模块化的设计思想,自顶向下,从总体到部分,合理划分系统的结构和模块[11]。结构化开发时使用模块式开发,各模块之间互不影响,方便系统的开发与管理。 网站总体功能如下图所示:
5.1管理员功能模块实现
管理员登录,管理员通过登录页面输入用户名、密码选择角色,并点击登录操作,如图5-1所示。
图5-1管理员登录界面图
管理员登录系统后,可以对系统首页、个人中心、用户管理、被捐人管理、爱心捐款管理、捐款信息管理、留言反馈、系统管理等功能进行相应操作,如图5-2所示。
图5-2管理员功能界图面
管理员点击用户管理;在用户管理页面对用户名、姓名、性别、头像、年龄、身份证、邮箱、手机、工作单位、家庭住址、审核回复、审核状态、审核等信息,进行查询,新增或删除用户信息等操作;如图5-3所示。
图5-3用户管理界面图
管理员点击爱心捐款管理;在爱心捐款管理页面对捐款名称、图片、需要金额、已捐金额、发布时间、账号、姓名、联系电话、年龄、住址、审核回复、审核状态、审核等信息,进行查询或删除爱心捐款等操作;如图5-4所示。
图5-4爱心捐款管理界面图
管理员点击被捐人管理;在被捐人管理页面对账号、姓名、性别、头像、年龄、邮箱、电话、住址等信息,进行查询或新增、删除被捐人信息等操作;如图5-5所示。
图5-5被捐人管理界面图
管理员点击捐款信息管理;在捐款信息管理页面对捐款名称、捐赠金额、账号、姓名、年龄、用户名、姓名、工作单位、家庭住址、手机、是否支付、回复等信息,进行查询或删除捐款信息等操作;如图5-6所示。
图5-6捐款信息管理界面图
管理员点击留言反馈;在留言反馈页面对用户名、留言内容、留言图片、回复内容、回复图片等信息,进行查询、回复或删除留言反馈等操作;如图5-7所示。
图5-7留言反馈界面图
管理员点击系统管理;在系统管理页面对轮播图管理、慈善新闻、关于我们等信息,进行修改系统信息等操作;如图5-8所示。
图5-8系统管理界面图
5.2被捐人功能模块实现
被捐人登录界面,首先双击打开系统,连上网络之后会显示出本系统的登录界面,这是进入系统的第初始页面“登录”,能成功进入到该登录界面则代表系统的开启是成功的,接下来就可以操作本系统所带有的其他所有的功能,如图5-9所示。
图5-9被捐人登录界面
被捐人登录进入系统,在被捐人主页面,主要包括对系统首页、个人中心、爱心捐款管理、捐款信息管理等功能进行操作。被捐人主页面如图5-10所示:
图5-10 被捐人主界面
被捐人点击爱心捐款管理;在爱心捐款管理页面对捐款名称、图片、需要金额、已捐金额、发布时间、账号、姓名、联系电话、年龄、住址、审核回复、审核状态、审核等信息,进行查询、新增或删除爱心捐款等操作;如图5-11所示。
图5-11爱心捐款管理界面图
被捐人点击捐款信息管理;在捐款信息管理页面对捐款名称、捐赠金额、账号、姓名、年龄、用户名、姓名、工作单位、家庭住址、手机、是否支付、回复等信息,进行查询捐款信息等操作;如图5-12所示。
图5-12捐款信息管理界面图
5.3用户功能模块实现
用户点击后台管理,然后页面跳转到系统主页面,主要包括对系统首页、个人中心、捐款信息管理等功能进行操作。用户主页面如图5-13所示:
图5-13用户主界面
5.4前台系统功能模块实现
当游客打开系统的网址后,首先看到的就是首页界面。在这里,游客能够看到“爱相连”儿童慈善管理系统的导航条显示首页、爱心捐款、慈善新闻、留言反馈、后台管理、个人中心等。系统首页界面如图5-14所示:
图5-14系统首页界面
当用户进入前台系统进行相关操作前必须进行注册、登录,用户注册、用户登录界面如图5-15,5-16所示:
图5-15 用户注册界面
图5-16 用户登录界面
用户点击爱心捐款;在爱心捐款页面的搜索栏输入捐款名称,进行查询,然后可以查看捐款名称、图片、需要金额、已捐金额、发布时间、账号、姓名、联系电话、年龄、住址等信息,如有需要可以进行捐款等操作;如图5-17所示。
图5-17爱心捐款界面图
在个人中心页面可以输入个人详细信息,进行信息更新操作,退出登录等操作,如图5-18所示:
图5-18个人中心界面
部分核心代码
/**
* 登录相关
*/
@RequestMapping("users")
@RestController
public class UsersController {
@Autowired
private UsersService usersService;
@Autowired
private TokenService tokenService;
/**
* 登录
*/
@IgnoreAuth
@PostMapping(value = "/login")
public R login(String username, String password, String captcha, HttpServletRequest request) {
UsersEntity user = usersService.selectOne(new EntityWrapper<UsersEntity>().eq("username", username));
if(user==null || !user.getPassword().equals(password)) {
return R.error("账号或密码不正确");
}
String token = tokenService.generateToken(user.getId(),username, "users", user.getRole());
R r = R.ok();
r.put("token", token);
r.put("role",user.getRole());
r.put("userId",user.getId());
return r;
}
/**
* 注册
*/
@IgnoreAuth
@PostMapping(value = "/register")
public R register(@RequestBody UsersEntity user){
// ValidatorUtils.validateEntity(user);
if(usersService.selectOne(new EntityWrapper<UsersEntity>().eq("username", user.getUsername())) !=null) {
return R.error("用户已存在");
}
usersService.insert(user);
return R.ok();
}
/**
* 退出
*/
@GetMapping(value = "logout")
public R logout(HttpServletRequest request) {
request.getSession().invalidate();
return R.ok("退出成功");
}
/**
* 修改密码
*/
@GetMapping(value = "/updatePassword")
public R updatePassword(String oldPassword, String newPassword, HttpServletRequest request) {
UsersEntity users = usersService.selectById((Integer)request.getSession().getAttribute("userId"));
if(newPassword == null){
return R.error("新密码不能为空") ;
}
if(!oldPassword.equals(users.getPassword())){
return R.error("原密码输入错误");
}
if(newPassword.equals(users.getPassword())){
return R.error("新密码不能和原密码一致") ;
}
users.setPassword(newPassword);
usersService.updateById(users);
return R.ok();
}
/**
* 密码重置
*/
@IgnoreAuth
@RequestMapping(value = "/resetPass")
public R resetPass(String username, HttpServletRequest request){
UsersEntity user = usersService.selectOne(new EntityWrapper<UsersEntity>().eq("username", username));
if(user==null) {
return R.error("账号不存在");
}
user.setPassword("123456");
usersService.update(user,null);
return R.ok("密码已重置为:123456");
}
/**
* 列表
*/
@RequestMapping("/page")
public R page(@RequestParam Map<String, Object> params,UsersEntity user){
EntityWrapper<UsersEntity> ew = new EntityWrapper<UsersEntity>();
PageUtils page = usersService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.allLike(ew, user), params), params));
return R.ok().put("data", page);
}
/**
* 列表
*/
@RequestMapping("/list")
public R list( UsersEntity user){
EntityWrapper<UsersEntity> ew = new EntityWrapper<UsersEntity>();
ew.allEq(MPUtil.allEQMapPre( user, "user"));
return R.ok().put("data", usersService.selectListView(ew));
}
/**
* 信息
*/
@RequestMapping("/info/{id}")
public R info(@PathVariable("id") String id){
UsersEntity user = usersService.selectById(id);
return R.ok().put("data", user);
}
/**
* 获取用户的session用户信息
*/
@RequestMapping("/session")
public R getCurrUser(HttpServletRequest request){
Integer id = (Integer)request.getSession().getAttribute("userId");
UsersEntity user = usersService.selectById(id);
return R.ok().put("data", user);
}
/**
* 保存
*/
@PostMapping("/save")
public R save(@RequestBody UsersEntity user){
// ValidatorUtils.validateEntity(user);
if(usersService.selectOne(new EntityWrapper<UsersEntity>().eq("username", user.getUsername())) !=null) {
return R.error("用户已存在");
}
usersService.insert(user);
return R.ok();
}
/**
* 修改
*/
@RequestMapping("/update")
public R update(@RequestBody UsersEntity user){
// ValidatorUtils.validateEntity(user);
usersService.updateById(user);//全部更新
return R.ok();
}
/**
* 删除
*/
@RequestMapping("/delete")
public R delete(@RequestBody Long[] ids){
List<UsersEntity> user = usersService.selectList(null);
if(user.size() > 1){
usersService.deleteBatchIds(Arrays.asList(ids));
}else{
return R.error("管理员最少保留一个");
}
return R.ok();
}
}
gitCode源码哆哆入口https://gitcode.com/yuanmadd/ymgg/blob/main/README.md?init=initTree