SpringCloud系列——quickstart概述day1-2

已于 2022-05-07 11:30:46 修改
阅读量457 收藏
点赞数
分类专栏： # SpringCloud Java学习 笔记 文章标签： spring springCloud java
于 2022-04-28 21:43:14 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_51553982/article/details/124477081
版权
笔记 同时被 3 个专栏收录
334 篇文章 42 订阅
订阅专栏
Java学习
181 篇文章 3 订阅
订阅专栏
SpringCloud
31 篇文章 0 订阅
订阅专栏

SpringCloud系列——quickstart概述

前言

这里跟大家道个歉，之前发布的文章中是有一些错误的，所以我重新进行了修改，本篇文章重写quickstart，结合使用spring initializr 而非使用maven去构建

服务拆分及远程调用

原则

  1. 不同微服务，不要重复开发相同业务
  2. 微服务数据独立，不要访问其它微服务的数据库
  3. 将自己的业务暴露为接口，提供其他服务调用

quickstart

目录

在这里插入图片描述

1.创建maven父模块项目

在这里插入图片描述
在这里插入图片描述

2.设置文件编码为utf-8

在这里插入图片描述

3.设置启用注解

在这里插入图片描述

4. 设置模块字节码版本为8及以上

在这里插入图片描述

5.父模块清理

留这两个即可
在这里插入图片描述

6.改写pom.xml

6.1 添加< packaging >

在这里插入图片描述

关于< packaging >标签

有pom，jar，war三个类型

  1. pom: 父类型都为pom类型；子模块也会用到pom，比如common通用模块。仅仅是一个引用其它maven 项目的POM。
  2. jar: 内部调用或者是作服务使用 packing默认类型jar类型，maven会将该项目打成jar包。
  3. war: 需要部署的项目。(tomcat部署)
6.2 统一管理jar包和版本号
    <properties>
        <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
        <maven.compiler.source>1.8</maven.compiler.source>
        <maven.compiler.target>1.8</maven.compiler.target>
        <junit.version>5.8.2</junit.version>
        <log4j.version>1.2.17</log4j.version>
        <lombok.version>1.18.22</lombok.version>
        <mysql.version>8.0.17</mysql.version>
        <druid.version>1.2.8</druid.version>
        <cloud.version>2021.0.1</cloud.version>
        <cloud.alibaba.version>2021.0.1.0</cloud.alibaba.version>
        <mybatis.spring.boot.version>2.1.1</mybatis.spring.boot.version>
    </properties>

在这里插入图片描述

6.3 依赖申明管理
 <dependencyManagement>
        <dependencies>
            <dependency>
                <groupId>mysql</groupId>
                <artifactId>mysql-connector-java</artifactId>
                <version>${mysql.version}</version>
            </dependency>
            <dependency>
                <groupId>org.springframework.boot</groupId>
                <artifactId>spring-boot-dependencies</artifactId>
                <version>2.6.7</version>
                <scope>import</scope>
            </dependency>
            <dependency>
                <groupId>org.springframework.cloud</groupId>
                <artifactId>spring-cloud-dependencies</artifactId>
                <version>${cloud.version}</version>
                <scope>import</scope>
            </dependency>
            <dependency>
                <groupId>com.alibaba.cloud</groupId>
                <artifactId>spring-cloud-alibaba-dependencies</artifactId>
                <version>${cloud.alibaba.version}</version>
                <scope>import</scope>
            </dependency>
            <dependency>
                <groupId>com.alibaba</groupId>
                <artifactId>druid</artifactId>
                <version>${druid.version}</version>
            </dependency>
            <dependency>
                <groupId>org.mybatis.spring.boot</groupId>
                <artifactId>mybatis-spring-boot-starter</artifactId>
                <version>${mybatis.spring.boot.version}</version>
            </dependency>
            <dependency>
                <groupId>org.projectlombok</groupId>
                <artifactId>lombok</artifactId>
                <version>${lombok.version}</version>
            </dependency>
            <dependency>
                <groupId>org.junit.jupiter</groupId>
                <artifactId>junit-jupiter</artifactId>
                <version>${junit.version}</version>
                <scope>test</scope>
            </dependency>
            <dependency>
                <groupId>log4j</groupId>
                <artifactId>log4j</artifactId>
                <version>${log4j.version}</version>
            </dependency>
        </dependencies>
    </dependencyManagement>
完整pom
<?xml version="1.0" encoding="UTF-8"?>

<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
    <modelVersion>4.0.0</modelVersion>

    <groupId>org.example</groupId>
    <artifactId>cloud2</artifactId>
    <version>1.0-SNAPSHOT</version>
    <modules>
        <module>commons</module>
    </modules>
    <packaging>pom</packaging>

    <properties>
        <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
        <maven.compiler.source>1.8</maven.compiler.source>
        <maven.compiler.target>1.8</maven.compiler.target>
        <junit.version>5.8.2</junit.version>
        <log4j.version>1.2.17</log4j.version>
        <lombok.version>1.18.22</lombok.version>
        <mysql.version>8.0.17</mysql.version>
        <druid.version>1.2.8</druid.version>
        <cloud.version>2021.0.1</cloud.version>
        <cloud.alibaba.version>2021.0.1.0</cloud.alibaba.version>
        <mybatis.spring.boot.version>2.1.1</mybatis.spring.boot.version>
    </properties>

    <dependencyManagement>
        <dependencies>
            <dependency>
                <groupId>mysql</groupId>
                <artifactId>mysql-connector-java</artifactId>
                <version>${mysql.version}</version>
            </dependency>
            <dependency>
                <groupId>org.springframework.boot</groupId>
                <artifactId>spring-boot-dependencies</artifactId>
                <version>2.6.7</version>
                <scope>import</scope>
            </dependency>
            <dependency>
                <groupId>org.springframework.cloud</groupId>
                <artifactId>spring-cloud-dependencies</artifactId>
                <version>${cloud.version}</version>
                <scope>import</scope>
            </dependency>
            <dependency>
                <groupId>com.alibaba.cloud</groupId>
                <artifactId>spring-cloud-alibaba-dependencies</artifactId>
                <version>${cloud.alibaba.version}</version>
                <scope>import</scope>
            </dependency>
            <dependency>
                <groupId>com.alibaba</groupId>
                <artifactId>druid</artifactId>
                <version>${druid.version}</version>
            </dependency>
            <dependency>
                <groupId>org.mybatis.spring.boot</groupId>
                <artifactId>mybatis-spring-boot-starter</artifactId>
                <version>${mybatis.spring.boot.version}</version>
            </dependency>
            <dependency>
                <groupId>org.projectlombok</groupId>
                <artifactId>lombok</artifactId>
                <version>${lombok.version}</version>
            </dependency>
            <dependency>
                <groupId>org.junit.jupiter</groupId>
                <artifactId>junit-jupiter</artifactId>
                <version>${junit.version}</version>
                <scope>test</scope>
            </dependency>
            <dependency>
                <groupId>log4j</groupId>
                <artifactId>log4j</artifactId>
                <version>${log4j.version}</version>
            </dependency>
        </dependencies>
    </dependencyManagement>


    <build>
        <plugins>
            <plugin>
                <groupId>org.springframework.boot</groupId>
                <artifactId>spring-boot-maven-plugin</artifactId>
                <configuration>
                    <fork>true</fork>
                    <addResources>true</addResources>
                </configuration>
            </plugin>
        </plugins>
    </build>
</project>

7.构建子模块项目直接使用Spring Initializr

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

改写头部父模块依赖

在这里插入图片描述

    <parent>
        <artifactId>cloud2</artifactId>
        <groupId>org.example</groupId>
        <version>1.0-SNAPSHOT</version>
    </parent>
依赖注意点1

使用Spring Initializr构建项目时依赖版本会直接依赖于我们去掉的原始父模块

        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-parent</artifactId>
        <version>2.6.7</version>
        <relativePath/> <!-- lookup parent from repository -->

所以我们需要耐心的一个个把没有版本号的依赖加上版本号

依赖注意点2

在使用spring-cloud-dependencies和spring-cloud-alibaba-dependencies时我们需要加上<type>和<scope>标签对其进行指明，不写就出错，监测不到版本（这个在spring的官网上清楚的写了）

        <dependency>
            <groupId>org.springframework.cloud</groupId>
            <artifactId>spring-cloud-dependencies</artifactId>
            <version>2021.0.1</version>
            <type>pom</type>
            <scope>import</scope>
        </dependency>
        <dependency>
            <groupId>com.alibaba.cloud</groupId>
            <artifactId>spring-cloud-alibaba-dependencies</artifactId>
            <version>${cloud.alibaba.version}</version>
            <type>pom</type>
            <scope>import</scope>
        </dependency>
完整的pom
<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 https://maven.apache.org/xsd/maven-4.0.0.xsd">
    <parent>
        <artifactId>cloud2</artifactId>
        <groupId>org.example</groupId>
        <version>1.0-SNAPSHOT</version>
<!--        <groupId>org.springframework.boot</groupId>-->
<!--        <artifactId>spring-boot-starter-parent</artifactId>-->
<!--        <version>2.6.7</version>-->
<!--        <relativePath/> &lt;!&ndash; lookup parent from repository &ndash;&gt;-->
    </parent>

    <modelVersion>4.0.0</modelVersion>
    <groupId>com.example</groupId>
    <artifactId>commons</artifactId>
    <name>commons</name>
    <description>Demo project for Spring Boot</description>
    <properties>
        <java.version>1.8</java.version>
    </properties>
    <dependencies>
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-validation</artifactId>
            <version>2.6.7</version>
        </dependency>
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-web</artifactId>
            <version>2.6.7</version>
        </dependency>
        <!-- https://mvnrepository.com/artifact/com.baomidou/mybatis-plus-boot-starter -->
        <dependency>
            <groupId>com.baomidou</groupId>
            <artifactId>mybatis-plus-boot-starter</artifactId>
            <version>3.5.1</version>
        </dependency>
        <!-- https://mvnrepository.com/artifact/com.alibaba/druid-spring-boot-starter -->
        <dependency>
            <groupId>com.alibaba</groupId>
            <artifactId>druid-spring-boot-starter</artifactId>
            <version>1.2.9</version>
        </dependency>
        <dependency>
            <groupId>org.springframework.cloud</groupId>
            <artifactId>spring-cloud-dependencies</artifactId>
            <version>2021.0.1</version>
            <type>pom</type>
            <scope>import</scope>
        </dependency>
        <dependency>
            <groupId>com.alibaba.cloud</groupId>
            <artifactId>spring-cloud-alibaba-dependencies</artifactId>
            <version>${cloud.alibaba.version}</version>
            <type>pom</type>
            <scope>import</scope>
        </dependency>
        <dependency>
            <groupId>com.alibaba</groupId>
            <artifactId>druid</artifactId>
            <version>${druid.version}</version>
        </dependency>
        <dependency>
            <groupId>org.mybatis.spring.boot</groupId>
            <artifactId>mybatis-spring-boot-starter</artifactId>
            <version>${mybatis.spring.boot.version}</version>
        </dependency>
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-devtools</artifactId>
            <version>2.6.7</version>
            <scope>runtime</scope>
            <optional>true</optional>
        </dependency>
        <dependency>
            <groupId>mysql</groupId>
            <artifactId>mysql-connector-java</artifactId>
            <version>${mysql.version}</version>
        </dependency>
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-configuration-processor</artifactId>
            <version>2.6.7</version>
            <optional>true</optional>
        </dependency>
        <dependency>
            <groupId>org.projectlombok</groupId>
            <artifactId>lombok</artifactId>
            <version>${lombok.version}</version>
            <optional>true</optional>
        </dependency>
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-test</artifactId>
            <version>2.6.7</version>
            <scope>test</scope>
        </dependency>
        <dependency>
            <groupId>org.springframework</groupId>
            <artifactId>spring-web</artifactId>
            <version>5.3.14</version>
        </dependency>

        <dependency>
            <groupId>org.junit.jupiter</groupId>
            <artifactId>junit-jupiter-api</artifactId>
            <version>${junit.version}</version>
            <scope>test</scope>
        </dependency>
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-test</artifactId>
            <version>2.6.7</version>
            <scope>test</scope>
        </dependency>
    </dependencies>

    <build>
        <plugins>
            <plugin>
                <groupId>org.springframework.boot</groupId>
                <artifactId>spring-boot-maven-plugin</artifactId>
                <configuration>
                    <excludes>
                        <exclude>
                            <groupId>org.projectlombok</groupId>
                            <artifactId>lombok</artifactId>
                        </exclude>
                    </excludes>
                </configuration>
            </plugin>
        </plugins>
    </build>

</project>

8.子模块编写yaml

建议这样写，但是看你自己

server:
  port: 8888

spring:
  application:
    name: commons

  datasource:
    driver-class-name: com.mysql.cj.jdbc.Driver
    url: jdbc:mysql://localhost:3306/routerboot?useUnicode=true&characterEncoding=UTF-8&useSSL=false&serverTimezone=Asia/Shanghai&zeroDateTimeBehavior=CONVERT_TO_NULL&allowPublicKeyRetrieval=true
    username: root
    password: syf20020816

9.构建子模块业务

User实体类
package com.example.commons.entity;

import com.baomidou.mybatisplus.annotation.TableField;
import com.baomidou.mybatisplus.annotation.TableName;
import lombok.AllArgsConstructor;
import lombok.Data;
import lombok.NoArgsConstructor;

@Data
@AllArgsConstructor
@NoArgsConstructor
@TableName("user")
public class User {
    private Long id;
    private String username;
    @TableField(value = "nickname")
    private String nickName;
}
UserController
package com.example.commons.controller;

import com.example.commons.entity.User;
import com.example.commons.service.UserService;
import com.example.commons.util.ResultJSONUtil;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;

@RestController
@RequestMapping("/user")
public class UserController {
    @Autowired
    private UserService userService;

    @GetMapping("/info")
    public ResultJSONUtil getUserInfo(){
        return userService.getUserInfo();
    }
}
UserMapper
package com.example.commons.mapper;

import com.baomidou.mybatisplus.core.mapper.BaseMapper;
import com.example.commons.entity.User;
import org.apache.ibatis.annotations.Mapper;

@Mapper
public interface UserMapper extends BaseMapper<User> {
}
UserServiceImpl
package com.example.commons.service.impl;

import com.baomidou.mybatisplus.extension.service.impl.ServiceImpl;
import com.example.commons.entity.User;
import com.example.commons.mapper.UserMapper;
import com.example.commons.service.UserService;
import com.example.commons.util.ResultJSONUtil;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;

@Service
public class UserServiceImpl extends ServiceImpl<UserMapper, User>implements UserService {
    @Autowired
    private UserMapper userMapper;

    @Override
    public ResultJSONUtil getUserInfo() {
        User user = userMapper.selectById(1508100589987471362L);
        if(user!=null){
            return ResultJSONUtil.success("success",user);
        }else {
            return ResultJSONUtil.fail(501,"fail");
        }

    }
}
UserService
package com.example.commons.service;

import com.baomidou.mybatisplus.extension.service.IService;
import com.example.commons.entity.User;
import com.example.commons.util.ResultJSONUtil;

public interface UserService extends IService<User> {
    ResultJSONUtil getUserInfo();
}
ResultJSONUtil
package com.example.commons.util;

import lombok.AllArgsConstructor;
import lombok.Data;
import lombok.NoArgsConstructor;

@Data
@AllArgsConstructor
@NoArgsConstructor
public class ResultJSONUtil {
    private Integer code;
    private String message;
    private Object data;

    public ResultJSONUtil(Integer code, String msg) {
        this(code, msg, null);
    }

    public static ResultJSONUtil success(Integer code,String msg,Object data){
        ResultJSONUtil resultJSONUtil = new ResultJSONUtil();
        resultJSONUtil.setCode(code);
        resultJSONUtil.setMessage(msg);
        resultJSONUtil.setData(data);
        return resultJSONUtil;
    }
    public static ResultJSONUtil success(String msg,Object data){
        return ResultJSONUtil.success(200,msg,data);
    }

    public static ResultJSONUtil fail(Integer code,String msg,Object data){
        ResultJSONUtil resultJSONUtil = new ResultJSONUtil();
        resultJSONUtil.setCode(code);
        resultJSONUtil.setMessage(msg);
        resultJSONUtil.setData(data);
        return resultJSONUtil;
    }

    public static ResultJSONUtil fail(Integer code,String msg){
        return ResultJSONUtil.success(code,msg,null);
    }
}

10.测试

访问，进行查询

http://localhost:8888/user/info

在这里插入图片描述

简明编程
关注
专栏目录
SpringCloud系列——8Spring Cloud Hystrix服务保护机制
Eclipse_2019的博客
06-28 576
Hystrix到底是什么？它的核心功能是什么？ystrix的应用案例
SpringCloud Alibaba系列——1Nacos应用
Eclipse_2019的博客
07-19 773
nacos是什么；nacos的作用；nacos-server部署；nacos集成springboot；nacos集成springcloud；nacos常用api的使用；nacos集群部署
spring cloud 翻译-4. Quick Start
码上人家
12-05 259
Part II. Spring Cloud Config Finchley.SR2 Spring Cloud Config为分布式系统中的外部化配置提供服务器端和客户端支持。使用Config Server，您有一个中心位置来管理跨所有环境的应用程序的外部属性。客户机和服务器上的概念与Spring环境和PropertySource抽象完全相同，因此它们非常适合Spring应用程序，但是可以与任何语言...
Spring Boot 快速入门 (官方quick start)
无忌
01-25 1017
Spring Boot 可以很简的创建单独，生产级基于Spring 的应用并且可以直接运行。我们将Spring 平台和第三方依赖包全部整合在一起，因些你很简单的就能使用起来。大多数的Spring Boot 应用仅仅只需要一丁点Spring 配置。 特性： 创建独立的Spring 应用 嵌入Tomcat, Jetty 或者 Undertow 直接运行(不需要发布成 war 文件) 提供...
如何快速的写出一个SpringCloudAlibaba-Nacos的Quick Start
qw82834132的博客
05-21 159
搭建Nacos环境： 1.首先先安装Nacos 2.在Nacos安装目录下打开bin文件夹 3.在搜索栏输入cmd打开cmd命令界面输入 startup -m standalone （单例启动Nacos） （如果要搭建Nacos集群那么要用集群启动，并且将Conf文件夹里面的sql语句注入数据库 并且将application.properties中的数据库配置配置好） 依赖方面： 注意：SpringBoot用2.3.9.RELEASE版本 <parent> <gr
SpringBoot Quickstart
weixin_30697239的博客
07-17 234
SpringBoot Intro SpringBoot是顺应现在微服务（MicroServices）理念而产生的一个微框架（同类微框架可供选择的还有Dropwizard）， 用来构建基于Spring框架的标准化的独立部署应用程序（“再也tmd不用寄人篱下，活在WebContainer的屋檐下了”）。 我们原来选择试用Dropwizard作为Web API的...
SpringBoot(一)：Quick start
yjgithub的博客
05-28 6186
目录 一.简介 二.开始 三.项目结构及测试 一.简介 Spring Boot是由Pivotal团队提供的全新框架，其设计目的是用来简化新Spring应用的初始搭建以及开发过程。该框架使用了特定的方式来进行配置，从而使开发人员不再需要定义样板化的配置。通过这种方式，Spring Boot致力于在蓬勃发展的快速应用开发领域（rapid application development）成为领...
SpringSecurity系列——JWT（jjwt）day1-2
qq_51553982的博客
06-17 1359
jwt（JSON Web Tokens） JSON Web Token (JWT) 是一个开放标准 (RFC 7519)，它定义了一种紧凑且自包含的方式，用于在各方之间安全地传输信息作为 JSON 对象。 此信息可以验证和信任，因为它是数字签名的。 JWT 可以使用密钥（使用 HMAC 算法）或使用 RSA 或 ECDSA 的公钥/私钥对进行签名。https://jwt.io/ 从这张图我们可以看出来jjwt是在Java中支持最好的，所以我们直接学这个http协议本身是一种无状态的协议，而这就意味着如
springcloud-quickstart：基于gradle的spring cloud演示
02-04
springcloud-快速启动 这是一个基于层次的，构建工具的spring cloud微服务框架超级简单入门教程。spring cloud为开发人员提供了快速构建分布式系统的一种集成解决方案，包括配置管理，服务发现，断路器，路由，微...
React Quickstart Step-By-Step Guide To Learning React Javascript Library azw3
10-07
React Quickstart Step-By-Step Guide To Learning React Javascript Library 英文azw3 本资源转载自网络，如有侵权，请联系上传者或csdn删除 本资源转载自网络，如有侵权，请联系上传者或csdn删除
SpringCloud基本原理及应用（一）
web18536564348的博客
08-25 474
主要提供了微服务开发所需的配置管理、服务发现、断路器、智能路由、微代理、控制总线、全局锁、决策竞选、分布式会话和集群状态管理等组件。可以跟spring boot框架一起使用，会让你开发微服务架构的云服务非常好的方便。最后值得一提的是SpringCloud相较于Dubbo来说更为全面，拥有服务治理，配置服务，网关路由，异常处理等，比Dubbo更全面，尤其是在结合SpringBoot框架时只需添加依赖，使用方便，简化配置文件。
从零搭建SpringCloud服务（史上最详细）
wuyongde0922的专栏
06-17 1317
SpringCloud
SpringBoot系列:quickstart
Kai970688889的博客
04-01 376
quickstart maven //父项目,该父项目又依赖于spring-boot-dependencies //spring-boot-dependencies规定了springboot有关的所有依赖版本 <parent> <groupId>org.springframework.boot</groupId> <artifactId&g...
Spring Cloud Gateway Demo【QuickStart】
qq_17303159的博客
01-08 999
后端服务 pom.xml <?xml version="1.0" encoding="UTF-8"?> <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.ap
VS2019了解：进程已退出，代码为-1073741819
热门推荐
qq_51553982的博客
05-27 4万+
我在之前写过两篇我在VS2019调试的时候出现的：进程已退出，代码为-1073741819的文章但是没有说这到底是什么问题 1.关于VS2019调试问题：进程已退出，代码为-1073741819（已解决） 2.关于VS2019调试问题：进程已退出，代码为-1073741819询问 在经过这段时间用VS2019写代码，调试，最终为大家说明一下这个进程错误的原因！ 首先我们看一下最基本的c语言代码的运行中出现的错误类型： 1.编译错误 #include<stdlib.h> #include<s
C语言二叉树的基本操作（超全）
qq_51553982的博客
05-25 4万+
二叉树作为数据结构其实是一个挺有意思的结构，可以有多种应用 我们直接来看一下二叉树的代码： #include<stdlib.h> #include<stdio.h> #include<malloc.h> #include<string.h> #define maxsize 100 //二叉树的基本操作：建立，前序，中序，后序，层次，求叶子数，求层数,求结点树 //二叉树的数据结构 //创建数据域和左右指针域 typedef struct Tree { c
前端系列——vue2+高德地图web端开发（使用和引入）
qq_51553982的博客
02-19 2万+
vue2+高德地图web端开发（使用和引入）前言基础准备工作高德地图的个人开发者注册高德api网址1.点击进行注册2.注册完之后进入控制台3.创建新应用4.添加创建vue2的项目npm 引入高德官方文档1.安装2.进入项目3. NPM 方式安装使用 Loader4.在component目录下新建MapContainer.vue5.编写基础页面结构6. 在< script >中引入AMapLoader7.构建地图7.1data数据声明7.2methods中构建初始化地图方法7.3mouted生命周
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值