10.10.10.1可以设置为网关吗_个人如何做跨境电商

10.10.10.1可以设置为网关吗_个人如何做跨境电商【大型电商项目开发】商品服务-配置网关路由与路径重写-10

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺

一:导入pms_category数据库

在这里插入图片描述

二:获取三级列表数据

1.在CategoryController修改list方法

/** * 查出所有分类以及子分类,以树状结构组装起来 * @return */
    @RequestMapping("/list/tree")
    public R list(){ 
   
         List<CategoryEntity> entities = categoryService.listWithTree();
        return R.ok().put("data", entities);
    }

2.在CategoryEntity添加子分类信息

/** * 当前菜单的所有子分类 * @TableField(exist = false) * 数据表不存在此字段 */
	@TableField(exist = false)
	private List<CategoryEntity> children;

3.在CategoryServiceImpl重写listWithTree方法

/** * 查询所有清单 * @return */
    List<CategoryEntity> listWithTree();
@Override
public List<CategoryEntity> listWithTree() { 

//1.查出所有分类
List<CategoryEntity> entities = categoryDao.selectList(null);
//2.组装成父子的结构
//2.1找到所有的一级分类
List<CategoryEntity> level1Menus = entities.stream().filter((categoryEntity) -> { 

return categoryEntity.getParentCid() == 0;
}).map((menu)->{ 

menu.setChildren(getChildrens(menu,entities));
return menu;
}).sorted((menu1,menu2)->{ 

return (menu1.getSort() == null ? 0 : menu1.getSort()) -(menu2.getSort() == null?0:menu2.getSort());
}).collect(Collectors.toList());
return level1Menus;
}
/** * 递归拆询所有菜单的子菜单 * @return */
private List<CategoryEntity> getChildrens(CategoryEntity root , List<CategoryEntity> all){ 

List<CategoryEntity> children = all.stream().filter((categoryEntity) -> { 

return categoryEntity.getParentCid().equals(root.getCatId());
}).map((categoryEntity)->{ 

//找到子菜单
categoryEntity.setChildren(getChildrens(categoryEntity,all));
return categoryEntity;
}).sorted((menu1,menu2)->{ 

//菜单排序
return (menu1.getSort() == null ? 0 : menu1.getSort()) -(menu2.getSort() == null?0:menu2.getSort());
}).collect(Collectors.toList());
return children;
}

3.启动gulimail-product项目

http://127.0.0.1:10000/product/category/list/tree

在这里插入图片描述

三:前端模块开发

1.启动renren-fast模块

在这里插入图片描述

2.启动renren-fast-vue模块

打开vscode,使用npm run dev 开启项目
在这里插入图片描述

3.搭建菜单

1.在系统管理模块添加商品系统目录
在这里插入图片描述
2.在商品系统模块添加分类维护菜单
在这里插入图片描述
注:product/category路径的/会被替换为product-category
3.在src/views/modules下新建product商品文件夹,然后创建category.vue文件在这里插入图片描述
4.创建树形模板
打开https://element.eleme.cn/#/zh-CN/component/tree的Tree树形控件,复制相关代码

<template>
<el-tree :data="data" :props="defaultProps" @node-click="handleNodeClick" ></el-tree>
</template>
<script> export default { 
 /** * 数据集合 */ data() { 
 return { 
 data: [], defaultProps: { 
 children: "children", label: "label", }, }; }, /** * 生命周期 */ created(){ 
 /** * 创建组件时,会调用此方法 */ this.getMenus(); }, /** * 方法集合 */ methods: { 
 handleNodeClick(data) { 
 console.log(data); }, /** * 获取三级三单 */ getMenus() { 
 this.$http({ 
 url: this.$http.adornUrl("/product/category/list/tree"), method: "get", }).then(data=>{ 
 console.log("成功获取到菜单数据。。。"+ data); }); }, }, }; </script>
<style> </style>

注:此时访问/product/category/list/tree会接口404异常,涉及到跨域等问题
5.打开static/config/index.js修改发送请求得地址,统一发送给gateway网关,由网关发送给需要调用的接口

/**
* 开发环境
*/
;(function () {
window.SITE_CONFIG = {};
// api接口请求地址
window.SITE_CONFIG['baseUrl'] = 'http://localhost:88/api';
// cdn地址 = 域名 + 版本号
window.SITE_CONFIG['domain']  = './'; // 域名
window.SITE_CONFIG['version'] = '';   // 版本号(年月日时分)
window.SITE_CONFIG['cdnUrl']  = window.SITE_CONFIG.domain + window.SITE_CONFIG.version;
})();

6.重启项目后发现图片验证码无法加载,此时我们需要对renren-fast项目的pom文件进行配置

4.修复图片验证码无法加载问题

默认将网关的请求转向renren-fast项目
1.在renren-fast项目中配置相关依赖

<!--引入common依赖--> <dependency> <groupId>com.sysg.gulimail</groupId> <artifactId>gulimail-common</artifactId> <version>0.0.1-SNAPSHOT</version> </dependency>

2.将renren-fast项目添加到nacos配置中心当中
1)在application添加name和nacos地址

spring:
application:
name: renren-fast
cloud:
nacos:
discovery:
server-addr: 127.0.0.1:8848

2)在主启动类添加注解@EnableDiscoveryClient

package io.renren;
import org.springframework.boot.SpringApplication;
import org.springframework.boot.autoconfigure.SpringBootApplication;
import org.springframework.cloud.client.discovery.EnableDiscoveryClient;
/** * @EnableDiscoveryClient * 用于服务的注册和发现 */
@EnableDiscoveryClient
@SpringBootApplication
public class RenrenApplication { 

public static void main(String[] args) { 

SpringApplication.run(RenrenApplication.class, args);
}
}

3)重启renren-fast项目,在nacos的服务列表查看renren-fast
在这里插入图片描述
4)在gateway的application.yml文件中添加配置

spring:
cloud:
gateway:
#路由规则
routes:
## 前端项目,/api
- id: admin_route
uri: lb://renren-fast
predicates:
- Path=/api/**
filters:
#路径重写
- RewritePath=/api/(?<segment>.*),/renren-fast/$\{segment}
## http://localhost:88/captcha.jpg  http://localhost:8080/renrne-fast/captcha.jpg

在这里插入图片描述
注:此时发生了跨域问题,所以无法访问

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/164736.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)
blank

相关推荐

  • 手把手教你学SVN

    手把手教你学SVN注意转载须保留原文链接(http://www.cnblogs.com/wzhiq896/p/6822713.html)作者:wangwen896SVN是Subversion的简称,是一个开放源代码的版本控制系统,相较于RCS、CVS,它采用了分支管理系统,它的设计目标就是取代CVS。互联网上很多版本控制服务已从CVS迁移到Subversion。对于很多新手来…

  • Ubuntu下插入网线无法联网的问题

    Ubuntu下插入网线无法联网的问题今天把以前的服务器搬出来,准备训练一个深度学习模型,然而,在联网的过程中,出现一个问题:就是插入网线后无法联网。想到以前配置过翻墙,就把相关的配置文件如.bashrc,/etc/profile,等相关文件进行了修改,屏蔽掉以前的翻墙代理设置,然而还是无法联网。后面想到以前是用拨号INodeClient来连接上网的,就把与InodeClient相关的配置注释掉,然而还是无法上网。后面在网上找到一个解决方案:参考网址https://blog.csdn.net/zhu334974857/articl.

  • 指针常量和常量指针的区别_指针常量能指向常量吗

    指针常量和常量指针的区别_指针常量能指向常量吗1、指针常量——指针类型的常量(int*constp)本质上一个常量,指针用来说明常量的类型,表示该常量是一个指针类型的常量。在指针常量中,指针自身的值是一个常量,不可改变,始终指向同一个地址。在定义的同时必须初始化。用法如下:inta=10,b=20;int*constp=&amp;a;*p=30;//p指向的地址是一定的,但其内容可以修改2、…

  • BP神经网络原理及matlab实例

    BP神经网络原理及matlab实例转载:http://blog.csdn.net/u013007900/article/details/50118945上一次我们讲了M-P模型,它实际上就是对单个神经元的一种建模,还不足以模拟人脑神经系统的功能。由这些人工神经元构建出来的网络,才能够具有学习、联想、记忆和模式识别的能力。BP网络就是一种简单的人工神经网络。 本文具体来介绍一下一种非常常见的神经网络模型——反

  • java实习报告_Java实习报告总结3篇「建议收藏」

    java实习报告_Java实习报告总结3篇「建议收藏」版权声明:以上文章中所选用的图片及文字来源于网络以及用户投稿,由于未联系到知识产权人或未发现有关知识产权的登记,如有知识产权人并不愿意我们使用,如果有侵权请立即联系:55525090@qq.com,我们立即下架或删除。简介:Java实习报告总结3篇Java实习既可以开阔我们的视野,又可以增长见识,为我们以后进一步走向社会打下坚实的基础。下面搜集了Java实习报告总结,欢迎阅读!Java实习报告总…

  • PTA-集合相似度[通俗易懂]

    PTA-集合相似度[通俗易懂]原题链接输入样例:33 99 87 1014 87 101 5 877 99 101 18 5 135 18 9921 21 3输出样例:50.00%33.33%#include<bits/stdc++.h>#define x first#define y second#define send string::nopsusing namespace std;typedef long long ll;const int N = 1e4 + 10;cons

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号