基于Spring Boot+Vue的白优校园社团网站

目录

系统展示

开发背景

代码实现

项目案例 

获取源码

---

博主介绍：CodeMentor毕业设计领航者、全网关注者30W+群落，InfoQ特邀专栏作家、技术博客领航者、InfoQ新星培育计划导师、Web开发领域杰出贡献者，博客领航之星、开发者头条/腾讯云/AWS/Wired等平台优选内容创作者、深耕Web开发与学生毕业设计实战指导，与高校教育者/资深讲师/行业专家深度对话🤝

技术专长：Spring Framework、Angular、MyBatis、HTML5+CSS3、Servlet、Ruby on Rails、Node.js、Rust、网络爬虫、数据可视化、微信小程序、iOS应用开发、云计算、边缘计算、自然语言处理等项目的规划与实施。

核心服务：无偿功能蓝图构思、项目启动报告、任务规划书、阶段评估演示文稿、系统功能落地、代码实现与优化、学术论文定制指导、论文精炼与重组、长期答辩筹备咨询、Zoom在线一对一深度解析答辩要点、模拟答辩实战彩排、以及代码逻辑与架构设计深度剖析。

🍅文末获取源码联系🍅

👇🏻 精彩专栏推荐订阅👇🏻 不然下次找不到哟

Java项目精品实战案例《100套》

Java微信小程序项目实战《100套》

大数据项目实战《100套》

Python项目实战《100套》

感兴趣的可以先收藏起来，还有大家在毕设选题，项目以及论文编写等相关问题都可以给我留言咨询，希望帮助更多的人

系统展示

当游客打开系统的网址后，首先看到的就是首页界面。在这里，游客能够看到白优校园社团网站的导航条显示首页、社团、社团活动、新闻资讯、后台管理。系统首页界面如图5-1所示：

 在系统首页点击右侧的注册/登录按钮，然后页面跳转到注册登录界面，后来输入信息完成后，单击注册或者登录操作，如图5-2所示：

 

 学生点击社团，在社团页面的搜索栏输入社团账号等信息，进行查询，还可以查看社团账号、图片、社团名称、社团分类、负责人、联系电话，还可以点击社团加入等操作；如图5-3所示：

学生点击社团活动，在社团活动页面的搜索栏输入活动名称等信息，进行查询，还可以查看活动名称、活动图片、活动地点、活动时间、活动时长、活动人数、社团账号、社团名称，还可以点击活动报名等操作；如图5-4所示： 

 在个人中心页面可以输入学号、密码、头像、学生姓名、性别、手机号码等信息，进行信息更新，如图5-5所示：

管理员登录，通过登录页面填写用户名和密码、角色等信息，点击登录操作，如图5-6所示。 

 管理员登录进入系统可以查看首页、个人中心、学生管理、社团分类分类、社团管理、社团加入管理、社团活动管理、活动报名管理、社团成员管理、社团申请管理、系统管理等功能，进行详细操作，如图5-7所示。

 管理员点击学生管理；在学生管理页面输入学号、头像、学生姓名、性别、手机号码等信息，进行查询，新增或删除学生信息等操作；如图5-8所示。

 管理员点击社团管理；在社团管理页面输入社团账号、图片、社团名称、社团分类、负责人、联系电话等信息，进行查询，新增或删除社团信息等操作；如图5-9所示。

 管理员点击社团加入管理；在社团加入管理页面输入社团账号、社团名称、学号、学生姓名、性别、手机号码、申请时间、审核回复、审核状态等信息，进行查询或删除社团加入等操作；如图5-10所示。

 管理员点击社团活动管理；在社团活动管理页面对活动名称、活动图片、活动地点、活动时间、活动时长、活动人数、社团账号、社团名称、审核回复、审核状态、审核等信息，进行查询或删除社团活动等操作；如图5-11所示。

 管理员点击社团申请管理；在社团申请管理页面对学号、学生姓名、手机号码、社团名称、社团分类、申请时间、审核回复、审核状态、审核等信息，进行查询或删除社团申请等操作；如图5-12所示。

 管理员点击系统管理；在系统管理页面对轮播图管理、新闻资讯等信息，进行查询或删除系统信息等操作；如图5-13所示。

 社团登录，通过登录页面填写信息完成后，点击登录操作，如图5-14所示。

 社团登录到白优校园社团网站可以查看首页、个人中心、社团管理、社团加入管理、社团活动管理、活动报名管理、社团成员管理等信息，进行相应操作，如图5-15所示。

 学生登录，通过登录页面填写信息完成后，点击登录操作，如图5-16所示。

 学生登录到白优校园社团网站可以查看首页、个人中心、社团加入管理、活动报名管理、社团成员管理、社团申请管理等信息，进行相应操作，如图5-17所示。

 

开发背景

近些年，随着中国经济发展，人民的生活质量逐渐提高，对网络的依赖性越来越高，通过网络处理的事务越来越多。随着白优校园社团网站的常态化，如果依然采用传统的管理方式，将会为工作人员带来庞大的工作量，这将是一个巨大考验，需要投入大量人力开展对社团、社团活动、新闻资讯等相关工作进行管理，单一且反复的操作容易出错且不易被察觉，于是利用现代信息技术，设计开发一款白优校园社团网站，能够极大的节省人力物力、提高工作效率、降低工作成本[1]。

本论文拟采用计算机技术设计并开发的白优校园社团网站，主要是为学生提供服务。使得学生可以在系统上查看社团信息然后申请加入，社团进行审核等，管理员对信息进行统一管理，与此同时可以筛选出符合的信息，给笔者提供更符合实际的合理化建议，本课题的意义在于，管理者能通过使用白优校园社团网站，提高工作效率和服务质量，进而提高用户的体验感[2]。 

代码实现

/**
 * 登录相关
 */
@RequestMapping("users")
@RestController
public class UserController{
    
    @Autowired
    private UserService userService;
    
    @Autowired
    private TokenService tokenService;
 
    /**
     * 登录
     */
    @IgnoreAuth
    @PostMapping(value = "/login")
    public R login(String username, String password, String role, HttpServletRequest request) {
        UserEntity user = userService.selectOne(new EntityWrapper<UserEntity>().eq("username", username));
        if(user != null){
            if(!user.getRole().equals(role)){
                return R.error("权限不正常");
            }
            if(user==null || !user.getPassword().equals(password)) {
                return R.error("账号或密码不正确");
            }
            String token = tokenService.generateToken(user.getId(),username, "users", user.getRole());
            return R.ok().put("token", token);
        }else{
            return R.error("账号或密码或权限不对");
        }
 
    }
    
    /**
     * 注册
     */
    @IgnoreAuth
    @PostMapping(value = "/register")
    public R register(@RequestBody UserEntity user){
//        ValidatorUtils.validateEntity(user);
        if(userService.selectOne(new EntityWrapper<UserEntity>().eq("username", user.getUsername())) !=null) {
            return R.error("用户已存在");
        }
        userService.insert(user);
        return R.ok();
    }
 
    /**
     * 退出
     */
    @GetMapping(value = "logout")
    public R logout(HttpServletRequest request) {
        request.getSession().invalidate();
        return R.ok("退出成功");
    }
    
    /**
     * 密码重置
     */
    @IgnoreAuth
    @RequestMapping(value = "/resetPass")
    public R resetPass(String username, HttpServletRequest request){
        UserEntity user = userService.selectOne(new EntityWrapper<UserEntity>().eq("username", username));
        if(user==null) {
            return R.error("账号不存在");
        }
        user.setPassword("123456");
        userService.update(user,null);
        return R.ok("密码已重置为：123456");
    }
    
    /**
     * 列表
     */
    @RequestMapping("/page")
    public R page(@RequestParam Map<String, Object> params,UserEntity user){
        EntityWrapper<UserEntity> ew = new EntityWrapper<UserEntity>();
        PageUtils page = userService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.allLike(ew, user), params), params));
        return R.ok().put("data", page);
    }
 
    /**
     * 信息
     */
    @RequestMapping("/info/{id}")
    public R info(@PathVariable("id") String id){
        UserEntity user = userService.selectById(id);
        return R.ok().put("data", user);
    }
    
    /**
     * 获取用户的session用户信息
     */
    @RequestMapping("/session")
    public R getCurrUser(HttpServletRequest request){
        Integer id = (Integer)request.getSession().getAttribute("userId");
        UserEntity user = userService.selectById(id);
        return R.ok().put("data", user);
    }
 
    /**
     * 保存
     */
    @PostMapping("/save")
    public R save(@RequestBody UserEntity user){
//        ValidatorUtils.validateEntity(user);
        if(userService.selectOne(new EntityWrapper<UserEntity>().eq("username", user.getUsername())) !=null) {
            return R.error("用户已存在");
        }
        userService.insert(user);
        return R.ok();
    }
 
    /**
     * 修改
     */
    @RequestMapping("/update")
    public R update(@RequestBody UserEntity user){
//        ValidatorUtils.validateEntity(user);
        userService.updateById(user);//全部更新
        return R.ok();
    }
 
    /**
     * 删除
     */
    @RequestMapping("/delete")
    public R delete(@RequestBody Integer[] ids){
        userService.deleteBatchIds(Arrays.asList(ids));
        return R.ok();
    }
}

项目案例 

 

获取源码

大家点赞、收藏、关注、评论啦 、查看👇🏻获取联系方式👇🏻