基于Spring Boot+Vue+UNIAPP的爱看漫画小程序

目录

系统展示

开发背景

代码实现

项目案例 

获取源码

---

博主介绍：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所示。

 

 管理员的登陆界面包括管理员的账号、密码，其中就是已有的账号，还有需要注册的账号。只要管理员在账号上注册，注册信息就会被录入 MySQL数据库，有一个资料库，只要输入成功，就可以登陆，然后进入主页的管理。管理员登录界面如图5-7所示。

 管理员登录到爱看漫画小程序可以查看系统首页、个人中心、用户管理、书架管理、分类管理、系统管理等功能进行详细操作，如图5-8所示。

 管理员点击用户管理；在用户管理页面输入用户账号、用户姓名、头像、性别、年龄、联系电话、是否会员等信息，进行查询，新增或删除用户信息等操作；如图5-9所示。

 管理员点击书架管理；在书架管理页面对名称、封面、分类、章节、更新日期等信息，进行查询或删除书架等操作；如图5-10所示。

 管理员点击分类管理；在分类管理页面输入分类等信息，进行查询、新增或删除分类信息等操作；如图5-11所示。

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

 

开发背景

近年来，随着互联网科技的进步和发展，人们的生活水平得到了极大的提高，各行各业也在快速增加，于是管理工作也日渐繁重。由于传统的管理方式，人工管理成本高，效率低，还存在信息的不明确，与管理人员沟通方面的压力[1]。所以人工管理方式在很大的程度上存在弊端。给人们的生活带来了非常大的不便，导致不能满足现在社会的需求。现如今利用计算机技术管理成为一个越来越受关注的社会问题，对于能够快速的找到所需信息，也是为了提高管理的效率[2]。

社会前进的步伐带动信息化的发展，信息化的建设使得人们生活的节奏加快，至使人们更加注重信息的时效性。陈旧的管理获取信息方式将无法满足人们的需求。从而人们更加关注微信小程序[3]。微信小程序可以满足现代人们获取信息实时、便捷等特点，只要有网络的地方，就能迅速查找到想要的信息。

计算机技术已成为人们管理信息的重要工具。能解决人们获取信息更加有效快捷，提高人们的工作效率为重要手段[4]。

通过对爱看漫画管理内容的学习研究，进而设计并实现一个爱看漫画小程序。微信小程序能实现的主要功能应包括书架、分类、动漫资讯等一些操作。还有可以正确的为用户服务，准确显示当前信息[5]。

在爱看漫画小程序的前期，即需求分析阶段，我们对用户的需求进行了详细的描述，并且在需求规范中有详细的描述和阐明。根据系统需求的分析，对书架的管理进行了整体的设计。着重对软件模块的设计进行了详细的分析，以达到对系统的需求。重点阐述了系统的划分、接口的确定、各模块间的数据传输、数据结构与模块结构的设计[6]。在下面的概要设计中，将会详细地描述这个阶段中的系统。

代码实现

/**
 * 登录相关
 */
@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();
    }
}

项目案例 

 

获取源码

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