ProtoBuf 语法(一)

news2024/11/29 8:45:08

系列文章
ProtoBuf 语法(二)
ProtoBuf 语法(三)


文章目录

  • 前言
  • 一、字段规则
  • 二、消息类型的定义与使用
    • 2.1 定义
    • 2.2 使用
  • 三、enum 类型
    • 3.1 定义规则
    • 3.2 注意事项
  • 四、any 类型
    • 4.1 类型说明
    • 4.2 类型使用
  • 五、oneof 类型
  • 六、map 类型
  • 七、默认值

前言

前面的文章介绍了 ProtoBuf 的基本概念,同时也展示了其基本使用方法,本文将详细的介绍 ProtoBuf 更多的字段以及语法。

一、字段规则

消息的字段可以用下面几种规则来修饰:

  • singular:消息中可以包含该字段零次或⼀次(不超过⼀次)。在 proto3 语法中,定义的字段默认使用该规则。
  • repeated:消息中可以包含该字段任意多次(包括零次),其中重复值的顺序会被保留。可以理解为定义了⼀个数组。

例如,更新 contacts.proto文件, PeopleInfo 消息中新增 phone字段,表示一个联系人有多个号码,可将其设置为 repeated,写法如下:

syntax = "proto3";
package contacts;
message PeopleInfo {
	string name = 1;
	int32 age = 2;
	repeated string phone = 3;
}

二、消息类型的定义与使用

2.1 定义

在单个.proto文件中可以定义多个消息体,且支持定义嵌套类型的消息(任意多层)。每个消息体中的字段编号可以重复。

例如,更新contacts.proto文件,可以将phone提取出来,单独成为⼀个消息:

// -------------------------- 嵌套写法 -------------------------
syntax = "proto3";
package contacts;
message PeopleInfo {
	string name = 1;
	int32 age = 2;
	message Phone {
		string number = 1;
	}
}

// -------------------------- ⾮嵌套写法 -------------------------
syntax = "proto3";
package contacts;
message Phone {
	string number = 1;
}
message PeopleInfo {
	string name = 1;
	int32 age = 2;
}

2.2 使用

消息类型可作为字段类型使用:

contacts.proto文件:

syntax = "proto3";
package contacts;
// 联系⼈
message PeopleInfo {
	string name = 1;
	int32 age = 2;
	message Phone {
		string number = 1;
	}
	repeated Phone phone = 3;
}

可导入其他.proto文件的消息并使用:

例如Phone消息定义在phone.proto文件中:

syntax = "proto3";
package phone;
message Phone {
	string number = 1;
}

contacts.proto中的PeopleInfo 使用Phone 消息:

syntax = "proto3";
package contacts;
import "phone.proto"; // 使⽤ import 将 phone.proto ⽂件导⼊进来 !!!
message PeopleInfo {
	string name = 1;
	int32 age = 2;
	// 引⼊的⽂件声明了package,使⽤消息时,需要⽤ ‘命名空间.消息类型’ 格式
	repeated phone.Phone phone = 3;
}

三、enum 类型

3.1 定义规则

proto3语法支持我们自己定义枚举类型,枚举类型在.proto文件中的编写规范如下:

  • 枚举类型名称:使用驼峰命名法,首字母大写。例如:MyEnum
  • 常量值名称:全大写字母,多个字母之间使用_连接,例如:ENUM_CONST = 0;

例如,定义一个名为PhoneType的枚举类型:

enum PhoneType {
	MP = 0; // 移动电话
	TEL = 1; // 固定电话
}

需要注意枚举类型的定义有以下规则:

  1. 0 值常量必须存在,且必须作为第一个元素。这是为了与proto2的语法兼容:第一个元素作为默认值,且值为 0。
  2. 枚举类型可以定义在消息外,也可嵌套定义在消息之内。
  3. 枚举的常量值在 32 位整数的范围内。但因负值无效因而不建议使用(与编码规则有关)。

3.2 注意事项

将两个 具有相同枚举值名称 的枚举类型放在单个.proto?文件下测试时,编译后会报错:某某某常量已经被定义!所以这里要注意:

  • 同级(同层)的枚举类型,各个枚举类型中的常量不能重名。
  • 单个.proto文件下,最外层枚举类型和嵌套枚举类型,不算同级。
  • 多个.proto文件下,若⼀个文件引入了其他文件,且每个文件都未声明 package,每个.proto文件中的枚举类型都在最外层,也算同级。
  • 多个.proto文件下,若⼀个文件引入了其他文件,且每个文件都声明了package,不算同级。

例如下面枚举的定义:

// ---------------------- 情况1:同级枚举类型包含相同枚举值名称--------------------
enum PhoneType {
	MP = 0; // 移动电话
	TEL = 1; // 固定电话
}
enum PhoneTypeCopy {
	MP = 0; // 移动电话 // 编译后报错:MP 已经定义
}

// ---------------------- 情况2:不同级枚举类型包含相同枚举值名称-------------------
enum PhoneTypeCopy {
	MP = 0; // 移动电话 // ⽤法正确
}
message Phone {
	string number = 1; // 电话号码
	enum PhoneType {
		MP = 0; // 移动电话
		TEL = 1; // 固定电话
	}
}

// ---------------------- 情况3:多⽂件下都未声明package--------------------
// phone1.proto
import "phone1.proto"
enum PhoneType {
	MP = 0; // 移动电话 // 编译后报错:MP 已经定义
	TEL = 1; // 固定电话
}
// phone2.proto
enum PhoneTypeCopy {
	MP = 0; // 移动电话
}

// ---------------------- 情况4:多⽂件下都声明了package--------------------
// phone1.proto
import "phone1.proto"
package phone1;
enum PhoneType {
	MP = 0; // 移动电话 // ⽤法正确
	TEL = 1; // 固定电话
}
// phone2.proto
package phone2;
enum PhoneTypeCopy {
	MP = 0; // 移动电话
}

上面4种情况,分别对应了以上的四个注意事项。

四、any 类型

4.1 类型说明

  • proto3语法中,字段还可以声明为Any类型,可以理解为泛型类型。使用时可以在Any中存储任意消息类型。Any类型的字段也用repeated来修饰。

Any类型是google已经帮我们定义好的类型,在安装ProtoBuf时,其中的include目录下查找所有google已经定义好的.proto文件。

最初安装ProtoBuf的时候,我是将其安装到\usr\local目录下的,因此在该目录下查看即可:

4.2 类型使用

例如,在我们的contacts.proto中,为联系人增加一个地址信息,就可以使用Any类型的字段来存储地址信息,更新contacts.proto文件内容如下:

// 首行:语法指定
syntax = "proto3";
package contacts2; //指定作用域

import "google/protobuf/any.proto";

message Address
{
    string home_address = 1; //家庭住址
    string unit_address = 2; //单位地址
}

message PeopleInfo 
{
    string name = 1; //姓名
    int32 age = 2;   //年龄
    // repeated string phone_numbers = 3;

    // 嵌套定义message
    message Phone 
    {
        string number = 1;

        //使用枚举,增加电话类型
        enum PhoneType
        {
            MP = 0;  //移动电话
            TEL = 1; //固定电话
        }

        PhoneType type = 2;
    }

    repeated Phone phone = 3; //电话信息

    google.protobuf.Any data = 4;
}

//通讯录message
message Contacts 
{
    repeated PeopleInfo contacts = 1; 
}

编译后,contacts.pb.h更新的部分代码展示:

新生成的 Address 类:

class Address final : public ::PROTOBUF_NAMESPACE_ID::Message {
public:
	using ::PROTOBUF_NAMESPACE_ID::Message::CopyFrom;
	void CopyFrom(const Address& from);
	using ::PROTOBUF_NAMESPACE_ID::Message::MergeFrom;
	void MergeFrom( const Address& from) {
	Address::MergeImpl(*this, from);
}
// string home_address = 1;
void clear_home_address();
const std::string& home_address() const;
template <typename ArgT0 = const std::string&, typename... ArgT>
void set_home_address(ArgT0&& arg0, ArgT... args);
std::string* mutable_home_address();
PROTOBUF_NODISCARD std::string* release_home_address();
void set_allocated_home_address(std::string* home_address);

// string unit_address = 2;
void clear_unit_address();
const std::string& unit_address() const;
template <typename ArgT0 = const std::string&, typename... ArgT>
void set_unit_address(ArgT0&& arg0, ArgT... args);
std::string* mutable_unit_address();
PROTOBUF_NODISCARD std::string* release_unit_address();
void set_allocated_unit_address(std::string* unit_address);
};

更新的 PeopleInfo 类:

class PeopleInfo final : public ::PROTOBUF_NAMESPACE_ID::Message 
{
public:
	// .google.protobuf.Any data = 4;
	bool has_data() const;
	void clear_data();
	const ::PROTOBUF_NAMESPACE_ID::Any& data() const;
	PROTOBUF_NODISCARD ::PROTOBUF_NAMESPACE_ID::Any* release_data();
	::PROTOBUF_NAMESPACE_ID::Any* mutable_data();
	void set_allocated_data(::PROTOBUF_NAMESPACE_ID::Any* data);
};

上述的代码中,对于Any类型字段:

  • 设置:设置方法可以使用mutable_name方法,返回值为Any类型的指针,这类方法会为我们开辟好空间,可以直接对这块空间的内容进行修改。
  • 获取:获取方法的方法名称与小写字段名称完全相同。

上面提到过,可以在Any字段中存储任意消息类型,这就要涉及到任意消息类型Any类型的互相转化。这部分代码就在Google为我们写好的头文件any.pb.h 中。any.pb.h 的部分代码展示如下:

class PROTOBUF_EXPORT Any final : public ::PROTOBUF_NAMESPACE_ID::Message 
{
	bool PackFrom(const ::PROTOBUF_NAMESPACE_ID::Message& message) {
		//...
	}
	bool UnpackTo(::PROTOBUF_NAMESPACE_ID::Message* message) const {
		//...
	}
	template<typename T> bool Is() const {
		return _impl_._any_metadata_.Is<T>();
	}
};

说明:

  • 使用 PackFrom() 方法可以将任意消息类型转为 Any 类型。
  • 使用 UnpackTo() 方法可以将 Any 类型转回之前设置的任意消息类型。
  • 使用 Is() 方法可以用来判断存放的消息类型是否为 typename T

五、oneof 类型

如果消息中有很多可选字段,并且将来同时只有⼀个字段会被设置,那么就可以使用 oneof 字段来加强这个行为,也能有节约内存的效果。oneof 字段定义的格式为:oneof 字段名 { 字段1; 字段2; ... }

例如在contacts.protp文件中为联系人新增其他的联系方式,比如QQ或者微信二选一。这里就可以使用到oneof字段来实现这个多选一的行为。

更新contacts.proto文件内容如下:

// 首行:语法指定
syntax = "proto3";
package contacts2; //指定作用域

import "google/protobuf/any.proto";

message Address
{
    string home_address = 1; //家庭住址
    string unit_address = 2; //单位地址
}

message PeopleInfo 
{
    string name = 1; //姓名
    int32 age = 2;   //年龄
    // repeated string phone_numbers = 3;

    // 嵌套定义message
    message Phone 
    {
        string number = 1;

        //使用枚举,增加电话类型
        enum PhoneType
        {
            MP = 0;  //移动电话
            TEL = 1; //固定电话
        }

        PhoneType type = 2;
    }

    repeated Phone phone = 3; //电话信息

    google.protobuf.Any data = 4; //Any 类型存储地址

    // 如果消息中有很多可选字段,并且将来同时只有⼀个字段会被设置,那么就可以使⽤ oneof 字段来加强这个⾏为,也能有节约内存的效果。
    oneof other_contact //其他联系方式,多种只存在其一,如果都设置了,只保留最后一次设置的字段
    {
        // repeated string qq = 5; //不能使用 repeated
        string qq = 5;
        string wexing = 6;
    }
}

//通讯录message
message Contacts 
{
    repeated PeopleInfo contacts = 1; 
}

注意事项:

  • 可选字段的编号不能与其他非可选字段的编号冲突。
  • 不能在oneof字段中使用repeated字段。
  • 将来在设置oneof字段中的值时,如果将oneof中的字段设置了多个,那么只会保留最后一次设置的成员,之前设置的oneof成员会自动清除。

编译后,contacts.pb.h更新的部分代码展示:

更新的 PeopleInfo 类:

class PeopleInfo final : public ::PROTOBUF_NAMESPACE_ID::Message {
	enum OtherContactCase {
		kQq = 5,
		kWeixin = 6,
		OTHER_CONTACT_NOT_SET = 0,
	};
	
	// string qq = 5;
	bool has_qq() const;
	void clear_qq();
	const std::string& qq() const;
	template <typename ArgT0 = const std::string&, typename... ArgT>
	void set_qq(ArgT0&& arg0, ArgT... args);
	std::string* mutable_qq();
	PROTOBUF_NODISCARD std::string* release_qq();
	void set_allocated_qq(std::string* qq);
	
	// string weixin = 6;
	bool has_weixin() const;
	void clear_weixin();
	const std::string& weixin() const;
	template <typename ArgT0 = const std::string&, typename... ArgT>
	void set_weixin(ArgT0&& arg0, ArgT... args);
	std::string* mutable_weixin();
	PROTOBUF_NODISCARD std::string* release_weixin();
	void set_allocated_weixin(std::string* weixin);
	void clear_other_contact();
	OtherContactCase other_contact_case() const;
};

上述的代码中,对于oneof字段有以下几点需要注意:

  • oneof中的多个字段定义为⼀个枚举类型。
  • 设置和获取:对oneof内的字段进行常规的设置和获取即可,但要注意只能设置⼀个。如果设置多个,那么只会保留最后一次设置的成员。
  • 清空oneof字段:clear_name方法。

六、map 类型

proto3语法中,支持创建⼀个关联映射的字段,也就是可以使用map类型去声明字段类型,格式为:

map<key_type, value_type> map_field = N;

注意事项:

  • key_type 是除了floatbytes类型以外的任意标量类型。value_type 可以是任意类型。
  • map 字段不可以用repeated修饰。
  • map中存入的元素是无序的。

例如在contacts.protp文件中为联系人新增备注信息。这里就可以使用到map类型的字段来存储备注信息。更新contacts.proto文件内容如下:

// 首行:语法指定
syntax = "proto3";
package contacts2; //指定作用域

import "google/protobuf/any.proto";

message Address
{
    string home_address = 1; //家庭住址
    string unit_address = 2; //单位地址
}

message PeopleInfo 
{
    string name = 1; //姓名
    int32 age = 2;   //年龄
    // repeated string phone_numbers = 3;

    // 嵌套定义message
    message Phone 
    {
        string number = 1;

        //使用枚举,增加电话类型
        enum PhoneType
        {
            MP = 0;  //移动电话
            TEL = 1; //固定电话
        }

        PhoneType type = 2;
    }

    repeated Phone phone = 3; //电话信息

    google.protobuf.Any data = 4; //Any 类型存储地址

    // 如果消息中有很多可选字段,并且将来同时只有⼀个字段会被设置,那么就可以使⽤ oneof 字段来加强这个⾏为,也能有节约内存的效果。
    oneof other_contact //其他联系方式,多种只存在其一,如果都设置了,只保留最后一次设置的字段
    {
        // repeated string qq = 5; //不能使用 repeated
        string qq = 5;
        string wechat = 6;
    }

    // 使用 map ⽀持创建⼀个关联映射字段,也就是可以使⽤?map?类型去声明字段类型,格式为:map<key_type, value_type> map_field = N;
    // key_type 是除了 float 和 bytes 类型以外的任意标量类型。 value_type 可以是任意类型。
    // map 字段不可以⽤ repeated 修饰
    // map 中存⼊的元素是⽆序的
    map<string, string> remark = 7; //备注信息
}

//通讯录message
message Contacts 
{
    repeated PeopleInfo contacts = 1; 
}

编译后,contacts.pb.h更新的部分代码展示:

更新的 PeopleInfo 类:

class PeopleInfo final : public ::PROTOBUF_NAMESPACE_ID::Message {
	// map<string, string> remark = 7;
	int remark_size() const;
	void clear_remark();
	const ::PROTOBUF_NAMESPACE_ID::Map< std::string, std::string >&
	remark() const;
	::PROTOBUF_NAMESPACE_ID::Map< std::string, std::string >*
	mutable_remark();
};

上述的代码中,对于Map类型的字段说明:

  • 清空Mapclear_方法。
  • 设置:设置方法为mutable_name方法,返回值为Map类型的指针,这类方法会为我们开辟好空间,可以直接对这块空间的内容进行修改。
  • 获取:获取方法的方法名称与小写字段名称完全相同。

七、默认值

反序列化消息时,如果被反序列化的二进制序列中不包含某个字段,反序列化对象中相应字段时,就会设置为该字段的默认值。不同的类型对应的默认值不同,以下是常见类型对应的默认值:

类型默认值
string空字符串
bytes空字节
boolfalse
数值类型0
enum默认值的第⼀个定义的枚举值为 0
repeated默认为空
信息字段未设置该字段,它的取值依赖所要编译的语⾔

另外,对于 消息字段oneof字段和any字段 ,C++ 和 Java 语言中都有has_方法来检测当前字段是否被设置。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/590033.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

HACKER KID: 1.0.1实战演练

文章目录 HACKER KID: 1.0.1实战演练一、前期准备1、相关信息 二、信息收集1、端口扫描2、访问网站3、扫描目录4、查看源码5、请求参数6、burpsuite批量请求7、编辑hosts文件8、DNS区域传输9、编辑hosts10、访问网站11、注册账号12、burpsuite抓包13、XML注入14、解密15、登录网…

供应链对于小程序、app等平台能带来什么好处?

供应链对于小程序、 app等平台的重要性不言而喻&#xff0c;这是一个企业生存的根本&#xff0c;只有保证了供应链&#xff0c;才能获得足够的产品和服务&#xff0c;保证企业能够长期稳定发展。因此很多企业都开始重视供应链&#xff0c;同时也在为之努力。 那么&#xff0c;…

gradle环境的spring boot搭建

天行健&#xff0c;君子以自强不息&#xff1b;地势坤&#xff0c;君子以厚德载物。 每个人都有惰性&#xff0c;但不断学习是好好生活的根本&#xff0c;共勉&#xff01; 文章均为学习整理笔记&#xff0c;分享记录为主&#xff0c;如有错误请指正&#xff0c;共同学习进步。…

tensorrt yolov7 推理

参考 源码修改如下&#xff1a;如果将源代码cpp/norm/yolo.hpp修改为自己训练的数据时修改如下&#xff1a; class YOLO{ const char* INPUT_BLOB_NAME "images"; const char* OUTPUT_BLOB_NAME "output"; }根据自己转换onnx模型采用netron打开查看 输入…

(2022,MoCA)Few-shot 图像生成的原型记忆(Prototype Memory)和注意力机制

Prototype Memory and Attention Mechanisms for Few Shot Image Generation 公众号&#xff1a;EDPJ 目录 0. 摘要 1. 简介 2. 相关工作 3. 方法 3.1 原型记忆学习 3.2 记忆概念注意力&#xff08;MEMORY CONCEPT ATTENTION&#xff0c;MoCA&#xff09; 3.3 空间上…

自平衡二叉树(AVL)及四种旋转方式详解

推荐可视化插入、删除节点的二叉树网站&#xff1a;AVL Tree Visualzation (usfca.edu) 1. 概述 AVL树是一种自平衡二叉搜索树&#xff0c;他是搜索二叉树(BST)的优化&#xff0c;它在每次插入或删除操作后&#xff0c;通过旋转节点来保持树的平衡性。AVL树的平衡条件是任意节…

代码随想录算法训练营第三十八天 | 力扣 509. 斐波那契数, 70. 爬楼梯, 746. 使用最小花费爬楼梯

509. 斐波那契数 题目 509. 斐波那契数 斐波那契数 &#xff08;通常用 F(n) 表示&#xff09;形成的序列称为 斐波那契数列 。该数列由 0 和 1 开始&#xff0c;后面的每一项数字都是前面两项数字的和。也就是&#xff1a; F(0) 0&#xff0c;F(1) 1 F(n) F(n - 1) F(…

几种经典算法

1.分治法 分治法也叫做分而治之法。核心思想是将一个难以直接解决的大问题依照相同的概念分割成两个或者多个相同的小问题&#xff0c;以便各个击破。 如图所示&#xff1a; 2.递归法 递归法和分而治之法像一对孪生兄弟&#xff0c;都是将一个复杂的算法问题进行分解&#x…

【JAVAWEB】CSS

目录 1.CSS是什么 2.基本语法规范 3.引入方式 3.1内部样式表 3.2行内样式表 3.3外部样式 4.代码风格 4.1样式风格 4.2样式大小写 4.3空格规范 5.选择器 5.1选择器的功能 5.2选择器的种类 1.基础选择器 2.复合选择器 6.常用元素属性 6.1字体属性 设置字体font-…

配置静态ip

1.切换到root用户&#xff08;当前永久&#xff0c;不是5分钟权限失效那种&#xff09; su root #普通用户切换到root用户 2.cd到网络配置文件夹network-scripts目录下 cd /etc/sysconfig/network-scripts ls #ls查看文件目录 #找到ifcfg-exx这个格式的文件&#xff0c;我这…

IIC总线协议的死锁问题

目录 1. IIC的特性 2. IIC死锁问题分析 3. 常见的IIC死锁问题解决方法 1. IIC的特性 IIC协议是一个允许一主多从通信的协议&#xff0c;只能用于短距离通信&#xff0c;并且只需要两根信号线来交换信息。 IIC的两根信号是SCL和SDA&#xff0c;SCL是时钟信号线&#xff0c;S…

【Linux】多线程01 --- 理解线程 线程控制及封装

&#x1f34e;作者&#xff1a;阿润菜菜 &#x1f4d6;专栏&#xff1a;Linux系统编程 目录 一、线程概念 -- 理解线程与进程的区别和联系1. 再次理解用户级页表和进程地址空间2.理解Linux的轻量级进程3. 线程的属性4.线程的优点和缺点二、线程的控制 --- 学学接口使用 一、线程…

企业级帮助中心编写方案

随着互联网的飞速发展&#xff0c;越来越多的企业开始将客户服务转向线上服务。在这个过程中&#xff0c;企业级帮助中心因其高效的自助服务和低成本的维护方式受到越来越多企业的青睐。下文将从如何编写一个高质量的企业级帮助中心入手&#xff0c;为您介绍具体步骤。 一、明…

架构愿景: 构建良好软件的关键

在产品开发生命周期的各个阶段&#xff0c;牢记架构愿景&#xff0c;始终坚持每个决策都符合愿景原则&#xff0c;是避免架构腐化的唯一方式。原文: Architecture Vision — A critical ingredient in building well-maintained software 上一篇文章《软件架构: 一切皆有代价》…

华为OD机试真题B卷 Java 实现【字符串通配符】,附详细解题思路

一、题目描述 问题描述&#xff1a;在计算机中&#xff0c;通配符一种特殊语法&#xff0c;广泛应用于文件搜索、数据库、正则表达式等领域。现要求各位实现字符串通配符的算法。 要求&#xff1a; 实现如下2个通配符&#xff1a; &#xff1a;匹配0个或以上的字符&#xf…

“国风顶流”霸王茶姬,眺望书画诗酒的远方

一杯来自云南的原叶鲜奶茶&#xff0c;如何征服消费者的胃和心&#xff1f; 茶饮赛道素来竞争激烈&#xff0c;十年时间&#xff0c;行业从鲜奶茶卷到奶盖茶、水果茶、多料奶茶等一个又一个新品类。茶饮品牌如雨后春笋般涌现&#xff0c;甚至不少咖啡品牌都跨界而来&#xff0…

【新星计划回顾】第三篇学习计划-分页和排名函数的运用

&#x1f3c6;&#x1f3c6;今天是【全国科技者工作日】&#xff0c;在这个特别的日子里&#xff0c;自然要写篇文章&#xff01; 最近这段时间非常忙&#xff0c;虽然导师首次参与新星计划活动已经在4月16日圆满结束&#xff0c;早想腾出时间来好好整理活动期间分享的知识点。…

实战一个react(0-1)项目

文章目录 1. 安装2. 完成一个组件开发3. 添加路由3. 引入element-react1. 运行发现报错./node_modules/element-react/dist/npm/es5/src/locale/format.js2. 接着又报错The <Router /> component appears to be a function component that returns a class instance. Cha…

ABP VNext认证授权获取Token

ABP VNext认证授权获取Token 1.Password授权方式获取1.1 请求说明1.2 请求示例1.3 请求参数 2.authorization_code模式获取2.1 无认证授权&#xff0c;跳转至授权认证中心2.2 用户密码登录2.3 登录成功&#xff0c;服务器会跳转至redirect_url所指地址 1.Password授权方式获取 …

vue-kindeditor 安装和解决问题

效果图 kindeditor 引入 一、去官网下载 kindeditor 包 官方链接 二、在vue里的static文件夹下 创建一个 文件夹名字叫 kindeditor&#xff0c; 把下载好的文件放在这里 三、在 公共组件 components 下 创建kindeditor.vue 文件 <template><div class"kindedit…