纯前端小工具1.0

于 2025-03-03 17:36:17 发布
阅读量183 收藏
点赞数 2
文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_52572040/article/details/145994314
版权

静态页面写的 本地或者联网拿js和css ,vue,eui

大小写转换（有时候要写枚举值的时候）

类字段变json(没有用apifox同步时候，用json去生成数据模型)

mybatisplus生成代码换注释（mybatisplusHelper生成的代码，写实体类时候，懒得一个个去写）

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <script src="../../jscss/vue.js"></script>
    <script src="../../jscss/eui.js"></script>
    <script src="../../jscss/axios.js"></script>
    <script src="../../jscss/my/myCommon.js"></script>
    <title>杂</title>
    <link rel="stylesheet" href="../../jscss/eui.css">
</head>
<body>
<div id="app">
    <el-descriptions title="" :column="1" border>
        <el-descriptions-item label="大小写变换" >
            <el-row>
                <el-col :span="12"> <el-input  v-model="strCaseConversionStr"/></el-col>
                <el-col :span="12"> <el-button @click="getStrCaseConversion(strCaseConversionStr,'upper')">转大写</el-button>
                    <el-button @click="getStrCaseConversion(strCaseConversionStr,'lower')">转小写</el-button>
                </el-col>
            </el-row>
        </el-descriptions-item>
    </el-descriptions>
    <br>
    <el-descriptions title="" :column="1" border>
        <el-descriptions-item label="java2ApiFoxJson" >
            <el-row>
                <el-col :span="20">
                    <el-input type="textarea"  v-model="java2JsonStr"/>
                </el-col>
                <el-col :span="4">
                    <el-button @click="getJava2Json()">转换</el-button>
                </el-col>
            </el-row>
        </el-descriptions-item>
        <el-descriptions-item label="java2ApiFoxJson结果" >
            <el-input type="textarea"  v-model="java2JsonRspStr"/>
        </el-descriptions-item>
    </el-descriptions>
    <br>
    <el-descriptions title="" :column="1" border>
        <el-descriptions-item label="MybatisPlusBaseConversion" >
            <el-row>
                <el-col :span="20">
                    <el-input type="textarea"  v-model="mybatisPlusBaseConversionStr"/>
                </el-col>
                <el-col :span="4">
                    <el-button @click="getMybatisPlusBaseConversion()">转换</el-button>
                </el-col>
            </el-row>
        </el-descriptions-item>
        <el-descriptions-item label="MybatisPlusBaseConversion结果" >
            <el-input type="textarea"  v-model="mybatisPlusBaseConversionRspStr"/>
        </el-descriptions-item>
    </el-descriptions>
</div>
</body>
<!-- import Vue before Element -->
<script>
    let appUrl
    let vm_data={
        strCaseConversionStr:'',
        java2JsonStr: '',
        java2JsonRspStr:'',
        mybatisPlusBaseConversionStr:'',
        mybatisPlusBaseConversionRspStr:'',
    };
    myVue= new Vue({
        el: '#app',
        data: vm_data,
        methods:{
            //StrCaseConversion
            getStrCaseConversion(str,type){
                let ref='';
                switch (type){
                    case 'upper':{ref=str.toUpperCase();break;}
                    case 'lower':{ref=str.toLowerCase();break;}
                }
                vm_data.strCaseConversionStr=ref
            },
            //Java2Json===============
            getJava2Json(){
                let strs=vm_data.java2JsonStr.split("\n")
                let apiModelPropertyValue=null;
                let fieldItems=[]
                for (let i = 0; i < strs.length ; i++) {
                    let str= strs[i]!=null?strs[i].trim():'';
                    if(str==''){continue;}
                    if(str.startsWith("@ApiModelProperty")){
                        apiModelPropertyValue=this.getApiModelPropertyValue(str)
                    }else if(!(str.startsWith('//')||str.startsWith('@'))){
                        let fieldItem= this.getFieldItem(str,apiModelPropertyValue)
                        if(fieldItem!=null){
                            fieldItems.push(fieldItem);
                        }
                    }
                }
                //组装
                let jsonStr='{\n';
                for (let i = 0; i < fieldItems.length; i++) {
                    let fieldItem=  fieldItems[i];
                    let fieldValue=this.getFieldRandomValueStr(fieldItem);
                    jsonStr+="'"+fieldItem.fieldName+"':"+fieldValue+",//"+fieldItem.apiModelPropertyValue+"\n"
                }
                jsonStr+='}\n'
                vm_data.java2JsonRspStr=jsonStr
            },
            getFieldRandomValueStr(fieldItem){
                let fieldType=fieldItem.fieldType;
                switch (fieldType){
                    case 'String':{
                        let fieldName= fieldItem.fieldName.toLowerCase()
                        if(fieldName.includes('email')){
                            return "'"+this.generateRandomEmail()+"'";
                        }
                        if(fieldName.includes('phone')||fieldName.includes('mobile')){
                            return "'"+this.generateRandomPhoneNumber()+"'";
                        }
                        return "'"+crypto.randomUUID()+"'";
                        break;}
                    case 'Integer':{return myGetRandomNDigitNumberInt(myGetRandomInt(1,5));break;}
                    case 'LocalDateTime':{return "'"+formatDate(new Date(), 'yyyy-MM-dd HH:mm:ss')+"'";break;}
                    case 'LocalDate':{ return "'"+formatDate(new Date(), 'yyyy-MM-dd')+"'";break;}
                }
            },
            generateRandomEmail() {
                const characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
                let username = '';
                for (let i = 0; i < 8; i++) { // 用户名长度可以调整
                    const randomIndex = Math.floor(Math.random() * characters.length);
                    username += characters[randomIndex];
                }
                const domains = ['gmail.com', 'yahoo.com', 'outlook.com', 'hotmail.com']; // 可以添加更多域名
                const randomDomainIndex = Math.floor(Math.random() * domains.length);
                const domain = domains[randomDomainIndex];
                return `${username}@${domain}`;
            },
            generateRandomPhoneNumber() {
                const prefix = '1'; // 中国手机号码以1开头
                const secondDigit = String(Math.floor(Math.random() * 7) + 3); // 第二位是3-9中的任意一个
                let remainingDigits = '';
                for (let i = 0; i < 9; i++) { // 剩余9位数字
                    remainingDigits += Math.floor(Math.random() * 10);
                }
                return `${prefix}${secondDigit}${remainingDigits}`;
            },
            getFieldItem(str,apiModelPropertyValue){
                let strList= str.replace(";",'').split(" ");
                let refList=[];
                for (let i = 0; i < strList.length; i++) {
                    let strSplit=  strList[i]!=null?strList[i].trim():'';
                    if(strSplit==''){continue;}
                    refList.push(strSplit);
                }
                if(refList.length==3){
                    return {
                        fieldAuthority:refList[0],
                        fieldType:refList[1],
                        fieldName:refList[2],
                        apiModelPropertyValue:apiModelPropertyValue
                    };
                }
                return null;
            },
            getApiModelPropertyValue(str){
                const regex = /@ApiModelProperty\("(.*?)"\)/;
                const codeSnippet = str; // Replace this with your actual code snippet
                const match = codeSnippet.match(regex);
                if (match) {
                    return match[1];
                } else {
                    return "";
                }
            },
            getJava2JsonStr(){
                return "    @ApiModelProperty(\"届数\")\n" +
                    "    private Integer exhibitionSession;\n" +
                    "    @ApiModelProperty(\"联系人\")\n" +
                    "    private String contactMan;\n" +
                    "\n" +
                    "    @ApiModelProperty(\"联系邮箱\")\n" +
                    "    @JsonDeserialize(using = UpperCaseDeserializer.class)\n" +
                    "    private String contactEmail;\n" +
                    "\n" +
                    "    @ApiModelProperty(\"联系电话\")\n" +
                    "    private String contactPhone;\n" +
                    "\n" +
                    "    @ApiModelProperty(\"翻译开始日期\")\n" +
                    "    private LocalDate startDate;\n"+
                    "\n" +
                    "    @ApiModelProperty(\"约见时间\")\n" +
                    "    private LocalDateTime meetingDate;\n"
            },
            //MybatisPlusBaseConversion
            getMybatisPlusBaseConversion(){
                let fieldItems=[];
                let note='';//注释
             let strs= vm_data.mybatisPlusBaseConversionStr.trim().split("\n")
                for (let i = 0; i < strs.length; i++) {
                    let str=strs[i]!=null?strs[i].trim():'';
                    if(str==''){continue;}
                    if (str.startsWith("* ")){
                        console.log(str)
                       note=str.replace("* ","")
                    }
                    if(!(str.startsWith('/**')||str.startsWith('*/')||str.startsWith('*')||str.startsWith('@'))){
                           fieldItems.push({
                               fieldStr:str,
                               fieldNote:note
                           });
                    }
                }
                //组装
                let rspStr=''
                for (let i = 0; i < fieldItems.length; i++) {
                    let fieldItem=fieldItems[i]
                    rspStr+='@ApiModelProperty(\"'+fieldItem.fieldNote+'\")\n';
                    rspStr+=fieldItem.fieldStr+'\n';
                    rspStr+='\n';
                }
                vm_data.mybatisPlusBaseConversionRspStr=rspStr
            },
            getMybatisPlusBaseConversionStr(){
                return "  /**\n" +
                    "     * 主键\n" +
                    "     */\n" +
                    "    @TableId(value = \"common_dict_id\", type = IdType.ASSIGN_ID)\n" +
                    "    private String commonDictId;\n" +
                    "\n" +
                    "    /**\n" +
                    "     * 字典编码\n" +
                    "     */\n" +
                    "    @TableField(\"dict_code\")\n" +
                    "    private String dictCode;\n" +
                    "\n" +
                    "    /**\n" +
                    "     * 字典中文名称\n" +
                    "     */\n" +
                    "    @TableField(\"dict_name_cn\")\n" +
                    "    private String dictNameCn;";
            },
        },
        created:function (){
            vm_data.java2JsonStr=this.getJava2JsonStr();
            vm_data.mybatisPlusBaseConversionStr=this.getMybatisPlusBaseConversionStr()
        }
    })
</script>
</html>
let myVue
let appHost
function myPost(url,req,afterFun){
    getAppHost()
    axios.post(appHost+url,req)
        .then(resp=>{
            try{
                handError(resp)
                afterFun(resp.data.data)
            }catch (e) {
                msgError(e)
            }
        })
}

function myGet(url,afterFun){
    getAppHost()
    axios.get(appHost+url)
        .then(resp=>{
            try{
                handError(resp)
                afterFun(resp.data.data)
            }catch (e) {
                msgError(e)
            }
        })
}
function myQuickGet(url){
    getAppHost()
    axios.get(appHost+url)
        .then(resp=>{
            try{
          console.info(resp.data)
            }catch (e) {
                msgError(e)
            }
        })
}
function handError(resp){
    if(resp.data.code!=200){
        msgError(resp.data.msg)
    }
}

function getAppHost(){
    let hostname = window.location.hostname;
    // 获取端口号，注意如果没有指定端口号，则默认为空字符串
    let port = window.location.port;
    // 组合主机名和端口号
    let hostWithPort = hostname + (port ? ':' + port : '');
    appHost="http://"+hostWithPort
    // console.info(appHost)
}

function getUrlParams(key){
    // 创建一个URL对象
    let urlObject = new URL(window.location);
  let params = new URLSearchParams(urlObject.search);
   return  params.get(key);
}

function msgError(msg){
    myVue.$message({
        message: msg,
        type: 'error'
    });
}

function msgSuccess(msg){
    myVue.$message({
        message: msg,
        type: 'success'
    });
}

function removeByObj(array,Obj){
    array.splice(array.indexOf(Obj), 1);
}


/*
  在数组中找到数组对象某属性某值的第一个对象
 */
function getFirstOneFromArrayByObjField(array,objFieldName,objFieldValue){
    let refObj=null;
        for (let i = 0; i <array.length ; i++) {
            let obj = array[i]
            if (obj[objFieldName] === objFieldValue) {
                refObj = obj;
                break;
            }
        }
    return refObj;
}

/*
  在数组中找到数组对象某属性某值的第一个对象
 */
function sout(obj){
   console.info(obj)
}
function soutj(obj){
    console.info(JSON.stringify(obj))
}

/**
 * 获取随机值(权重)
 * @param array 随机获得的对象数组
 * @param weights 每个对象的权重
 */
function myGetRandomObjByWeight(array,weights) {
    if (array.length != weights.length) {
        msgError("获取随机值(权重)，随机对象和权重数量不一致")
    }
    let totalWeight = 0;
    for (let i = 0; i < weights.length; i++) {
        totalWeight = totalWeight + ((typeof weights[i] === 'string')?parseInt(weights[i] ,10):weights[i]);
    }
    let magnification = 1000;
    totalWeight = totalWeight * magnification;
    let randomInt = myGetRandomInt(1, totalWeight);
    let endIndex = 0;
    for (let i = 0; i < array.length; i++) {
        endIndex = endIndex + weights[i] * magnification;
        if (randomInt <= endIndex) {
            return array[i];
        }
    }
}

function myGetRandomObjByAverage(array) {
    let randomInt = myGetRandomInt(0, array.length-1);
    return array[randomInt];
}


function myGetRandomInt(min, max) {
    min = Math.ceil(min);
    max = Math.floor(max);
    return Math.floor(Math.random() * (max - min + 1)) + min;
}

/**
 * 获取随机位数整数
 * @param n
 * @returns {number}
 */
function myGetRandomNDigitNumberInt(n) {
    if (n <= 0) return 0; // 如果n不是正整数，返回0或抛出错误（根据需求）
    const min = Math.pow(10, n - 1);
    const max = Math.pow(10, n) - 1;
    return Math.floor(Math.random() * (max - min + 1)) + min;
}

function formatDate(date, formatString) {
    const daysOfWeek = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];
    const monthsOfYear = [
        'Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun',
        'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'
    ];

    const padZero = (num) => (num < 10 ? '0' : '') + num;

    return formatString.replace(/yyyy|MM|dd|HH|mm|ss|EEE|MMM/g, (match) => {
        switch (match) {
            case 'yyyy': return date.getFullYear();
            case 'MM': return padZero(date.getMonth() + 1);
            case 'dd': return padZero(date.getDate());
            case 'HH': return padZero(date.getHours());
            case 'mm': return padZero(date.getMinutes());
            case 'ss': return padZero(date.getSeconds());
            case 'EEE': return daysOfWeek[date.getDay()];
            case 'MMM': return monthsOfYear[date.getMonth()];
            default: return match;
        }
    });
}

fir.im分发平台安卓苹果应用下载二维码合并步骤
ifelsez的博客
12-16 2742
前置条件：已分别上传好安卓与苹果应用 合并步骤： 1.我的应用下面点击编辑，进入编辑页面 2.编辑页面选择 引用合并按钮 3.选择已有应用合并即可 4.回到我的应用界面，可以看到安卓与苹果应用都有一个合并小按钮，点击预览可获取最新下载二维码 应用合并操作至此结束啦！ ...
txt工具吾爱版
leslie_yu_的博客
07-20 1936
每次在网上复制的文本内容都是乱七八糟的？那么可以配合txt工具来处理，这是由吾爱破解pgzzh用户出品的一款非常实用、绿色小巧的电脑排版工具，不要看该软件大小才几百KB，其功能是非常好用的，主要就是为用户们提供了去除空行、增加序号、多词替换三大功能，并进入程序也没有广告推销，只有简简单单的程序框和对应功能，使用起来十分舒服。而且，在该软件中支持帮助用户自由的去空格、去空行、去首尾空格、去tab空格等过种空格格式，同时不仅支持自由的增加字符序号，还能像Word中的“替换”一样自由替换多个字段，并支持一键批量替
二维码合并源代码
07-22
最近芝麻二维码的“收款码合并”火了，它能将微信收款码和支付宝收款码合并为一个二维码！听上去感觉很神奇，其实原理非常简单！ 无论是支付宝还是微信的收款码，其本质上是一个包含了收款链接的二维码。所以我们的思路是：检测如果是支付宝浏览页面，就给出支付宝的付款链接、如果是微信，就给出微信链接…… 那么问题来了，如何进行判定呢？ 很好办，根据 UA 就能进行判定了！不懂什么是 UA？请参照 浏览器野史 – UserAgent列传 这篇博文。
二维码 和背景图片的合成
qq_41966668的博客
09-17 4846
/* * @param id : 是二维码传递的参数 * 大家相互借鉴吧! */ public function image(){ $object_id = $_REQUEST['id']; $host = $_SERVER['HTTP_HOST']; $url = "http://{$host}/admin/***/***?id=".$object_...
吾爱出品：一键配置与切换多套IP神器
资源摘要信息:"动态切换ip神器经典小工具-吾爱出品" 知识点详细说明： 1. 动态IP切换技术概述： 动态IP切换技术是指用户在不同的网络环境下，能够快速切换自身的IP地址，以满足各种网络需求或解决特定问题。这通常...
网络安全资料汇总！
weixin_46159811的博客
01-07 4195
1.网络安全资料汇总 web security： 《http权威指南》【图灵出品】   深入理解web http/https协议 ，了解超文本传输协议是如何进行传输和编译的。 《javascript权威指南》   淘宝前端团队翻译，深入了解前端js变量，注释，函数，表达式等，学习xss必备书籍。还提及了jquery类库。 《xs...
多个二维码合成一个二维码——多码合一功能
sevn77777的博客
08-21 7060
现在是无论是电商客服，微商客服，支付二维码等，可能会出现一个公众号出现需要展示多个客服的情况，或是需要展示多种支付方式，但又不可能将所有的客服二维码一一列出来，或将各种支付二维码一一列出来，这个时候，多张二维码合成一张动态二维码随机扫码！ ...
图片合并及生成二维码
huobing123456789的专栏
06-02 5290
图片合并 public static void main(String[] args){ try { ChatServerImpl a=new ChatServerImpl(); File f = new File(a.getClass().getResource("/").getPath()); Syste
php拼接二维码，文字和二维码进行合并
wyj1122的博客
07-16 1666
<?php namespace qrcode; class Image { //生成二维码图片 public function makeCodeImg($url, $product_sn = '2018**82019') { $url = $url . '/' . $product_sn . '?code_sn=' . $product_sn . '&code_typ...
万能收钱码-多合一收款二维码原理及源码-支持支付宝、微信、QQ
热门推荐
u010486495的专栏
11-27 7万+
最近去超市看到好多商户一个二维码同时支持支付宝、微信、QQ扫描付款，所以回来自己上网研究了一下。整理了一个现成的源码，有需要的朋友可以下载自己研究下。      主要参考了芝麻二维码。无论是支付宝还是微信的收款码，其本质上是一个包含了收款链接的二维码。所以我们的思路是：检测如果是支付宝浏览页面，就给出支付宝的付款链接、如果是微信，就给出微信链接……    那么问题来了，如何
微信小程序支付宝小程序合并二维码
qq_29072049的博客
09-09 2373
第一步设置微信小程序的二维码 小程序登录-开发管理-开发设置-扫普通链接二维码打开小程序 二维码规则就是你服务器的方法名 域名/方法名 小程序页面,就是扫二维码要跳转的页面 微信结束 支付宝 支付宝的码管理设置的和微信小程序相同路径 这里就是上面写的方法那个方法 微信不走这个方法,支付宝会进入这个方法重定向 @ApiOperationSupport(order = 62) @ApiOperation(value = "判断支付", notes = "判断支付") @GetMappi
PHP 二维码生成+与活动图片合成
彦文的专栏
03-23 1万+
PHP 二维码生成+与活动图片合成 依赖库文件 phpqrcode.php 代码逻辑: 1.生成一张url相关的 二维码 QR 2.把log图片跟QR合并成一个带logo的二维码 last 3.把带logo的的二维码跟 活动图片合成为一张图 保存到本地 返回路径 //参数 活动模板图片，二维码url，模板内二维码的位置 function getActivityImg($templat...
将微信和支付宝支付的个二维码合二为一
woshishuiaaaD的博客
12-09 5万+
因公司需要将支付宝和微信的二维码合成一个，不管用户用支付宝扫还是微信扫都能打开对应的支付页面，在网上找了一些文章，很感谢各位大神的经验，我也记录下我是如何将两个二维码合二为一的~。 原理：支付宝或微信生成的二维码中本质都内嵌了一个url，在扫码时实际是定向去访问二维码中内嵌的url，这样我就可以将这个url指定到我的一个控制器，在控制器中判断是微信还是支付宝软件扫的，然后去唤醒各自的支付即可。
wx.scan 小程序码 rawdata_多合一收款码制作，二维码合并小程序
weixin_39580950的博客
10-26 693
大家在线下消费的时候，有的商家微信收款二维码贴一张、支付宝收款二维码贴一张、QQ收款二维码贴一张。有的部分商家只贴了一张收款码就实现支付宝、微信、QQ付款，是不是很方便？其实原理在于支付宝微信二维码合并。接下来手把手教你支付宝微信QQ收款码二维码合并，同时也带来了支付宝/微信/QQ收款码合并方法，详情如下。点击下方小程序开始合成制作↓↓↓↓(点击上方小程序直接进入)一、首先要获取微信、支...
H5 活动利用Canvas把用户信息和二维码合并到图片内。
sak1sm的笔记
01-25 1085
之前一直都在写业务类的页面，非常少接触canvas，最近公司要出一个测试类的H5活动页面，需要在用户完成测试后把用户输入的资料和二维码合并在测试结果图中。 其中有个坑，就是canvas是不能使用rem单位的，所以开头我就打算动态取页面中img的宽度来进行2倍图的绘画，结果掉进了这个坑里非常烦恼，然后突然想到其实只要按设计给你的图片的原先尺寸进行绘画就行了，并不需要动态进行宽高设置。 下面是实现代码...
php图片合并二维码
上官hao的博客
11-09 584
$code_left = 250; $code_top = 600; $name = SysAttachment::where('id', $params['pic'])->pluck('name')->first(); $qrCode = QrCode::format('png')->size(250)->margin(...
下载APP 2个二维码合并到一个二维码
weixin_30449239的博客
08-26 602
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值