谷粒商城【成神路】-【9】——商城页面

原创于 2024-03-06 15:34:44 发布 · 578 阅读

5 ·

CC 4.0 BY-SA版权

文章标签：

#java #后端 #idea #架构 #分布式 #中间件 #nginx

谷粒商城【弑神战】专栏收录该内容

10 篇文章

订阅专栏

本文介绍了如何使用Nginx进行动静态资源分离，Thymealf模板引擎的配置，关闭SpringBoot中的缓存，以及通过数据库查询优化提高性能。还详细描述了通过Nginx转发和负载均衡的实现策略。

🧈1.项目服务部署架构

🥞2.Thymealf

🍿3.请求接口

🌭4.使用nginx转发

🥖5.nginx动静分离

🫓6.优化

1.项目服务部署架构

使用nginx动静分离，使图片、js等静态资源和服务器请求分开

2.Thymealf

1.导入依赖

        <!--thymeleaf-->
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-thymeleaf</artifactId>
        </dependency>

2.导入资源

3.关闭缓存

spring:
    thymeleaf:
        cache: false #关闭缓存

静态资源全部放在static文件夹下就可以按照路径直接访问
页面放在templates，直接访问
springboot访问项目时，默认找index

3.请求接口

根据页面请求数据编写controller

@Controller
public class IndexController {


    @Autowired
    CategoryService categoryService;

    @GetMapping({"/", "/index.html"})
    public String indexPage(Model model) {

        //TODO 查询所有的一级分类
        List<CategoryEntity> categoryEntities = categoryService.getLeve1Categorys();

        //视图解析器，加上前缀，加上后缀
        model.addAttribute("categorys",categoryEntities);
        return "index";
    }

    @ResponseBody
    @GetMapping("/index/catalog.json")
    public  Map<String, List<Catalog2Vo>> getCatalogJson(){
        Map<String, List<Catalog2Vo>> catalogJson=categoryService.getCatalogJson();
        return catalogJson;
    }

}

具体的业务逻辑实现

/**
     * 查询所有一级分类
     *
     * @return
     */
    @Override
    public List<CategoryEntity> getLeve1Categorys() {
        List<CategoryEntity> categoryEntities = baseMapper.selectList(new QueryWrapper<CategoryEntity>().eq("parent_cid", 0));
        return categoryEntities;
    }

    /**
     * 查出所有分类
     *
     * @return
     */
    @Override
    public Map<String, List<Catalog2Vo>> getCatalogJson() {

        /**
         * 优化：将数据库查询的多次变为一次
         */

        List<CategoryEntity> selectList = baseMapper.selectList(null);

        //1.查出所有1级分类
        List<CategoryEntity> leve1Categorys = getParent_cid(selectList, 0L);

        //2.封装数据
        Map<String, List<Catalog2Vo>> parentCid = leve1Categorys.stream().collect(Collectors.toMap(k -> k.getCatId().toString(), v -> {
            //1.每一个一级分类
            List<CategoryEntity> categoryEntities = getParent_cid(selectList, v.getCatId());
            List<Catalog2Vo> catalog2Vos = null;
            if (categoryEntities != null) {
                catalog2Vos = categoryEntities.stream().map(l2 -> {
                    Catalog2Vo vo = new Catalog2Vo(v.getCatId().toString(), null, l2.getCatId().toString(), l2.getName());
                    //找二级分类的三级分类
                    List<CategoryEntity> categoryEntities3 = getParent_cid(selectList, l2.getCatId());
                    if (categoryEntities3 != null) {
                        List<Catalog2Vo.Catalog3Vo> collect = categoryEntities3.stream().map(l3 -> {
                            Catalog2Vo.Catalog3Vo catalog3Vo = new Catalog2Vo.Catalog3Vo(l2.getCatId().toString(), l3.getCatId().toString(), l3.getName());
                            return catalog3Vo;
                        }).collect(Collectors.toList());
                        vo.setCatalog3List(collect);
                    }
                    return vo;
                }).collect(Collectors.toList());
            }
            return catalog2Vos;
        }));

        return parentCid;
    }

4.使用nginx转发

1.在nginx配置，路由到网关的负载均衡

nginx代理给网关时，会丢失请求的host信息

2.在网关中配置陆游规则

域名路由，一定要放到最后！！

转发思路：

在host文件配置gulimall映射的虚拟机地址，虚拟机中安装了nginx，默认访问80端口，这个端口专门监听gulimall域名，然后nginx会代理到网关，（在代理到网关的过程中会丢失Host头），网关根据陆游规则，匹配到具体的服务

5.nginx动静分离

1.所有的静态资源全都放到nginx下

2.所有：/static/**请求，都有nginx返回

5.1.文件上传到nginx

在nginx的html目录下创建static目录，并将index文件全部上传到inginx的static目录下，并删除本地的index，并在前端页面都添加/static/

温馨提示：catalogLoader.js 文件中也要添加/static/不然 catalog.json渲染不上

5.2修改nginx配置

6.优化

在没有话之间我们每一次都要查数据库，导致性能不高，我们可以直接一次性查出所有，然后从缓存中获取指定的数据

/**
     * 查出所有分类
     *
     * @return
     */
    @Override
    public Map<String, List<Catalog2Vo>> getCatalogJson() {

        /**
         * 优化：将数据库查询的多次变为一次
         */

        List<CategoryEntity> selectList = baseMapper.selectList(null);

        //1.查出所有1级分类
        List<CategoryEntity> leve1Categorys = getParent_cid(selectList, 0L);

        //2.封装数据
        Map<String, List<Catalog2Vo>> parentCid = leve1Categorys.stream().collect(Collectors.toMap(k -> k.getCatId().toString(), v -> {
            //1.每一个一级分类
            List<CategoryEntity> categoryEntities = getParent_cid(selectList, v.getCatId());
            List<Catalog2Vo> catalog2Vos = null;
            if (categoryEntities != null) {
                catalog2Vos = categoryEntities.stream().map(l2 -> {
                    Catalog2Vo vo = new Catalog2Vo(v.getCatId().toString(), null, l2.getCatId().toString(), l2.getName());
                    //找二级分类的三级分类
                    List<CategoryEntity> categoryEntities3 = getParent_cid(selectList, l2.getCatId());
                    if (categoryEntities3 != null) {
                        List<Catalog2Vo.Catalog3Vo> collect = categoryEntities3.stream().map(l3 -> {
                            Catalog2Vo.Catalog3Vo catalog3Vo = new Catalog2Vo.Catalog3Vo(l2.getCatId().toString(), l3.getCatId().toString(), l3.getName());
                            return catalog3Vo;
                        }).collect(Collectors.toList());
                        vo.setCatalog3List(collect);
                    }
                    return vo;
                }).collect(Collectors.toList());
            }
            return catalog2Vos;
        }));

        return parentCid;
    }

这样就大大提高系统的吞吐量~