锋迷商城 商品推荐

已于 2022-04-10 11:57:02 修改
阅读量239 收藏
点赞数 1
文章标签： java
于 2022-04-07 22:30:28 首次发布
本文为博主原创文章，未经博主允许不得转载
本文链接：https://blog.csdn.net/qq_46198929/article/details/124028368
版权
本文介绍了网站的分类列表设计，包括一级分类如点心和蛋糕的二级子分类，展示了动态加载的菜单结构。同时，详细讲解了CategoryMapper接口和Service实现，聚焦于数据获取和管理，特别是通过MyBatis进行数据库查询。
摘要由CSDN通过智能技术生成

记录一下，以便复习

这里写自定义目录标题

一.分类列表

分类列表静态页面

<li v-for="c1 in categories" class="appliance js_toggle relative ">                                
                                        <div class="category-info">
                                            <h3 class="category-name b-category-name">
                                                <i><img :src="'static/images/'+c1.categoryIcon"></i>
                                                <a class="ml-22" title="点心">{{ c1.categoryName }}</a>
                                            </h3>
                                            <em>&gt;</em>
                                        </div>

										<!--二级分类-->
												<div class="menu-item menu-in top">
													<div class="area-in">
														<div class="area-bg">
															<div class="menu-srot">
																<div class="sort-side">
																	
																	<dl class="dl-sort" v-for="c2 in c1.categories">
																		<dt><span title="蛋糕">{{c2.categoryName}}</span></dt>
																		<dd v-for="c3 in c2.categories"><a title="蒸蛋糕" href="search.html"><span>{{c3.categoryName}}</span></a></dd>
																	</dl>
														

																</div>
																<div class="brand-side">
																	<dl class="dl-sort"><dt><span>实力商家</span></dt>
																		<dd><a rel="nofollow" title="呵官方旗舰店" target="_blank" href="#" rel="nofollow"><span  class="red" >呵官方旗舰店</span></a></dd>
																		<dd><a rel="nofollow" title="格瑞旗舰店" target="_blank" href="#" rel="nofollow"><span >格瑞旗舰店</span></a></dd>
																		<dd><a rel="nofollow" title="飞彦大厂直供" target="_blank" href="#" rel="nofollow"><span  class="red" >飞彦大厂直供</span></a></dd>
																		<dd><a rel="nofollow" title="红e·艾菲妮" target="_blank" href="#" rel="nofollow"><span >红e·艾菲妮</span></a></dd>
																		<dd><a rel="nofollow" title="本真旗舰店" target="_blank" href="#" rel="nofollow"><span  class="red" >本真旗舰店</span></a></dd>
																		<dd><a rel="nofollow" title="杭派女装批发网" target="_blank" href="#" rel="nofollow"><span  class="red" >杭派女装批发网</span></a></dd>
																	</dl>
																</div>
															</div>
														</div>
													</div>
												</div>
											








                                        <b class="arrow"></b>
                                    </li>											

<script type="text/javascript" src="static/js/quick_links.js "></script>
<script type="text/javascript" src="static/js/cookie_utils.js"></script>
<script type="text/javascript" src="static/js/vue.js"></script>
<script type="text/javascript" src="static/js/axios.min.js"></script>

<script type="text/javascript">
    var baseUrl = "http://localhost:8080/";
    var vm = new Vue({
        el: "#container",
        data: {
            username: "",
            userimg: "",
            isLogin: false,
            indeximgs: [],
            categories: []
        },
        created: function () {
            var token = getCookieValue("token");
            if (token != null) {
                this.isLogin = true;
                this.username = getCookieValue("username");
                this.userimg = getCookieValue("userimg");
                console.log(this.username);
            }
            var url = baseUrl + "index/indeximg";
            axios.get(url).then((res) => {

                var vo = res.data;
                this.indeximgs = vo.data;
                console.log(this.indeximgs);
                setTimeout(function () {
                    $('.am-slider').flexslider();
                }, 100);
            });

            var url1 = baseUrl + "index/category-list";
            axios.get(url1).then((res) => {
                 console.log(res.data.data);

                this.categories = res.data.data;

                console.log(JSON.stringify(this.categories[0].categoryName))
                //初始化分类列表的动画效果
                setTimeout(function () {
                    $("li").hover(function () {
                        $(".category-content .category-list li.first .menu-in").css(
                            "display", "none");
                        $(".category-content .category-list li.first").removeClass(
                            "hover");
                        $(this).addClass("hover");
                        $(this).children("div.menu-in").css("display", "block")
                    }, function () {
                        $(this).removeClass("hover")
                        $(this).children("div.menu-in").css("display", "none")
                    });
                }, 100);
            });
        }
    })
</script>

CategoryMapper

import com.qfedu.fmmall.entity.Category;
import com.qfedu.fmmall.entity.CategoryVO;
import com.qfedu.fmmall.general.GeneralDAO;
import org.springframework.stereotype.Repository;

import java.util.List;
@Repository
public interface CategoryMapper extends GeneralDAO<Category> {
    public List<CategoryVO> selectAllCategories();

    //2.子查询：根据parentId查询子分类
    public List<CategoryVO> selectAllCategories2(int parentId);

    //3.查询一级类别
    public List<CategoryVO> selectFirstLevelCategories();
}

CategoryMapper.xml

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
<mapper namespace="com.qfedu.fmmall.dao.CategoryMapper">
  <resultMap id="BaseResultMap" type="com.qfedu.fmmall.entity.Category">
    <!--
      WARNING - @mbg.generated
    -->
    <id column="category_id" jdbcType="INTEGER" property="categoryId" />
    <result column="category_name" jdbcType="VARCHAR" property="categoryName" />
    <result column="category_level" jdbcType="INTEGER" property="categoryLevel" />
    <result column="parent_id" jdbcType="INTEGER" property="parentId" />
    <result column="category_icon" jdbcType="VARCHAR" property="categoryIcon" />
    <result column="category_slogan" jdbcType="VARCHAR" property="categorySlogan" />
    <result column="category_pic" jdbcType="VARCHAR" property="categoryPic" />
    <result column="category_bg_color" jdbcType="VARCHAR" property="categoryBgColor" />
  </resultMap>


    <resultMap id="categoryVOMap" type="com.qfedu.fmmall.entity.CategoryVO">
        <id column="category_id1" jdbcType="INTEGER" property="categoryId"/>
        <result column="category_name1" jdbcType="VARCHAR" property="categoryName"/>
        <result column="category_level1" jdbcType="INTEGER" property="categoryLevel"/>
        <result column="parent_id1" jdbcType="INTEGER" property="parentId"/>
        <result column="category_icon1" jdbcType="VARCHAR" property="categoryIcon"/>
        <result column="category_slogan1" jdbcType="VARCHAR" property="categorySlogan"/>
        <result column="category_pic1" jdbcType="VARCHAR" property="categoryPic"/>
        <result column="category_bg_color1" jdbcType="VARCHAR" property="categoryBgColor"/>
        <collection property="categories" ofType="com.qfedu.fmmall.entity.CategoryVO">
            <id column="category_id2" jdbcType="INTEGER" property="categoryId"/>
            <result column="category_name2" jdbcType="VARCHAR" property="categoryName"/>
            <result column="category_level2" jdbcType="INTEGER" property="categoryLevel"/>
            <result column="parent_id2" jdbcType="INTEGER" property="parentId"/>
            <collection property="categories" ofType="com.qfedu.fmmall.entity.CategoryVO">
                <id column="category_id3" jdbcType="INTEGER" property="categoryId"/>
                <result column="category_name3" jdbcType="VARCHAR" property="categoryName"/>
                <result column="category_level3" jdbcType="INTEGER" property="categoryLevel"/>
                <result column="parent_id3" jdbcType="INTEGER" property="parentId"/>
            </collection>
        </collection>

    </resultMap>

    <select id="selectAllCategories" resultMap="categoryVOMap">
        select c1.category_id       'category_id1',
                c1.category_name     'category_name1',
                c1.category_level    'category_level1',
                c1.parent_id         'parent_id1',
                c1.category_icon     'category_icon1',
                c1.category_slogan   'category_slogan1',
                c1.category_pic      'category_pic1',
                c1.category_bg_color 'category_bg_color1',
                c2.category_id       'category_id2',
                c2.category_name     'category_name2',
                c2.category_level    'category_level2',
                c2.parent_id         'parent_id2',
                c3.category_id       'category_id3',
                c3.category_name     'category_name3',
                c3.category_level    'category_level3',
                c3.parent_id         'parent_id3'
        from category c1
                 inner join category c2
                            on c2.parent_id = c1.category_id
                 left join category c3
                           on c3.parent_id = c2.category_id
        where c1.category_level = 1
    </select>
</mapper>

CategoryService

package com.qfedu.fmmall.service;

import com.qfedu.fmmall.vo.ResultVO;

public interface CategoryService {
    public ResultVO listCategories();
}

CategoryServiceImpl

package com.qfedu.fmmall.service.impl;

import com.qfedu.fmmall.dao.CategoryMapper;
import com.qfedu.fmmall.entity.CategoryVO;
import com.qfedu.fmmall.vo.ResStatus;
import com.qfedu.fmmall.vo.ResultVO;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;

import java.util.List;
@Service
public class CategoryServiceImpl implements com.qfedu.fmmall.service.CategoryService {
    @Autowired
    private CategoryMapper categoryMapper;
    @Override
    public ResultVO listCategories() {
        List<CategoryVO> categoryVOS = categoryMapper.selectAllCategories();
        return new ResultVO(ResStatus.OK,"success",categoryVOS);
    }


}

IndexController

import io.swagger.annotations.ApiOperation;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.web.bind.annotation.CrossOrigin;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;

@RestController
@CrossOrigin
@RequestMapping("/index")
@Api
public class IndexController {
    @Autowired
    private IndexImgService indexImgService;
    @GetMapping("/indeximg")
    @ApiOperation("首页轮播图接口")
    public ResultVO listIndexImgs(){
        return indexImgService.listIndexImgs();
    }


    @Autowired
    private CategoryService categoryService;
    @GetMapping("/category-list")
    public ResultVO listCategories(){
        return categoryService.listCategories();
    }
}
漫漫人生路^_^
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
千锋教育威哥学Java——全网首套|HarmonyOS版锋迷商城 APP来袭
关注我！带你一路 "狂飙" 到底！
11-09 1101
回顾一下《锋迷商城》项目实战课程，涛哥分别带着小伙伴们实现了前后端分离版和微服务架构版两个版本，能不能成功跳槽，极高含金量的课程给你拍这了，能不能拿走装肚子里，就看你的学习态度了，还没学完的小伙伴继续加油鸭~~~ 需要更多教程，微信扫码即可 ???????????? 别忘了扫码领资料哦【高清Java学习路线图】 和【各学科全套学习视频及配套资料】 话说，涛哥录完这套大型现代古装悬疑大戏，有点空虚了，是不是处女座威哥不知道，但涛哥还真是个完美主义者，涛哥有一天晚上半夜做了一个梦，梦里一群
锋迷商城学习
Try的博客
03-01 4353
fmmall学习
B站 （锋迷商城） 学习资料
07-27
本套项目实战课程有极高的含金量，采用当下最主流的微服务分布式架构，前后端分离技术，涵盖技术栈有：Vue、axios、Springboot、RESTful、mybatis、tkmapper、Swagger、任务调度Quartz/Elastic-Job、阿里云OSS、Linux、Nginx负载均衡、反向代理、CDN、容器化技术Docker、分布式缓存Redis、分布式Session、缓存雪崩、缓存穿透、分布式锁（Redis实现）、分布式搜索引擎Elasticsearch、分布式消息队列RabbitMQ、MySQL主从复制、 分布式数据库中间件Mycat/Sharding-jdbc、分布式事务Seata、分布式全局ID、接口幂等性、SpringCloud之Eureka服务治理、SpringCloud之Ribbon和Feign、SpringCloud之Hystrix和Config、SpringCloud之ZUUL（Gateway）和Sleuth链路追踪技术，掌握本套课程，你将拥有千万级电商项目实战经验。
Java电商《锋迷商城》笔记
qq_52922453的博客
10-10 5562
锋迷商城——电商平台 3.2.2 创建common⼯程 选择fmmall，右键---New---Module （Maven⼯程） 修改common的pom.xml，设置packing=jar 3.2.3 创建beans⼯程 选择fmmall，右键---New---Module （Maven⼯程） 修改beans的pom.xml，设置packing ----- jar 3.2.4 创建mapper⼯程 选择fmmall，右键---New---M
锋迷商城项目介绍（一）
Joyechen1的博客
11-07 1211
锋迷商城项目
《锋迷商城》——项目搭建
阿杰么的博客
10-15 589
学习的第一个项目 《锋迷商城》系列
千锋《锋迷商城》项目学习笔记1-前后端分离
最新发布
07-30
《锋迷商城》项目包括了用户管理、首页功能实现、商品详情、购物车、收货地址管理、提交订单、用户中心、订单管理、评价管理、中心首页数据显示等功能。 四、技术选型 《锋迷商城》项目使用了SSM企业开发框架，...
锋迷商城建表sql语句
04-28
锋迷商城建表sql语句
<锋迷商城>的数据库资源
10-15
在锋迷商城中，可能包含商品表、用户表、订单表等，每张表都有其特定的字段和数据类型来存储相应信息。 2. **数据操纵语言（DML，Data Manipulation Language）**：处理数据库中的数据。比如，`INSERT INTO`用于...
锋迷商城笔记。。。。。。。。。。。。
02-22
锋迷商城笔记。。。。。。。。。。。。
fenquruanjian
07-23
可用于磁盘的任意分区。
Java电商 《锋迷商城》分布式笔记
qq_52922453的博客
10-10 912
⼀个电商平台在互联⽹环境下⾸先要应对的是⾼并发访问的问题，⾼并发访问会为我们的系。在电商系统中，为了提⾼商品详情的查询速度、减少对数据库的并发访问压⼒，我们可以使。⼀个成功的互联⽹项⽬，平台⽤户会不断的积累和提升，当⽤户量不断增多的过程中，如果商品表中没有数据，则在平台管理系统中的商品添加功能中，当商家向商品表。对于可能会发⽣修改，但是对数据⼀致性要求不⾼的数据也适合使⽤缓存。对于数据的写操作较少、但是会频繁的查询的数据适合使⽤缓存。随着⼀个项⽬功能的增加，结构会变得越来越复杂，我们就⾯临。
《锋迷商城》——业务流程设计
阿杰么的博客
10-17 509
分析《锋迷商城》 的业务流程 测试启动SpringBoot访问 https://locallhost:8080/swagger-ui.html@Api 注解 在控制器上添加此注解，可以对控制器进行功能说明 @ApiOperation 方法注解 说明接口方法的作用@ApiImplicitParams 和@ApiImplicitParam 方法注解，说明接口方法的参数
威哥，YYDS！看了这套 Java视频，我飘了！
关注我！带你一路 "狂飙" 到底！
10-15 938
Hello，各位锋迷们，我是威哥。 今天由我给大家推荐一套全网最全保姆级Java教程，课时1000集，可以说是非常的细致、全面！ ???????????? 别忘了扫码领资料哦【高清Java学习路线图】 和【全套学习视频及配套资料】 学Java的同学很多都认识我，如果有什么事可以让威哥废寝忘食，那一定是坚持不断的给大家录制学习教程。人生苦短，威哥独钟情于编程与授人以渔~ 千锋教育， 全网最全保姆级Java教程1000集，#千锋教育 Java零基础入门到精通全套教程
《锋迷商城》——首页：商品分类推荐
阿杰么的博客
10-30 210
按照商品的分类（一级分类）推荐销量最高的6个商品
项目“杀青”千锋《锋迷商城》电商项目大结局，学完挑战大厂
qfzhangxu的博客
11-10 2634
昨天的倾盆大雨 仿佛在洗刷心灵的创伤 是的 没有人可以理解 自己心中的痛苦 任何人都不是别人的蛔虫 错过了金三银四 生活还是依旧没有改变 我不想再错过金九银十 于是乎 我作了一个艰难的决定 亲爱的涛哥 我要给你生猴子 待我学完你的500集大戏 我会毫不犹豫的跳槽 我发誓 我的人生 不想再错过...... Java从开发到架构_《锋迷商城》项目实战 加芊芊老师vx领取最新资料哦 涛哥简介： 11年Java开发经验和教学经验。 曾任...
《锋迷商城》——用户认证
阿杰么的博客
10-26 314
使用token简单认证用户是否登录，限制访问资源
锋迷商城SpringCloud+Vue前后端分离2021微服务实战
IT大神帅杰的博客
05-08 2521
锋迷商城项目是一个B2C商城，基于SpringCloud构建的大型千万级高并发电商系统。采用当下最主流的微服务分布式架构，前后端分离技术， 涵盖技术栈有：Vue、axios、Springboot、RESTful、mybatis、tkmapper、Swagger、任务调度Quartz/Elastic-Job、 阿里云OSS、Linux、Nginx负载均衡、反向代理、CDN、容器化技术Docker、分布式缓存Redis、分布式Session、 SpringCloud之Eureka服务治理、...
【锋迷商城】项目搭建详细步骤
康康要加油的博客
05-02 854
【锋迷商城】项目搭建创建Maven聚合工程一、构建父工程 fmmall1.创建一个maven工程，packing设置为pom2.父工程继承 spring-boot-starter-parent二、创建common工程1.选择fmmall，右键--New--Module（Maven工程）2.修改common的pom.xml，设置packing=jar三、创建beans工程1.选择fmmall，右键--New--Module（Maven工程）2.修改beans的pom.xml，设置packing=jar四、创建
"千锋《锋迷商城》项目学习笔记1-前后端分离
千锋《锋迷商城》项目学习笔记1-前后端分离 《锋迷商城》是一个分布式项目实战课程，该项目的课程大纲和前言介绍可以在https://www.processon.com/view/link/606bde8b1e08534321fd21031上找到。本课程旨在教授实际...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值