博主主页:猫头鹰源码
博主简介:Java领域优质创作者、博客专家、阿里云专家博主、公司架构师、全网粉丝5万+、专注Java技术领域和毕业设计项目实战,欢迎高校老师\讲师\同行交流合作
主要内容:毕业设计(Javaweb项目|小程序|Python|HTML|数据可视化|SSM|SpringBoot|Vue|Jsp|PHP等)、简历模板、学习资料、面试题库、技术咨询

项目介绍: 

本系统为最新原创项目,采用前后端分离,项目代码工整,结构清晰,适合选题:时尚穿搭、穿搭社区、穿搭、时尚商城、商城、前后端分离类其他穿搭话题等。系统采用springboot+vue整合开发,前端主要使用了vue、项目后端主要使用了springboot,数据层采用mybatis。

部分功能:

系统分为两个角色:

用户功能
登录注册
首页:查看穿搭分享、商品信息;
穿搭分享:可以分页查看用户分享的穿搭,并且可以按照条件筛选,点击查看可以进入详情,可以评论,详情右方推荐按照评论高低排序;
商城:可以分页查询商品,支持多条件筛选、排序查看,点击详情,支持立即购买,可以加入购物车,查看购买用户发布的商品评价;
社区:用户可以分享穿搭心得,可以最新查询(根据发布时间),也可以根据热门查看(点赞量高低),或者可以按照协调过滤算法推荐。同时有收藏榜、评论榜。进入帖子详情,用户可以点赞、评论。
购买:用户可以选择多件商品加入购物车,加入后一起购买,支持购物车数量变更或移除购物车商品。
订单查看:查看订单信息,可以支付订单,或者收货
其它管理:可以查看自己的评论、点赞、维护自己的穿搭分享和帖子信息。

管理员功能
用户管理、分类管理、商品管理、订单管理、商品评论管理、穿搭信息管理、穿搭评论管理、帖子管理、帖子评论管理、收藏管理。

系统包含技术:

后端:springboot,mybatis, Spring Security
前端:vue、js、css等
开发工具:idea/vscode
数据库:mysql 5.7
JDK版本:jdk1.8

部分截图说明:

首页展示

基于springboot+vue的时尚穿搭社区(商城)(前后端分离)_后端

穿搭分享

基于springboot+vue的时尚穿搭社区(商城)(前后端分离)_vue.js_02

穿搭详情

基于springboot+vue的时尚穿搭社区(商城)(前后端分离)_java_03

商城

基于springboot+vue的时尚穿搭社区(商城)(前后端分离)_spring boot_04

商品详情

基于springboot+vue的时尚穿搭社区(商城)(前后端分离)_vue.js_05

社区

基于springboot+vue的时尚穿搭社区(商城)(前后端分离)_spring boot_06

帖子详情

基于springboot+vue的时尚穿搭社区(商城)(前后端分离)_java_07

购物车

基于springboot+vue的时尚穿搭社区(商城)(前后端分离)_spring boot_08

登录

基于springboot+vue的时尚穿搭社区(商城)(前后端分离)_spring boot_09

商品管理

基于springboot+vue的时尚穿搭社区(商城)(前后端分离)_java_10

穿搭管理

基于springboot+vue的时尚穿搭社区(商城)(前后端分离)_spring_11

核心代码:

/**
     * 分页查询
     */
    @PostMapping("/selectPage")
    public Result selectPage(@RequestBody Map<String,String> mp) {
        PageHelper.startPage(Integer.parseInt(mp.get("currentPage").toString()), Integer.parseInt(mp.get("pagesize").toString()));
        List<Comment> list = commentService.queryAllByLimit(mp);
        PageInfo<Comment> pageInfo = new PageInfo<Comment>(list);
        return Result.success(pageInfo);
    }

    /**
     * 查询所有
     */
    @PostMapping("/queryAll")
    public Result queryAll(@RequestBody Comment comment) {
        List<Comment> list = commentService.queryCondition(comment);
        return Result.success(list);
    }

    /**
     * 通过主键查询单条数据
     */
    @GetMapping("/selectOne")
    public Result selectOne(Integer id) {
        Comment comment = commentService.queryById(id);
        return Result.success(comment);
    }

    /**
     * 新增
     */
    @RequestMapping("/add")
    public Result add(@RequestBody Comment comment) {
        Date date = new Date();
        comment.setCreateTime(date);
        commentService.insert(comment);
        return Result.success("操作成功");
    }

    /**
     * 修改
     */
    @RequestMapping("/edit")
    public Result edit(@RequestBody Comment comment) {
        commentService.update(comment);
        return Result.success("操作成功");
    }

    /**
     * 删除
     */
    @GetMapping("/deleteById")
    public Result deleteById(Integer id) {
        commentService.deleteById(id);
        return Result.success("操作成功");
    }

    /**
     * 前端分页查询
     */
    @PostMapping("/frontPage")
    @PassToken
    public Result frontPage(@RequestBody Map<String,String> mp) {
        PageHelper.startPage(Integer.parseInt(mp.get("currentPage").toString()), Integer.parseInt(mp.get("pagesize").toString()));
        List<Comment> list = commentService.queryAllByLimit(mp);
        PageInfo<Comment> pageInfo = new PageInfo<Comment>(list);
        return Result.success(pageInfo);
    }

    /**
     * 前端通过主键查询单条数据
     */
    @GetMapping("/frontOne")
    @PassToken
    public Result frontOne(Integer id) {
        Comment comment = commentService.queryById(id);
        return Result.success(comment);
    }

以上就是部分功能展示,从整体上来看,本系统功能是十分完整的,界面设计简洁大方,交互友好,数据库设计也很合理,规模适中,代码工整,清晰,适合学习使用。

好了,今天就到这儿吧,小伙伴们点赞、收藏、评论,一键三连走起呀,下期见~