kawinth
/
index.html

<!doctype html>
<!--[if lt IE 7]>
<html class="no-js lt-ie9 lt-ie8 lt-ie7" lang=""> <![endif]-->
<!--[if IE 7]>
<html class="no-js lt-ie9 lt-ie8" lang=""> <![endif]-->
<!--[if IE 8]>
<html class="no-js lt-ie9" lang=""> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js" lang=""> <!--<![endif]-->
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <title>盛开维</title>
  <meta name="description" content="">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" href="img/title.ico">

  <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"
        integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">

  <!-- 可选的 Bootstrap 主题文件（一般不用引入） -->
  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap-theme.min.css"
        integrity="sha384-6pzBo3FDv/PJ8r2KRkGHifhEocL+1X2rVCTTkUfGk7/0pbek5mMa1upzvWbrUbOZ" crossorigin="anonymous">
  <link rel="stylesheet" href="css/templatemo-style.css">
  <!--Modernizr 是一个 JavaScript 库，用于检测用户浏览器的 HTML5 与 CSS3 特性。-->
  <script src="https://cdn.bootcdn.net/ajax/libs/modernizr/2.8.3/modernizr.min.js"></script>
  <!-- antV -->
  <script type="text/javascript" src="https://unpkg.com/@antv/g2plot@latest/dist/g2plot.min.js"></script>
  <!-- swiper -->
  <link href="https://cdn.bootcdn.net/ajax/libs/Swiper/6.7.0/swiper-bundle.min.css" rel="stylesheet">
</head>
<body>
<!--[if lt IE 8]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade
  your browser</a> to improve your experience.</p>
<![endif]-->
<nav class="nav">
  <div class="burger">
    <div class="burger__patty"></div>
  </div>

  <ul class="nav__list">
    <li class="nav__item">
      <a href="#1" class="nav__link c-blue" id="a1"><img src="img/my-info-icon.png" alt=""></a>
    </li>
    <li class="nav__item">
      <a href="#2" class="nav__link c-yellow scrolly" id="a2"><img src="img/technology-icon.png" alt=""></a>
    </li>
    <li class="nav__item">
      <a href="#3" class="nav__link c-red" id="a3"><img src="img/projects-icon.png" alt=""></a>
    </li>
    <li class="nav__item">
      <a href="#4" class="nav__link c-green" id="a4"><img src="img/find-me-icon.png" alt=""></a>
    </li>
  </ul>
</nav>

<section class="panel b-blue" id="1">
  <article class="panel__wrapper">
    <div class="panel__content">
      <div class="container">
        <div class="row">
          <div class="col-md-8 col-md-offset-2">
            <div class="home-content">
              <div class="home-heading">
                <h1><em>盛开维</em> To be a better man</h1>
              </div>
              <div class="row">
                <div class="col-md-12">
                  <div class="home-box-content">

                    <div class="right-image">
                      <img src="img/skw.png" alt="">
                    </div>
                    <div class="left-text">
                      <h4>基本信息</h4>
                      <p>
                        <em style="color: #2aabd2">手机/微信:</em> 1915565968<br>
                        <em style="color: #2aabd2">邮箱:</em> 511772928@qq.com<br>
                        <em style="color: #2aabd2">年龄:</em> 26岁<br>
                        <em style="color: #2aabd2">现居地:</em> 合肥&nbsp;&nbsp;
                        <em style="color: #2aabd2">期待工作地:</em> 合肥/南京/杭州/北京<br>
                      </p>
                      <div class="primary-button">
                        <a href="#2">Discover More</a>
                      </div>
                    </div>

                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </article>
</section>
<section class="panel b-yellow" id="2">
  <article class="panel__wrapper">
    <div class="panel__content">
      <div class="container">
        <div class="row">
          <div class="col-md-8 col-md-offset-2">
            <div class="about-content">
              <div class="heading">
                <h4>技术栈</h4>
              </div>
              <div id="antv-container"></div>
              <div class="self-evaluation">
                <p style="color: white;text-align: left;">
                  &nbsp;&nbsp;&nbsp;&nbsp;本人热爱程序开发，有一定的英文文档阅读能力，并愿意积极尝试新技术，如果新技术能适用的自己的项目，会尝试重构代码。
                  <br>
                  &nbsp;&nbsp;&nbsp;&nbsp;此外本人比较喜欢运动，会经常和小伙伴们去打球游泳，所以与同学同事总能相处融洽，能够很好地融入工作氛围。且本人具备团队合作意识，
                  能虚心接受批评。
                </p>
                <div style="text-align: center">
                  <div class="primary-button">
                    <a href="#3">Discover More</a>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </article>
</section>
<section class="panel b-red" id="3">

  <article class="panel__wrapper">
    <div class="panel__content">
      <div id="shouDiv">
        <div class="circle"></div>
        <div class="finger"></div>
      </div>
      <div class="container">
        <div class="row">
          <div class="col-md-8 col-md-offset-2">
            <div class="projects-content">
              <div class="heading">
                <h4>项目经历</h4>
              </div>
              <div class="row">
                <div class="col-md-12">
                  <div class="owl-carousel owl-theme projects-container">
                    <div>
                      <div class="project-item">
                        <a href="img/hs.png" data-lightbox="image-1" data-title="
						<span style='color:#2aabd2'>项目名：</span>
								黄山风景区水务综合管理系统<br>
						<span style='color:#2aabd2'>项目周期：</span>
								2020.04-2021.10<br>
						<span style='color:#2aabd2'>项目背景：</span>
								 受黄山旅游集团水电开发公司委托，基于原SCADA系统采集的生产数据，设计并实现一套B端、移动端与大屏三端协同的水务系统。
								功能包括实时监测制水生产、动态设备管理、远程视频监控、历史数据分析、水库库容量预测、管网GIS、数据报警、远程抄表等功能。<br>
						<span style='color:#2aabd2'>本人职能：</span>
								 项目开发主要负责人，包括与客户直接沟通整理需求并撰写文档，设计网页端ui，部署项目到服务器，设计系统功能与数据库，
								 独立完成系统后台的研发（用户及权限管理、设备管理、历史数据、调用python编写的算法模型、
								 调用海康威视综合安防管理平台接口完成视频取流、调用某公司远程抄表系统、利用多线程实现数据异常报警），部分前端页面的开发。<br>
						<span style='color:#2aabd2'>所用工具及技术：</span>
								 Adobe XD、Visio2019、mysql8.0、SqlServer2008、Git等。<br>
								SpringBoot、SpringSecurity、Maven、Mybatis、Nginx、Swagger、Lombok、druid等。"><img src="img/hs.png" alt=""></a>
                        <div class="text-content">
                          <h4 style="text-align: center">黄山风景区<br>水务综合管理系统</h4>
                          <p>
                            <span style="color: #2aabd2">项目背景：</span>
                            受黄山旅游集团水电开发公司委托，基于原SCADA系统采集的生产数据，设计并实现一套B端、移动端与大屏三端协同的水务系统。
                            功能包括实时监测制水生产、动态设备管理、远程视频监控、历史数据分析、水库库容量预测、GIS、数据报警、远程抄表等功能。
                          </p>
                          <div class="primary-button">
                            <a href="img/hs.png" data-lightbox="image-2"
                               data-title="<span style='color:#2aabd2'>项目名：</span>
								黄山风景区水务综合管理系统<br><span style='color:#2aabd2'>项目周期：</span>
								2020.04-2021.10<br>
								<span style='color:#2aabd2'>本人职能：</span>
								 项目开发主要负责人，包括与客户直接沟通整理需求并撰写文档，设计网页端ui，部署项目到服务器，设计系统功能与数据库，
								 独立完成系统后台的研发（用户及权限管理、设备管理、历史数据、调用python编写的算法模型、
								 调用海康威视综合安防管理平台接口完成视频取流、调用某公司远程抄表系统、利用多线程实现数据异常报警），部分前端页面的开发。<br>
								 <span style='color:#2aabd2'>所用工具及技术：</span>
								 Adobe XD、Visio2019、mysql8.0、SqlServer2008、Git等。<br>
								SpringBoot、SpringSecurity、Maven、Mybatis、Nginx、Swagger、Lombok、druid等。
							">详细介绍</a>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div>
                      <div class="project-item">
                        <a href="img/nd.png" data-lightbox="image-1" data-title=
                                "<span style='color:#2aabd2'>项目名：</span>
								智慧脑电波检测系统<br><span style='color:#2aabd2'>项目周期：</span>
								2019.12-2020.12<br>
								<span style='color:#2aabd2'>项目背景：</span>
								 受某研究所委托，基于研究所的AI算法模块设计并实现智慧脑电波检测辅助系统。<br>
						<span style='color:#2aabd2'>本人职能：</span>
								 设计数据库表结构并实现后端预约检查功能，基于Commons-IO实现获取脑电设备实时检查的数据，实现前端调用脑电设备摄像头视频。<br>
						<span style='color:#2aabd2'>所用工具及技术：</span>
								 SpringBoot、Vue+ElementUI、mysql8.0、Git等。<br>
								Maven、Mybatis、Swagger、Lombok等。"><img src="img/nd.png" alt=""></a>
                        <div class="text-content">
                          <h4 style="text-align: center">智慧脑电波检测系统</h4>
                          <p><span style="color: #2aabd2">项目背景：</span>
                            受某研究所委托，基于研究所的AI算法模块设计并实现智慧脑电波检测辅助系统。
                          </p>
                          <div class="primary-button">
                            <a href="img/nd.png" data-lightbox="image-2" data-title="<span style='color:#2aabd2'>项目名：</span>
								智慧脑电波检测系统<br>
								<span style='color:#2aabd2'>项目周期：</span>
								2019.12-2020.12<br>
						<span style='color:#2aabd2'>本人职能：</span>
								 设计数据库表结构并实现后端预约检查功能，基于Commons-IO实现获取脑电设备实时检查的数据，实现前端调用脑电设备摄像头视频。<br>
						<span style='color:#2aabd2'>所用工具及技术：</span>
								 SpringBoot、Vue+ElementUI、mysql8.0、Git等。<br>
								Maven、Mybatis、Swagger、Lombok等。">详细介绍</a>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div>
                      <div class="project-item">
                        <a href="img/xa.png" data-lightbox="image-1" data-title=
                                "<span style='color:#2aabd2'>项目名：</span>
								时间序列数据特征分析与可视化系统<br><span style='color:#2aabd2'>项目周期：</span>
								2019.06-2019.10<br>
								<span style='color:#2aabd2'>项目背景：</span>
								 受某研究所委托，于部队驻地开发此涉密项目。<br>
						<span style='color:#2aabd2'>本人职能：</span>
								 本人主要负责前端部分的研发，由于业务涉密，仅仅少部分举例，瀑布流显示图片多弹窗展现某数据折线图、与照片交互并测距等等。<br>
						<span style='color:#2aabd2'>所用工具及技术：</span>
								 Git、VsCode、Vue、VueRouter、Vuex、Vuecli、elementUi、layerui、jquery、echarts。<br>
								"><img src="img/xa.png" alt=""></a>
                        <div class="text-content">
                          <h4 style="text-align: center">时间序列数据特征分析与可视化系统</h4>
                          <p><span style="color: #2aabd2">项目背景：</span>
                            受某研究所委托，于部队驻地开发此涉密项目。
                          </p>
                          <div class="primary-button">
                            <a href="img/xa.png" data-lightbox="image-2" data-title="
									<span style='color:#2aabd2'>项目名：</span>
								时间序列数据特征分析与可视化系统<br>
								<span style='color:#2aabd2'>项目周期：</span>
								2019.06-2019.10<br>
						<span style='color:#2aabd2'>本人职能：</span>
								 本人主要负责前端部分的研发，由于业务涉密，仅仅少部分举例，瀑布流显示图片多弹窗展现某数据折线图、与照片交互并测距等等。<br>
						<span style='color:#2aabd2'>所用工具及技术：</span>
								 SGit、VsCode、Vue、VueRouter、Vuex、Vuecli、elementUi、layerui、jquery、echarts。<br>">详细介绍</a>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div>
                      <div class="project-item">
                        <a href="img/xld.png" data-lightbox="image-1" data-title=
                                "
												<span style='color:#2aabd2'>项目名：</span>
								基于小雷达的泊船告警APP<br><span style='color:#2aabd2'>项目周期：</span>
								2019.10-2019.11<br>
								<span style='color:#2aabd2'>项目背景：</span>
								 基于某研究所的小雷达，实现监控船泊的运行航迹，速度，靠岸时根据距离发出不同报警。<br>
						<span style='color:#2aabd2'>本人职能：</span>
								 开发移动客户端（展示天气预报、绘制船泊实时轨迹、雷达探测范围、船泊实时运行信息、切换跟踪目标、绘制速度与离岸距离折线图等）、
								 搭建简单Django后台服务并调用所里师傅读取小雷达数据python程序、将整个系统部署到内网服务器、撰写开发文档。<br>
						<span style='color:#2aabd2'>所用工具及技术：</span>
								 Vue全家桶、mui、高度地图api、echarts、中国天气api、Django、Nginx。<br>
								"><img src="img/xld.png" alt=""></a>
                        <div class="text-content">
                          <h4 style="text-align: center">基于小雷达的泊船告警APP</h4>
                          <p><span style="color: #2aabd2">项目背景：</span>
                            基于某研究所的小雷达，实现监控船泊的运行航迹，速度，靠岸时根据距离发出不同报警。
                          </p>
                          <div class="primary-button">
                            <a href="img/xld.png" data-lightbox="image-2" data-title="
										<span style='color:#2aabd2'>项目名：</span>
								基于小雷达的泊船告警APP<br>
								<span style='color:#2aabd2'>项目周期：</span>
								2019.06-2019.11<br>
						<span style='color:#2aabd2'>本人职能：</span>
								 开发移动客户端（展示天气预报、绘制船泊实时轨迹、雷达探测范围、船泊实时运行信息、切换跟踪目标、绘制速度与离岸距离折线图等）、
								 搭建简单Django后台服务并调用所里师傅读取小雷达数据python程序、将整个系统部署到内网服务器、撰写开发文档。<br>
						<span style='color:#2aabd2'>所用工具及技术：</span>
								 Vue全家桶、mui、高度地图api、echarts、中国天气api、Django、Nginx。<br>">详细介绍</a>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </article>
</section>
<section class="panel b-green" id="4">
  <article class="panel__wrapper">
    <div class="panel__content">
      <div class="container">
        <div class="row">
          <div class="col-md-8 col-md-offset-2">
            <div class="contact-content">
              <div class="heading">
                <h4>End</h4>
              </div>

              <div class="contact-form">
                <div id="box1"></div>
              </div>
              <div class="row">
                <div class="col-md-3"></div>
                <div class="col-md-6" style="text-align: center">
                  <div class="row">
                    <div class="col-md-4">
                      <a href="https://gitee.com/kevin_sheng">
                        <img src="img/gitee.png"/>
                      </a>
                    </div>
                    <div class="col-md-4">
                      <a href="https://github.com/Kawinth">
                        <img src="img/github.png"/>
                      </a>
                    </div>
                    <div class="col-md-4">
                      <a href="https://blog.csdn.net/skw8023">
                        <img src="img/csdn.png"/>
                      </a>
                    </div>
                  </div>

                </div>
                <div class="col-md-3"></div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </article>
</section>


<script src="js/vendor/jquery-1.11.2.min.js"></script>
<script src="js/vendor/bootstrap.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/Swiper/6.7.0/swiper-bundle.min.js"></script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
<script src="js/my.js"></script>

</body>
</html>