https://blog.fjy8018.top/tags/element/Recent content in Element on F嘉阳Hugo -- gohugo.iozh-cnFri, 08 May 2020 14:52:07 +0800https://blog.fjy8018.top/archives/243/Thu, 07 May 2020 21:34:00 +0800https://blog.fjy8018.top/archives/243/<h2 id="背景"><a href="#%e8%83%8c%e6%99%af" class="header-anchor"></a>背景 </h2><p>随着网站、工作使用需要，对密码存储的需求越来越大，初期采用本地数据库进行存储，但不适合多地访问，一旦离开了本地电脑，就无法查询密码信息，故计划搭建个人使用的密码信息管理系统</p> <h2 id="概要"><a href="#%e6%a6%82%e8%a6%81" class="header-anchor"></a>概要 </h2><h3 id="时间线"><a href="#%e6%97%b6%e9%97%b4%e7%ba%bf" class="header-anchor"></a>时间线 </h3><ul> <li>密码管理信息系统于2018年12月立项，2019年1月9日开始第一次提交</li> <li>2019年2月7日第一个版本上线试运行</li> <li>2019年4月7日进入维护阶段，不再支持新功能</li> <li>2019年11月16日停止维护</li> </ul> <h3 id="架构"><a href="#%e6%9e%b6%e6%9e%84" class="header-anchor"></a>架构 </h3><h4 id="后端"><a href="#%e5%90%8e%e7%ab%af" class="header-anchor"></a>后端 </h4><ul> <li><code>JDK8</code></li> <li><code>SpringBoot 2.1.1.RELEASE</code></li> <li><code>Jetty</code></li> <li><code>SpringData Jpa</code></li> <li><code>MySQL 5.7</code></li> <li><code>Docker</code></li> <li><code>Kuberneties 1.14</code></li> <li><code>Redis</code></li> <li><code>Graylog</code></li> <li><code>GitLab CICD</code></li> </ul> <h4 id="前端"><a href="#%e5%89%8d%e7%ab%af" class="header-anchor"></a>前端 </h4><ul> <li><code>Vue 2.5</code></li> <li><code>element 2.4.11</code></li> <li><code>vuex 3</code></li> <li><code>vue-axios 2.1.4</code></li> <li><code>eslint 5.8.0</code></li> <li><code>nodejs</code></li> <li><code>nginx</code></li> <li><code>https</code></li> <li><code>Docker</code></li> <li><code>GitLab CICD</code></li> </ul> <h3 id="原理"><a href="#%e5%8e%9f%e7%90%86" class="header-anchor"></a>原理 </h3><ol> <li>后端存储密码数据字段和网站相关信息</li> <li>采用SQL全字段模糊查询匹配结果</li> <li>密码字段存储采用AES128结合SHA随机盐值加密存储，即使数据库被破解也无法查看对应的密码信息</li> <li>密码加密秘钥不由服务端存储，只在用户登陆时录入并临时通过AES128加密后存储在Redis中，用户登出或者登陆超时后销毁</li> </ol> <h3 id="优势"><a href="#%e4%bc%98%e5%8a%bf" class="header-anchor"></a>优势 </h3><ul> <li>单体项目，部署简单</li> <li>容器化部署，迁移便利</li> <li>Kuberneties云平台部署，支持灰度发布</li> <li>无状态后端服务，支持集群化部署</li> </ul> <h3 id="安全审计"><a href="#%e5%ae%89%e5%85%a8%e5%ae%a1%e8%ae%a1" class="header-anchor"></a>安全审计 </h3><p>支持简单的安全审计</p> <ul> <li>登陆日志记录</li> <li>登陆归属地记录</li> </ul> <h3 id="安全问题"><a href="#%e5%ae%89%e5%85%a8%e9%97%ae%e9%a2%98" class="header-anchor"></a>安全问题 </h3><ul> <li>通过实现的Spring拦截器进行登陆拦截，安全性不高</li> <li>没有采用session会话方式，故多地登陆账号且加密秘钥未过期则不需要再次录入</li> <li>支持所有跨域行为，没有对客户端进行识别</li> </ul> <h3 id="其他问题"><a href="#%e5%85%b6%e4%bb%96%e9%97%ae%e9%a2%98" class="header-anchor"></a>其他问题 </h3><ul> <li>独立用户控制，扩展性不高</li> <li>没有基于RBAC模型的权限控制</li> <li>没有管理后台</li> <li>单模块、单体项目，不利于扩展</li> </ul> <h2 id="界面演示"><a href="#%e7%95%8c%e9%9d%a2%e6%bc%94%e7%a4%ba" class="header-anchor"></a>界面演示 </h2><p>登陆页</p> <p><img alt="image-20200506161528778" class="gallery-image" data-flex-basis="491px" data-flex-grow="204" height="937" loading="lazy" sizes="(max-width: 767px) calc(100vw - 30px), (max-width: 1023px) 700px, (max-width: 1279px) 950px, 1232px" src="https://gitea.fjy8018.top/fjy8018/images/raw/branch/blog/img/image-20200506161528778.png" width="1920"></p> <p>若用户不存在则自动新增</p> <p><img alt="image-20200506161607742" class="gallery-image" data-flex-basis="1581px" data-flex-grow="658" height="289" loading="lazy" sizes="(max-width: 767px) calc(100vw - 30px), (max-width: 1023px) 700px, (max-width: 1279px) 950px, 1232px" src="https://gitea.fjy8018.top/fjy8018/images/raw/branch/blog/img/image-20200506161607742.png" width="1904"></p> <p>录入加密秘钥</p> <p><img alt="image-20200506161628599" class="gallery-image" data-flex-basis="3349px" data-flex-grow="1395" height="135" loading="lazy" sizes="(max-width: 767px) calc(100vw - 30px), (max-width: 1023px) 700px, (max-width: 1279px) 950px, 1232px" src="https://gitea.fjy8018.top/fjy8018/images/raw/branch/blog/img/image-20200506161628599.png" width="1884"></p> <p>主页</p> <p><img alt="image-20200506161724845" class="gallery-image" data-flex-basis="546px" data-flex-grow="227" height="818" loading="lazy" sizes="(max-width: 767px) calc(100vw - 30px), (max-width: 1023px) 700px, (max-width: 1279px) 950px, 1232px" src="https://gitea.fjy8018.top/fjy8018/images/raw/branch/blog/img/image-20200506161724845.png" width="1864"></p> <p>信息录入</p> <p><img alt="image-20200506161803334" class="gallery-image" data-flex-basis="523px" data-flex-grow="217" height="881" loading="lazy" sizes="(max-width: 767px) calc(100vw - 30px), (max-width: 1023px) 700px, (max-width: 1279px) 950px, 1232px" src="https://gitea.fjy8018.top/fjy8018/images/raw/branch/blog/img/image-20200506161803334.png" width="1920"></p> <p><img alt="image-20200506161813699" class="gallery-image" data-flex-basis="3544px" data-flex-grow="1476" height="130" loading="lazy" sizes="(max-width: 767px) calc(100vw - 30px), (max-width: 1023px) 700px, (max-width: 1279px) 950px, 1232px" src="https://gitea.fjy8018.top/fjy8018/images/raw/branch/blog/img/image-20200506161813699.png" width="1920"></p> <p>支持全字段模糊检索</p> <p><img alt="image-20200506161844739" class="gallery-image" data-flex-basis="707px" data-flex-grow="294" height="469" loading="lazy" sizes="(max-width: 767px) calc(100vw - 30px), (max-width: 1023px) 700px, (max-width: 1279px) 950px, 1232px" src="https://gitea.fjy8018.top/fjy8018/images/raw/branch/blog/img/image-20200506161844739.png" width="1383"></p> <p>支持Excel模板信息导入</p> <p><img alt="image-20200506161917039" class="gallery-image" data-flex-basis="598px" data-flex-grow="249" height="770" loading="lazy" sizes="(max-width: 767px) calc(100vw - 30px), (max-width: 1023px) 700px, (max-width: 1279px) 950px, 1232px" src="https://gitea.fjy8018.top/fjy8018/images/raw/branch/blog/img/image-20200506161917039.png" width="1920"></p> <p>登出</p> <p><img alt="image-20200506162827488" class="gallery-image" data-flex-basis="1581px" data-flex-grow="658" height="289" loading="lazy" sizes="(max-width: 767px) calc(100vw - 30px), (max-width: 1023px) 700px, (max-width: 1279px) 950px, 1232px" src="https://gitea.fjy8018.top/fjy8018/images/raw/branch/blog/img/image-20200506162827488.png" width="1904"></p> <h2 id="效果"><a href="#%e6%95%88%e6%9e%9c" class="header-anchor"></a>效果 </h2><ul> <li>系统稳定运行一年，符合系统初期设计目的</li> <li>同时兼容移动端渲染</li> </ul>