liqwer
/
resume.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <title>Example</title>
    <!--    <script src="https://cdn.tailwindcss.com"></script>-->
    <!--demo 测试地址  https://play.tailwindcss.com/REp647tOFt -->
    <link rel="stylesheet" href="output.css">
</head>
<body class="<!--grayscale-->">
<div class="font-lqw bg-gray-50 flex flex-col justify-center relative md:leading-3  tracking-wide antialiased hover:subpixel-antialiased">
    <img src="/img/beams.jpg" alt="" class="fixed left-1/2 top-48 max-w-none -translate-x-2/3 -translate-y-1/2"/>
    <div class="absolute inset-0 bg-[url(/img/grid.svg)] bg-top [mask-image:linear-gradient(180deg,white,rgba(255,255,255,0))]"></div>
    <div class="relative m-4">
        <div class="flex flex-col m-3 mt-0 mx-auto block max-w-4xl space-y-3 rounded-md bg-white p-5 text-center font-sans shadow-lg ring-1 ring-slate-900/5">
            <div class="text-5xl font-extrabold m-6">
                <span class="bg-clip-text bg-left-bottom text-transparent"
                      style="background-image:url(https://images.unsplash.com/photo-1554629947-334ff61d85dc?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=128&h=128&q=80)"> 李庆伟 </span>
            </div>
            <div class="m-auto flex flex-wrap  justify-between">
                <div>
                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="inline-block h-6 w-6">
                        <path d="M21 16.42V19.9561C21 20.4811 20.5941 20.9167 20.0705 20.9537C19.6331 20.9846 19.2763 21 19 21C10.1634 21 3 13.8366 3 5C3 4.72371 3.01545 4.36687 3.04635 3.9295C3.08337 3.40588 3.51894 3 4.04386 3H7.5801C7.83678 3 8.05176 3.19442 8.07753 3.4498C8.10067 3.67907 8.12218 3.86314 8.14207 4.00202C8.34435 5.41472 8.75753 6.75936 9.3487 8.00303C9.44359 8.20265 9.38171 8.44159 9.20185 8.57006L7.04355 10.1118C8.35752 13.1811 10.8189 15.6425 13.8882 16.9565L15.4271 14.8019C15.5572 14.6199 15.799 14.5573 16.001 14.6532C17.2446 15.2439 18.5891 15.6566 20.0016 15.8584C20.1396 15.8782 20.3225 15.8995 20.5502 15.9225C20.8056 15.9483 21 16.1633 21 16.42Z"></path>
                    </svg>
                    19920033344
                </div>

                <div>
                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="inline-block h-6 w-6">
                        <path d="M18.5753 13.7114C19.0742 13.7114 19.4733 13.2873 19.4733 12.8134C19.4733 12.3145 19.0742 11.9155 18.5753 11.9155C18.0765 11.9155 17.6774 12.3145 17.6774 12.8134C17.6774 13.3123 18.0765 13.7114 18.5753 13.7114ZM14.1497 13.7114C14.6485 13.7114 15.0476 13.2873 15.0476 12.8134C15.0476 12.3145 14.6485 11.9155 14.1497 11.9155C13.6508 11.9155 13.2517 12.3145 13.2517 12.8134C13.2517 13.3123 13.6508 13.7114 14.1497 13.7114ZM20.717 18.7516C20.5942 18.8253 20.5205 18.9482 20.5451 19.1202C20.5451 19.1693 20.5451 19.2185 20.5696 19.2676C20.6679 19.6854 20.8643 20.349 20.8643 20.3736C20.8643 20.4473 20.8889 20.4964 20.8889 20.5456C20.8889 20.6685 20.7907 20.7668 20.6679 20.7668C20.6187 20.7668 20.5942 20.7422 20.5451 20.7176L19.0961 19.882C18.9978 19.8329 18.875 19.7837 18.7522 19.7837C18.6786 19.7837 18.6049 19.7837 18.5558 19.8083C17.8681 20.0049 17.1559 20.1032 16.3946 20.1032C12.7352 20.1032 9.78815 17.6456 9.78815 14.5983C9.78815 11.5509 12.7352 9.09329 16.3946 9.09329C20.0539 9.09329 23.001 11.5509 23.001 14.5983C23.001 16.2448 22.1168 17.7439 20.717 18.7516ZM16.6737 8.09757C16.581 8.09473 16.488 8.09329 16.3946 8.09329C12.2199 8.09329 8.78815 10.9536 8.78815 14.5983C8.78815 15.1519 8.86733 15.6874 9.01626 16.1975H8.92711C8.04096 16.1975 7.15481 16.0503 6.3425 15.8296C6.26866 15.805 6.19481 15.805 6.12097 15.805C5.97327 15.805 5.82558 15.8541 5.7025 15.9277L3.95482 16.9334C3.90559 16.958 3.85635 16.9825 3.80712 16.9825C3.65943 16.9825 3.53636 16.8599 3.53636 16.7127C3.53636 16.6391 3.56097 16.59 3.58559 16.5164C3.6102 16.4919 3.83174 15.6824 3.95482 15.1918C3.95482 15.1427 3.97943 15.0691 3.97943 15.0201C3.97943 14.8238 3.88097 14.6766 3.75789 14.5785C2.05944 13.3765 1.00098 11.5858 1.00098 9.59876C1.00098 5.94369 4.5702 3 8.95173 3C12.7157 3 15.8802 5.16856 16.6737 8.09757ZM11.5199 8.51604C12.0927 8.51604 12.5462 8.03871 12.5462 7.4898C12.5462 6.91701 12.0927 6.46356 11.5199 6.46356C10.9471 6.46356 10.4937 6.91701 10.4937 7.4898C10.4937 8.06258 10.9471 8.51604 11.5199 8.51604ZM6.26045 8.51604C6.83324 8.51604 7.28669 8.03871 7.28669 7.4898C7.28669 6.91701 6.83324 6.46356 6.26045 6.46356C5.68767 6.46356 5.23421 6.91701 5.23421 7.4898C5.23421 8.06258 5.68767 8.51604 6.26045 8.51604Z"></path>
                    </svg>
                    19920033344
                </div>
                <div>
                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="inline-block h-6 w-6">
                        <path d="M3 3H21C21.5523 3 22 3.44772 22 4V20C22 20.5523 21.5523 21 21 21H3C2.44772 21 2 20.5523 2 20V4C2 3.44772 2.44772 3 3 3ZM12.0606 11.6829L5.64722 6.2377L4.35278 7.7623L12.0731 14.3171L19.6544 7.75616L18.3456 6.24384L12.0606 11.6829Z"></path>
                    </svg>
                    <span>19920033344@126.com</span>
                </div>
            </div>
            <div class="m-auto flex flex-wrap  font-mono">
                <span class="font-bold">9年工作经验</span> <span>| </span>
                <span class="font-bold">目前在职</span> <span>| </span>
                <span class="font-bold">求职意向:</span> <span>java </span><span>| </span>
                <span class="font-bold">出生年月:</span> <span>1992.11 </span>
            </div>
        </div>
        <!-- 隔断 -->
        <div class="m-4 mx-auto block max-w-4xl rounded bg-gradient-to-r from-blue-200 to-green-300 p-2 pl-3 ring-1 ring-slate-900/5 hover:from-pink-500 hover:to-yellow-500 overflow-hidden  h-[2.7rem]">
            <div class=" inset-0 bg-[url(/img/bard-line.svg)] bg-top [mask-image:linear-gradient(0deg,white,rgba(255,255,255,0))] rotate-[-35deg] -translate-x-[-10%] -translate-y-[20%] relative h-[800px] bg-[size:24px]"></div>
            <div class="flex items-center space-x-3 relative top-[-800px]">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="h-6 group-hover:invert">
                    <path d="M10.6144 17.7956 11.492 15.7854C12.2731 13.9966 13.6789 12.5726 15.4325 11.7942L17.8482 10.7219C18.6162 10.381 18.6162 9.26368 17.8482 8.92277L15.5079 7.88394C13.7092 7.08552 12.2782 5.60881 11.5105 3.75894L10.6215 1.61673C10.2916.821765 9.19319.821767 8.8633 1.61673L7.97427 3.75892C7.20657 5.60881 5.77553 7.08552 3.97685 7.88394L1.63658 8.92277C.868537 9.26368.868536 10.381 1.63658 10.7219L4.0523 11.7942C5.80589 12.5726 7.21171 13.9966 7.99275 15.7854L8.8704 17.7956C9.20776 18.5682 10.277 18.5682 10.6144 17.7956ZM19.4014 22.6899 19.6482 22.1242C20.0882 21.1156 20.8807 20.3125 21.8695 19.8732L22.6299 19.5353C23.0412 19.3526 23.0412 18.7549 22.6299 18.5722L21.9121 18.2532C20.8978 17.8026 20.0911 16.9698 19.6586 15.9269L19.4052 15.3156C19.2285 14.8896 18.6395 14.8896 18.4628 15.3156L18.2094 15.9269C17.777 16.9698 16.9703 17.8026 15.956 18.2532L15.2381 18.5722C14.8269 18.7549 14.8269 19.3526 15.2381 19.5353L15.9985 19.8732C16.9874 20.3125 17.7798 21.1156 18.2198 22.1242L18.4667 22.6899C18.6473 23.104 19.2207 23.104 19.4014 22.6899Z"></path>
                </svg>
                <h1 class="text-lg font-semibold group-hover:text-white">个人优势</h1>
            </div>
        </div>
        <!-- ... -->
        <div class="group m-3 mx-auto block max-w-4xl space-y-3 rounded-md bg-white p-6 shadow-lg ring-1 ring-slate-900/5 hover:bg-sky-500 hover:ring-sky-500">


            <p class="font indent-8 text-sm  group-hover:text-white">
                9年开发经验。熟练使用 java 相关技术栈，熟悉分布式服务开发，web 项目开发，微信公众号后台开发，善于持续集成开发，
                对微服务运维有一定的了解。
                对新技术敏感，喜欢折腾新东西。自己在业余时间会开发一些个人使用的小系统，小软件等等。
            </p>
            <p class="font indent-8 text-sm  group-hover:text-white">
                在上家公司有三年团队管理的经验，团队规模平时5人，人最多时候到11人。我负责对需求进行 wbs
                任务分解，工时估算，任务分配，版本控制 等 以及向领导汇报项目进度
            </p>

            <p class="font font-bold indent-8 text-sm group-hover:text-white ">
                技术栈：
            </p>

            <p class="font pl-8 text-sm group-hover:text-white">
                前端：H5,Ajax, Vue, AngularJs, JSP,FreeMarker, Thymeleaf ,AmazeUI,LayUI,H-ui <br>
                后端：Springboot, Dubbo, Jetty, Web services, MybatisPlus Shiro<br>
                数据库：Oracle, Mysql, Redis, Hbase<br>
                中间件：RabbitMQ , Zookeeper<br>
                客户端：javaFx
            </p>

<!--            <p class="font indent-8 text-sm text-slate-900 group-hover:text-white">-->
<!--                -->
<!--            </p>-->
        </div>
        <!-- 隔断 -->
        <div class="m-4 mx-auto block max-w-4xl rounded bg-gradient-to-r from-blue-200 to-green-300 p-2 pl-3 ring-1 ring-slate-900/5 hover:from-pink-500 hover:to-yellow-500 overflow-hidden  h-[2.7rem]">
            <div class=" inset-0 bg-[url(/img/baidu-line.svg)] bg-top [mask-image:linear-gradient(0deg,white,rgba(255,255,255,0))] rotate-[-35deg] -translate-x-[-10%] -translate-y-[20%] relative h-[800px] bg-[size:24px]"></div>
            <div class="flex items-center space-x-3 relative top-[-800px]">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="h-6 group-hover:invert">
                    <path d="M7 5V2C7 1.44772 7.44772 1 8 1H16C16.5523 1 17 1.44772 17 2V5H21C21.5523 5 22 5.44772 22 6V20C22 20.5523 21.5523 21 21 21H3C2.44772 21 2 20.5523 2 20V6C2 5.44772 2.44772 5 3 5H7ZM4 15V19H20V15H4ZM11 11V13H13V11H11ZM9 3V5H15V3H9Z"></path>
                </svg>
                <h1 class="text-lg font-semibold group-hover:text-white">工作经历</h1>
            </div>
        </div>
        <!-- ... -->
        <div class="group m-3 mx-auto block max-w-4xl space-y-3 rounded-md bg-white p-6 shadow-lg ring-2 ring-inset ring-slate-400 hover:bg-sky-500 hover:ring-sky-500">

            <div class="m-auto flex flex-wrap items-center justify-between">
                <div class=" flex items-center space-x-3 w-64">
                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="h-6 group-hover:invert ">
                        <path d="M21 19H23V21H1V19H3V4C3 3.44772 3.44772 3 4 3H14C14.5523 3 15 3.44772 15 4V19H19V11H17V9H20C20.5523 9 21 9.44772 21 10V19ZM5 5V19H13V5H5ZM7 11H11V13H7V11ZM7 7H11V9H7V7Z"></path>
                    </svg>

                    <span class="grow text-sm font-semibold text-slate-900 group-hover:text-white">
                        北京爱特泰克技术股份公司</span>
                </div>

                <h3 class="font-semi text-sm text-slate-600 group-hover:text-white">全栈工程师</h3>
                <h3 class="font-semi text-sm text-slate-800 group-hover:text-white">2019.04 - 至今</h3>
            </div>
            <p class="font indent-8 text-sm text-slate-900 group-hover:text-white">


            </p>
            <ul class="list-inside list-disc">
                <li>
                    <span class="indent-8 text-sm text-slate-900 group-hover:text-white">作为项目负责人，带领团队开发了重庆公租房信息化管理与服务平台二期，以及三期；</span>
                </li>
                <li>
                    <span class="indent-8 text-sm text-slate-900 group-hover:text-white">负责后端产品的设计、开发、维护及新技术跟进，负责相关技术文档的撰写;</span>
                </li>
                <li>
                    <span class="indent-8 text-sm text-slate-900 group-hover:text-white">负责对需求进行 wbs 任务分解，工时估算，任务分配</span>
                </li>
                <li>
                    <span class="indent-8 text-sm text-slate-900 group-hover:text-white"> 独自开发重庆公租房网站，网站后台， 重庆公租房信息化管理与服务平台一期维护，bug 修复，新功能改造</span>
                </li>
            </ul>
        </div>

        <!-- ... -->
        <div class="group m-3 mx-auto block max-w-4xl space-y-3 rounded-md bg-white p-6 shadow-lg ring-1 ring-slate-900/5 hover:bg-sky-500 hover:ring-sky-500">

            <div class="m-auto flex flex-wrap items-center justify-between">
                <div class=" flex items-center space-x-3 w-64">
                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="h-6 group-hover:invert ">
                        <path d="M21 19H23V21H1V19H3V4C3 3.44772 3.44772 3 4 3H14C14.5523 3 15 3.44772 15 4V19H19V11H17V9H20C20.5523 9 21 9.44772 21 10V19ZM5 5V19H13V5H5ZM7 11H11V13H7V11ZM7 7H11V9H7V7Z"></path>
                    </svg>

                    <span class="grow text-sm font-semibold text-slate-900 group-hover:text-white">
                        福建博思软件股份有限公司(北京)</span>
                </div>

                <h3 class="font-semi text-sm text-slate-600 group-hover:text-white">Java</h3>
                <h3 class="font-semi text-sm text-slate-800 group-hover:text-white">2015.11 - 2019.04</h3>
            </div>
            <p class="indent-8 text-sm text-slate-900 group-hover:text-white">
            </p>
            <ul class="list-inside list-disc">
                <li>
                    <span class="indent-8 text-sm text-slate-900 group-hover:text-white">参与了财政部电子票制作存储中心的前期设计和后期的开发与维护， 分布式架构的服务搭建和开发工作。电子票制作存储中心 20个省份上线,2年运行平稳</span>
                </li>
                <li>
                    <span class="indent-8 text-sm text-slate-900 group-hover:text-white">独自开发完成了"财政票据"微信公众号，电子票查验网站；设计开发了财票模板制作工具，财票校验工具； 合作开发了的微信小程序“电子票夹”，打造电子票生态链,推动了公司业务的全面发展</span>
                </li>
            </ul>
        </div>
        <!-- ... -->
        <div class="group m-3 mx-auto block max-w-4xl space-y-3 rounded-md bg-white p-6 shadow-lg ring-1 ring-slate-900/5 hover:bg-sky-500 hover:ring-sky-500">
            <div class="m-auto flex flex-wrap items-center justify-between">
                <div class=" flex items-center space-x-3 w-64">
                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="h-6 group-hover:invert ">
                        <path d="M21 19H23V21H1V19H3V4C3 3.44772 3.44772 3 4 3H14C14.5523 3 15 3.44772 15 4V19H19V11H17V9H20C20.5523 9 21 9.44772 21 10V19ZM5 5V19H13V5H5ZM7 11H11V13H7V11ZM7 7H11V9H7V7Z"></path>
                    </svg>

                    <span class="grow text-sm font-semibold text-slate-900 group-hover:text-white">
                        北京雷暴云网络科技有限公司</span>
                </div>

                <h3 class="font-semi text-sm text-slate-600 group-hover:text-white">Java</h3>
                <h3 class="font-semi text-sm text-slate-800 group-hover:text-white">2014.08 - 2015.11</h3>
            </div>
            <p class="indent-8 text-sm text-slate-900 group-hover:text-white">
            </p>
            <ul class="list-inside list-disc">
                <li>
                    <span class="indent-8 text-sm text-slate-900 group-hover:text-white">设计了公司服务器端的代码架构</span>
                </li>
                <li>
                    <span class="indent-8 text-sm text-slate-900 group-hover:text-white">策划，设计，开发，上线，手游后台接口服务，支撑游戏客户端数据</span>
                </li>
            </ul>
        </div>
        <!-- 隔断 -->
        <div class="md:break-before-page m-4 mx-auto block max-w-4xl rounded bg-gradient-to-r from-blue-200 to-green-300 p-2 pl-3 ring-1 ring-slate-900/5 hover:from-pink-500 hover:to-yellow-500 overflow-hidden  h-[2.7rem]">
            <div class=" inset-0 bg-[url(/img/bug-line.svg)] bg-top [mask-image:linear-gradient(0deg,white,rgba(255,255,255,0))] rotate-[-35deg] -translate-x-[-10%] -translate-y-[20%] relative h-[800px] bg-[size:24px]"></div>
            <div class="flex items-center space-x-3 relative top-[-800px]">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="h-6 group-hover:invert ">
                    <path d="M2 3H21.1384C21.4146 3 21.6385 3.22386 21.6385 3.5C21.6385 3.58701 21.6157 3.67252 21.5725 3.74807L18 10L21.5725 16.2519C21.7095 16.4917 21.6262 16.7971 21.3865 16.9341C21.3109 16.9773 21.2254 17 21.1384 17H4V22H2V3Z"></path>
                </svg>
                <h1 class="text-lg font-semibold  group-hover:text-white">项目经历</h1>
            </div>
        </div>
        <!-- ... -->
        <div class="group m-3 mx-auto block max-w-4xl space-y-3 rounded-md bg-white p-6 shadow-lg ring-2 ring-inset ring-slate-400 hover:bg-sky-500 hover:ring-sky-500">
            <div class="flex flex-wrap items-center space-x-3">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="h-6 group-hover:invert ">
                    <path d="M5 2H19C19.5523 2 20 2.44772 20 3V22.1433C20 22.4194 19.7761 22.6434 19.5 22.6434C19.4061 22.6434 19.314 22.6168 19.2344 22.5669L12 18.0313L4.76559 22.5669C4.53163 22.7136 4.22306 22.6429 4.07637 22.4089C4.02647 22.3293 4 22.2373 4 22.1433V3C4 2.44772 4.44772 2 5 2Z"></path>
                </svg>
                <h3 class="grow text-sm font-semibold group-hover:text-white">
                    重庆公租房项目 </h3>
                <h3 class="font-semi grow text-sm text-slate-600 group-hover:text-white">全栈工程师/项目负责人 </h3>
                <h3 class="font-semi text-sm text-slate-800 group-hover:text-white">2019.04 - 至今</h3>
            </div>
            <p class="text-sm group-hover:text-white  font-bold">内容:</p>
            <p class="text-sm text-slate-900 group-hover:text-white indent-8">
                重庆市公共租赁房屋信息管理系统，通过运用信息化手段为重庆市公共租赁房屋的管理与日常业务开展提供有力的支撑，是公
                租房申请审核系统与其他部门系统之间信息共享平台。</p>
            <p class="text-sm text-slate-900 group-hover:text-white indent-8">包含公租房管理信息系统、综合收费系统、公租房网站、公租房
                APP等，实现了从 <span class="italic">申请受理、审核配租、住用监管、工程维修</span>等全流程信息化管理方式，现运用于公租房局机关、各主城区廉租办、申请点、公租房小区房管中心、物业报修点等，有
                效提高了工作效率和质量，为决策提供了基础支撑</p>
            <p class="text-sm  group-hover:text-white  font-bold">本项目分多个子项目：</p>
            <p class="text-sm  group-hover:text-white">重庆市公共租赁房信息网后台管理系统 ： VUE H-ui SSM
                框架 Oracle</p>
            <p class="text-sm  group-hover:text-white">重庆市公共租赁房管理局网站 ：JSP LayUI SSM 框架 Web
                services Oracle Mysql</p>
            <p class="text-sm  group-hover:text-white">重庆公租房信息化管理与服务平台（一、二、三期）
                ：FreeMarker LayUI SpringBoot MybatisPlus Shiro Oracle</p>

            <p class="text-sm  group-hover:text-white  font-bold">业绩:</p>
            <p class="text-sm  group-hover:text-white">
                作为项目负责人，带领团队开发了重庆公租房信息化管理与服务平台二期，以及三期；</p>
            <p class="text-sm  group-hover:text-white">独自开发重庆公租房网站，网站后台，
                重庆公租房信息化管理与服务平台一期维护，bug 修复，新功能改造</p>
        </div>


        <!-- ... -->
        <div class="group m-3 mx-auto block max-w-4xl space-y-3 rounded-md bg-white p-6 shadow-lg ring-1 ring-slate-900/5 hover:bg-sky-500 hover:ring-sky-500">
            <div class="flex flex-wrap items-center space-x-3">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="h-6 group-hover:invert ">
                    <path d="M5 2H19C19.5523 2 20 2.44772 20 3V22.1433C20 22.4194 19.7761 22.6434 19.5 22.6434C19.4061 22.6434 19.314 22.6168 19.2344 22.5669L12 18.0313L4.76559 22.5669C4.53163 22.7136 4.22306 22.6429 4.07637 22.4089C4.02647 22.3293 4 22.2373 4 22.1433V3C4 2.44772 4.44772 2 5 2Z"></path>
                </svg>
                <h3 class="grow text-sm font-semibold group-hover:text-white">
                    财政电子票项目 </h3>
                <h3 class="font-semi grow text-sm text-slate-600 group-hover:text-white">java工程师 </h3>
                <h3 class="font-semi text-sm text-slate-800 group-hover:text-white">2016.09 - 2019.03</h3>
            </div>
            <p class="text-sm group-hover:text-white  font-bold">内容:</p>
            <p class="text-sm text-slate-900 group-hover:text-white indent-8">本项目是为北京财政部和各个省级财政做的电子票项目。采用分布式微服务架构，hbase
                数据库存储，是一个高可用，扩展性高，易部署，可维护的系统架构。为开票系统提供了核心的服务支持。</p>
            <p class="text-sm text-slate-900 group-hover:text-white indent-8">
                项目的两大核心功能点分别是制作和存储，整体思路根据财政电子票据规范绘制票据模板，准备票据数据，数据与模板合成，
                附加数据签名、签章等系列操作，最终生产电子票据。使用大数据相关技术将电子票数据存储到 Hbase 数据库中。
                项目架构为 Dubbo+Zookeeper 的分布式，模块进行了细化和拆分，支持分布式部署和横向扩展。Hbase 数据库与 Apache
                Phoenix 结合使用完成电子票数据的存储，使用 RabbitMQ 做消息队列。</p>
            <p class="text-sm group-hover:text-white  font-bold">本项目分多个子项目：</p>
            <p class="text-sm group-hover:text-white">财政电子票据制作与存储中心 ：
                Dubbo ,Zookeeper ,RabbitMQ ,Redis ,Hbase ,Phoenix ,Spring ,Mybatis </p>
            <p class="text-sm group-hover:text-white">制作中心对外网关 ：Jetty , Spring , Springboot,
                Dubbo</p>
            <p class="text-sm group-hover:text-white">财政电子票据微信公众号 SpringMVC, AmazeUI ，WeiUI,
                Dubbo, H5, AngularJs，Ajax</p>
            <p class="text-sm group-hover:text-white">财政电子票公共服务后台
                Dubbo,Zookeeper,RabbitMQ,Oracle,Mysql,Redis</p>
            <p class="text-sm group-hover:text-white">财政电子票查验网站 SpringMvc, Springboot,
                Mybatis，RabbitMQ, Mysql, Oracle, Dubbo，Thymeleaf</p>
            <p class="text-sm group-hover:text-white">电子票模版制作工具 javaFX,Dom 解析，Png 合成</p>

            <p class="text-sm group-hover:text-white  font-bold">业绩:</p>
            <p class="text-sm group-hover:text-white">
                参与制定了财政电子票据规范，电子票模版规范的指定，设计并修订接口文档</p>
            <p class="text-sm group-hover:text-white">开发上线了财政电子票网站，公众号，小程序。</p>
            <p class="text-sm group-hover:text-white">开发上线了财政电子票制作与存储中心，与公司业务系统和其他外部系统进行对接</p>
        </div>
        <!-- 隔断 -->
        <div class="md:break-before-page m-3 mx-auto block max-w-4xl rounded bg-gradient-to-r from-blue-200 to-green-300 p-2 pl-3 ring-1 ring-slate-900/5 hover:from-pink-500 hover:to-yellow-500 overflow-hidden  h-[2.7rem]">
            <div class=" inset-0 bg-[url(/img/blender-line.svg)] bg-top [mask-image:linear-gradient(0deg,white,rgba(255,255,255,0))] rotate-[-35deg] -translate-x-[-10%] -translate-y-[20%] relative h-[800px] bg-[size:24px]"></div>
            <div class="flex items-center space-x-3 relative top-[-800px]">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="h-7 w-7 group-hover:invert ">
                    <path d="M11.7 2.805a.75.75 0 01.6 0A60.65 60.65 0 0122.83 8.72a.75.75 0 01-.231 1.337 49.949 49.949 0 00-9.902 3.912l-.003.002-.34.18a.75.75 0 01-.707 0A50.009 50.009 0 007.5 12.174v-.224c0-.131.067-.248.172-.311a54.614 54.614 0 014.653-2.52.75.75 0 00-.65-1.352 56.129 56.129 0 00-4.78 2.589 1.858 1.858 0 00-.859 1.228 49.803 49.803 0 00-4.634-1.527.75.75 0 01-.231-1.337A60.653 60.653 0 0111.7 2.805z"/>
                    <path d="M13.06 15.473a48.45 48.45 0 017.666-3.282c.134 1.414.22 2.843.255 4.285a.75.75 0 01-.46.71 47.878 47.878 0 00-8.105 4.342.75.75 0 01-.832 0 47.877 47.877 0 00-8.104-4.342.75.75 0 01-.461-.71c.035-1.442.121-2.87.255-4.286A48.4 48.4 0 016 13.18v1.27a1.5 1.5 0 00-.14 2.508c-.09.38-.222.753-.397 1.11.452.213.901.434 1.346.661a6.729 6.729 0 00.551-1.608 1.5 1.5 0 00.14-2.67v-.645a48.549 48.549 0 013.44 1.668 2.25 2.25 0 002.12 0z"/>
                    <path d="M4.462 19.462c.42-.419.753-.89 1-1.394.453.213.902.434 1.347.661a6.743 6.743 0 01-1.286 1.794.75.75 0 11-1.06-1.06z"/>
                </svg>
                <h1 class="text-lg font-semibold group-hover:text-white">教育经历</h1>
            </div>
        </div>
        <div class="group m-3 mx-auto block max-w-4xl space-y-3 rounded-md bg-white p-6 shadow-lg ring-1 ring-slate-900/5 hover:bg-sky-500 hover:ring-sky-500">
            <!--            <div class="flex items-center space-x-4">-->
            <!--                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="h-6">-->
            <!--                    <path d="M21 19H23V21H1V19H3V4C3 3.44772 3.44772 3 4 3H14C14.5523 3 15 3.44772 15 4V19H19V11H17V9H20C20.5523 9 21 9.44772 21 10V19ZM5 5V19H13V5H5ZM7 11H11V13H7V11ZM7 7H11V9H7V7Z"></path>-->
            <!--                </svg>-->
            <!--                <h3 class="grow text-sm font-semibold text-slate-900 group-hover:text-white">-->
            <!--                    河南职业技术学院</h3>-->
            <!--                <h3 class="font-semi grow text-sm text-slate-600 group-hover:text-white">大专</h3>-->
            <!--                <h3 class="font-semi text-sm text-slate-800 group-hover:text-white">计算机应用技术</h3>-->
            <!--                <h3 class="font-semi text-sm text-slate-800 group-hover:text-white">2011-2014</h3>-->
            <!--            </div>-->
            <div class="m-auto flex flex-wrap items-center justify-between">
                <div class=" flex items-center space-x-3 ">
                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="h-6 group-hover:invert ">
                        <path d="M12 0.585938L18 6.58594V9.00024H22V19.0002H23V21.0002H1V19.0002H2V9.00024H6V6.58594L12 0.585938ZM18 19.0002H20V11.0002H18V19.0002ZM6 11.0002H4V19.0002H6V11.0002ZM8 7.41436V19.0002H11V12.0002H13V19.0002H16V7.41436L12 3.41436L8 7.41436Z"></path>
                    </svg>

                    <span class="grow text-sm font-semibold text-slate-900 group-hover:text-white">
                        河南职业技术学院</span>
                </div>

                <div>
                    <h3 class="font-semi grow text-sm text-slate-600 group-hover:text-white">计算机应用技术</h3>
                </div>
                <div>
                    <h3 class="font-semi text-sm text-slate-800 group-hover:text-white">大专</h3>
                </div>
                <div>
                    <h3 class="font-semi text-sm text-slate-800 group-hover:text-white">2011 - 2014</h3>
                </div>
            </div>
        </div>

        <!-- 隔断 -->
        <div class="m-4 mx-auto block max-w-4xl rounded bg-gradient-to-r from-blue-200 to-green-300 p-2 pl-3 ring-1 ring-slate-900/5 hover:from-pink-500 hover:to-yellow-500 overflow-hidden  h-[2.7rem]">
            <div class=" inset-0 bg-[url(/img/slack-line.svg)] bg-top [mask-image:linear-gradient(0deg,white,rgba(255,255,255,0))] rotate-[-35deg] -translate-x-[-10%] -translate-y-[20%] relative h-[800px] bg-[size:24px]"></div>
            <div class="flex items-center space-x-3 relative top-[-800px]">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="h-6 group-hover:invert ">
                    <path d="M14.1213 10.4796C13.7308 10.0891 13.0976 10.0891 12.7071 10.4796L12 11.1868C11.2189 11.9678 9.95259 11.9678 9.17154 11.1868C8.39049 10.4057 8.39049 9.13937 9.17154 8.35832L14.8022 2.72617C16.9061 2.25022 19.2008 2.83124 20.8388 4.46924C23.2582 6.8886 23.3716 10.7407 21.1792 13.2944L19.071 15.4294L14.1213 10.4796ZM3.16113 4.46924C5.33452 2.29584 8.66411 1.98332 11.17 3.53165L7.75732 6.94411C6.19523 8.50621 6.19523 11.0389 7.75732 12.601C9.27209 14.1157 11.6995 14.1616 13.2695 12.7387L13.4142 12.601L17.6568 16.8436L13.4142 21.0862C12.6331 21.8673 11.3668 21.8673 10.5858 21.0862L3.16113 13.6616C0.622722 11.1232 0.622722 7.00764 3.16113 4.46924Z"></path>
                </svg>
                <h1 class="text-lg font-semibold group-hover:text-white">最后</h1>
            </div>
        </div>
        <div class="group m-3 mx-auto block max-w-4xl space-y-3 rounded-md bg-white p-6 shadow-lg ring-1 ring-slate-900/5 hover:bg-sky-500 hover:ring-sky-500">
            <div class="flex items-center space-x-3">
                <h3 class="text-sm font-semibold text-slate-900 group-hover:text-white"></h3>
            </div>
            <p class="text-sm group-hover:text-white">
                感谢您花费时间看我的简历，期待有机会与您成为同事</p>

            <div class="m-auto flex flex-wrap justify-between group-hover:text-white text-sm">
                <div>
                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="inline-block h-5 w-5 group-hover:invert ">
                        <path d="M21 16.42V19.9561C21 20.4811 20.5941 20.9167 20.0705 20.9537C19.6331 20.9846 19.2763 21 19 21C10.1634 21 3 13.8366 3 5C3 4.72371 3.01545 4.36687 3.04635 3.9295C3.08337 3.40588 3.51894 3 4.04386 3H7.5801C7.83678 3 8.05176 3.19442 8.07753 3.4498C8.10067 3.67907 8.12218 3.86314 8.14207 4.00202C8.34435 5.41472 8.75753 6.75936 9.3487 8.00303C9.44359 8.20265 9.38171 8.44159 9.20185 8.57006L7.04355 10.1118C8.35752 13.1811 10.8189 15.6425 13.8882 16.9565L15.4271 14.8019C15.5572 14.6199 15.799 14.5573 16.001 14.6532C17.2446 15.2439 18.5891 15.6566 20.0016 15.8584C20.1396 15.8782 20.3225 15.8995 20.5502 15.9225C20.8056 15.9483 21 16.1633 21 16.42Z"></path>
                    </svg>
                    19920033344
                </div>

                <div>
                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="inline-block h-5 w-5 group-hover:invert ">
                        <path d="M18.5753 13.7114C19.0742 13.7114 19.4733 13.2873 19.4733 12.8134C19.4733 12.3145 19.0742 11.9155 18.5753 11.9155C18.0765 11.9155 17.6774 12.3145 17.6774 12.8134C17.6774 13.3123 18.0765 13.7114 18.5753 13.7114ZM14.1497 13.7114C14.6485 13.7114 15.0476 13.2873 15.0476 12.8134C15.0476 12.3145 14.6485 11.9155 14.1497 11.9155C13.6508 11.9155 13.2517 12.3145 13.2517 12.8134C13.2517 13.3123 13.6508 13.7114 14.1497 13.7114ZM20.717 18.7516C20.5942 18.8253 20.5205 18.9482 20.5451 19.1202C20.5451 19.1693 20.5451 19.2185 20.5696 19.2676C20.6679 19.6854 20.8643 20.349 20.8643 20.3736C20.8643 20.4473 20.8889 20.4964 20.8889 20.5456C20.8889 20.6685 20.7907 20.7668 20.6679 20.7668C20.6187 20.7668 20.5942 20.7422 20.5451 20.7176L19.0961 19.882C18.9978 19.8329 18.875 19.7837 18.7522 19.7837C18.6786 19.7837 18.6049 19.7837 18.5558 19.8083C17.8681 20.0049 17.1559 20.1032 16.3946 20.1032C12.7352 20.1032 9.78815 17.6456 9.78815 14.5983C9.78815 11.5509 12.7352 9.09329 16.3946 9.09329C20.0539 9.09329 23.001 11.5509 23.001 14.5983C23.001 16.2448 22.1168 17.7439 20.717 18.7516ZM16.6737 8.09757C16.581 8.09473 16.488 8.09329 16.3946 8.09329C12.2199 8.09329 8.78815 10.9536 8.78815 14.5983C8.78815 15.1519 8.86733 15.6874 9.01626 16.1975H8.92711C8.04096 16.1975 7.15481 16.0503 6.3425 15.8296C6.26866 15.805 6.19481 15.805 6.12097 15.805C5.97327 15.805 5.82558 15.8541 5.7025 15.9277L3.95482 16.9334C3.90559 16.958 3.85635 16.9825 3.80712 16.9825C3.65943 16.9825 3.53636 16.8599 3.53636 16.7127C3.53636 16.6391 3.56097 16.59 3.58559 16.5164C3.6102 16.4919 3.83174 15.6824 3.95482 15.1918C3.95482 15.1427 3.97943 15.0691 3.97943 15.0201C3.97943 14.8238 3.88097 14.6766 3.75789 14.5785C2.05944 13.3765 1.00098 11.5858 1.00098 9.59876C1.00098 5.94369 4.5702 3 8.95173 3C12.7157 3 15.8802 5.16856 16.6737 8.09757ZM11.5199 8.51604C12.0927 8.51604 12.5462 8.03871 12.5462 7.4898C12.5462 6.91701 12.0927 6.46356 11.5199 6.46356C10.9471 6.46356 10.4937 6.91701 10.4937 7.4898C10.4937 8.06258 10.9471 8.51604 11.5199 8.51604ZM6.26045 8.51604C6.83324 8.51604 7.28669 8.03871 7.28669 7.4898C7.28669 6.91701 6.83324 6.46356 6.26045 6.46356C5.68767 6.46356 5.23421 6.91701 5.23421 7.4898C5.23421 8.06258 5.68767 8.51604 6.26045 8.51604Z"></path>
                    </svg>
                    19920033344
                </div>
                <div>
                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="inline-block h-5 w-5 group-hover:invert ">
                        <path d="M3 3H21C21.5523 3 22 3.44772 22 4V20C22 20.5523 21.5523 21 21 21H3C2.44772 21 2 20.5523 2 20V4C2 3.44772 2.44772 3 3 3ZM12.0606 11.6829L5.64722 6.2377L4.35278 7.7623L12.0731 14.3171L19.6544 7.75616L18.3456 6.24384L12.0606 11.6829Z"></path>
                    </svg>
                    <span>19920033344@126.com</span>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>