本文分别使用SFC（模板方式）和tsx方式对ElementPlusel-menu组件进行二次封装，实现配置化的菜单，有了配置化的菜单，后续便可以根据路由动态渲染菜单。1数据结构定义1.1菜单项数据结构使用element-plusel-menu组件实现菜单，主要包括三个组件：el-menu：整个菜单；el-sub-menu：含有子菜单的菜单项；el-sub-menu：没有子菜单的菜单项（最末级）；结合菜单的属性和展示效果，可以得到每个菜单项包括：菜单名称、菜单图标、菜单唯一标识、子菜单列表四个属性。于是可得到菜单项结构定义如下：/***菜单项*/exportinterfaceMenuItem{/
一个简单的C#实例。包括：GRPC文件的创建生成、服务端和客户端函数类库的封装、创建服务端和客户端调用测试。若有错误或更好的方法还请指正。1、创建并生成GRPC服务文件（1）打开vs2022，创建新项目控制台应用（其他应用好像不行）。（2）需要安装三个nuget包，如图：（3）项目添加新建项，选择类，修改名称为Link.proto，添加后把内容全部删除。（4）添加如下代码。测试实例为服务端和客户端传输字符串消息，所以博主只定义了一个方法（客户端调用，服务端重写），传输内容包括请求字符串和回复字符串。此处可自行定义。protosyntax="proto3";optioncsharp_namesp
一个简单的C#实例。包括：GRPC文件的创建生成、服务端和客户端函数类库的封装、创建服务端和客户端调用测试。若有错误或更好的方法还请指正。1、创建并生成GRPC服务文件（1）打开vs2022，创建新项目控制台应用（其他应用好像不行）。（2）需要安装三个nuget包，如图：（3）项目添加新建项，选择类，修改名称为Link.proto，添加后把内容全部删除。（4）添加如下代码。测试实例为服务端和客户端传输字符串消息，所以博主只定义了一个方法（客户端调用，服务端重写），传输内容包括请求字符串和回复字符串。此处可自行定义。protosyntax="proto3";optioncsharp_namesp
1、axios的二次封装BiliBili作者原地址，多多支持npmiaxios//下载axios首先创建两个文件夹在src目录下；api和config先在config文件夹下建立一个index.js；具体代码如下exportdefault{baseUrl:{dev:"http://localhost:8082/mhy", //开发环境pro:"http://xxx.xx.xx.xx:8082/mhy", //上线环境}}当然我这里是因为我主要写后端springboot，就没有使用什么第三方前端的请求工具在api文件夹下建立一个axios.js；对axios进行二次封装importaxiosfr
1、axios的二次封装BiliBili作者原地址，多多支持npmiaxios//下载axios首先创建两个文件夹在src目录下；api和config先在config文件夹下建立一个index.js；具体代码如下exportdefault{baseUrl:{dev:"http://localhost:8082/mhy", //开发环境pro:"http://xxx.xx.xx.xx:8082/mhy", //上线环境}}当然我这里是因为我主要写后端springboot，就没有使用什么第三方前端的请求工具在api文件夹下建立一个axios.js；对axios进行二次封装importaxiosfr
之前很多项目使用地图时技术选型不一样；一会儿使用腾讯地图、一会儿使用高德地图，一会儿使用百度地图；每次使用都去查相关api封装请求很麻烦，于是自己简单封装了一下；插件介绍：基于h5浏览器gps定位、百度地图、高德地图、腾讯地图api封装的获取位置信息相关插件，支持高精度定位；选择使用哪个地图传入对应的地图key即可，主要功能有根据ip定位（适用于定位到城市级别）、获取当前位置经纬度（gps、百度、高德、腾讯）、坐标转换、逆地址编码（根据经纬度获取具体位置信息）；想实现获取具体高精度位置信息，可先获取高精度的gps坐标，使用逆地址编码方法将坐标转换为对应的位置信息；插件内已使用jsonp解决了请
之前很多项目使用地图时技术选型不一样；一会儿使用腾讯地图、一会儿使用高德地图，一会儿使用百度地图；每次使用都去查相关api封装请求很麻烦，于是自己简单封装了一下；插件介绍：基于h5浏览器gps定位、百度地图、高德地图、腾讯地图api封装的获取位置信息相关插件，支持高精度定位；选择使用哪个地图传入对应的地图key即可，主要功能有根据ip定位（适用于定位到城市级别）、获取当前位置经纬度（gps、百度、高德、腾讯）、坐标转换、逆地址编码（根据经纬度获取具体位置信息）；想实现获取具体高精度位置信息，可先获取高精度的gps坐标，使用逆地址编码方法将坐标转换为对应的位置信息；插件内已使用jsonp解决了请
最近一直在用西门子SmartPLC,由于项目需求自定义协议，为了数据的准确性用了CRC校验，模块兼容Modbus_RTU，自定义报文格式。 此模块主要用的是SmartPLC,指针类型，通过寻址自动在发送数据末端端添加CRC校验，数据接端通过接收到的数据通过CRC校验数据的准确性。参考西门子官网自由口通讯程序并进行二次封装。官网链接：官网程序参考链接，程序适合做参考和根据自己的业务优化，有更好的思路可以评论区留言。 1、程序框架四部分 子程序名称 Proc(SBR6)--------------------------- COM0_Init //端口初始化
最近一直在用西门子SmartPLC,由于项目需求自定义协议，为了数据的准确性用了CRC校验，模块兼容Modbus_RTU，自定义报文格式。 此模块主要用的是SmartPLC,指针类型，通过寻址自动在发送数据末端端添加CRC校验，数据接端通过接收到的数据通过CRC校验数据的准确性。参考西门子官网自由口通讯程序并进行二次封装。官网链接：官网程序参考链接，程序适合做参考和根据自己的业务优化，有更好的思路可以评论区留言。 1、程序框架四部分 子程序名称 Proc(SBR6)--------------------------- COM0_Init //端口初始化
在实际开发工作中，经常会碰到当select下拉数据过需要做分页的情况这里简单介绍封装的一个Pagination-Select组件几个步骤封装的比较简易，可以根据自己的项目进行改动/components/Pagination-Select/index.vueexportdefault{name:'PaginationSelect',props:{selectOptions:{type:Object,default:()=>{}}},data(){return{selectPage:{currentPage:1,pageSize:3},value:''}},methods:{selectChang
