575 lines
35 KiB
HTML
575 lines
35 KiB
HTML
<!DOCTYPE HTML>
|
||
<html>
|
||
|
||
<head>
|
||
<title>邓洁个人简历</title>
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
|
||
<script type="application/x-javascript">
|
||
addEventListener("load", function () {
|
||
setTimeout(hideURLbar, 0);
|
||
}, false);
|
||
|
||
function hideURLbar() {
|
||
window.scrollTo(0, 1);
|
||
}
|
||
</script>
|
||
<script>
|
||
var _hmt = _hmt || [];
|
||
(function () {
|
||
var hm = document.createElement("script");
|
||
hm.src = "https://hm.baidu.com/hm.js?ace8cee1de79419e0f6fbee59c4b2b9f";
|
||
var s = document.getElementsByTagName("script")[0];
|
||
s.parentNode.insertBefore(hm, s);
|
||
})();
|
||
</script>
|
||
<link href="https://cdn.bootcss.com/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet">
|
||
<link href="css/style.css" rel='stylesheet' type='text/css'/>
|
||
<link rel="icon" href="./images/favicon.ico" type="image/x-icon">
|
||
<link href='//fonts.googleapis.com/css?family=Ubuntu:300,400,500,700' rel='stylesheet' type='text/css'>
|
||
<link href='//fonts.googleapis.com/css?family=Varela+Round' rel='stylesheet' type='text/css'>
|
||
<!-- start menu -->
|
||
</head>
|
||
|
||
<body>
|
||
<!-- header -->
|
||
<div style="display: flex;">
|
||
<div class="sidebar">
|
||
<div class="sidebar_top">
|
||
<h1>邓洁</h1>
|
||
<img src="images/head.png" alt=""/>
|
||
</div>
|
||
<div class="details">
|
||
<h3>手机</h3>
|
||
<h2><p>132 8125 9620</p></h2>
|
||
<h3>邮箱</h3>
|
||
<h2><p><a href="mailto:odjemail@163.com"> odjemail@163.com</a></p></h2>
|
||
</div>
|
||
<div class="clearfix"></div>
|
||
</div>
|
||
<div class="main">
|
||
<div class="content">
|
||
<div style="width:200px;height: 100%">
|
||
|
||
</div>
|
||
<div class="details_header">
|
||
<ul>
|
||
<li><a href="https://blog.odjbinail.cn"><span class="glyphicon glyphicon-tasks "
|
||
aria-hidden="true"></span>Blog</a>
|
||
</li>
|
||
<!-- <li><a href="javascript:window.print();"><span class="glyphicon glyphicon-print"-->
|
||
<!-- aria-hidden="true"></span>Print-->
|
||
<!-- CV</a></li>-->
|
||
<li><a href="mailto:odjemail@163.com"><span class="glyphicon glyphicon-envelope"
|
||
aria-hidden="true"></span>Email
|
||
me</a></li>
|
||
</ul>
|
||
</div>
|
||
<div class="item">
|
||
<h3 class="clr clr1">个人信息</h3>
|
||
<div class="item_detail">
|
||
<ul class="person_info">
|
||
<li>姓名：邓洁</li>
|
||
<li>年龄：24</li>
|
||
<li>民族：汉</li>
|
||
<li>学历：本科</li>
|
||
<li>英语：CET-4</li>
|
||
<li>手机：13281259620</li>
|
||
<li>邮箱：<a href="mailto:odjemail@163.com">odjemail@163.com</a></li>
|
||
<li>个人博客：<a href="https://blog.odjbinail.cn">https://blog.odjbinail.cn</a></li>
|
||
</ul>
|
||
<div class="clearfix"></div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="item">
|
||
<h3 class="clr clr5">教育背景</h3>
|
||
<div class="item_detail">
|
||
<div class="teach"><h5>2020.09-2024.06</h5> <h5>四川工商学院</h5><h5>计算机科学与技术（本科）</h5>
|
||
</div>
|
||
<p>在校期间自学前端技术，将所学知识运行到实际场景中，并收录在个人博客中，现已发布40+篇文
|
||
章；多次参与校外企业组织的商业项目，同时参与开源项目缘境系统的开发并投入到商业项目中实际生
|
||
产应用。 </p>
|
||
</div>
|
||
</div>
|
||
<div class="item">
|
||
<h3 class="clr clr2">工作经历</h3>
|
||
<div class="item_detail">
|
||
<h4>成都数字家园科技有限公司<span>2023.07 - 2023.12</span></h4>
|
||
<h6>前端开发实习</h6>
|
||
<p>1.参与多个智慧大屏项目和文物全景管理系统的前端开发；</p>
|
||
<p>2.基于Vue3与Echarts实现数据可视化及动态交互，优化组件复用性与渲染性能；</p>
|
||
<p>3.二次封装Element Plus通用组件，构建动态表单、通用表格等高复用组件体系。</p>
|
||
</div>
|
||
|
||
<div class="item_detail">
|
||
<h4>成都康儿丝网络科技有限公司<span>2024.09 - 至今</span></h4>
|
||
<h6>前端开发工程师</h6>
|
||
<p>1.独立完成ERP系统的前端开发，抽离通用逻辑并封装为可配置组件；采用模块化设计，划分订
|
||
单管理、仓库管理、结算管理等独立模块，提升系统可维护性与扩展性； </p>
|
||
<p>2.参与地理经济可视化监控平台开发，基于Vue3 + Ant Design Vue + Echarts+ Mars2D构建地
|
||
图+图表联动的数据可视化系统，支持GDP增速、社零额增速、经济预期等关键指标的动态展示与区域
|
||
下钻，显著提升多维经济数据的空间表达能力与交互直观性。</p>
|
||
<p>3.自研workflow 编辑器、Echarts编辑器与动态表单编辑器,支持可视化配置与动态渲染；</p>
|
||
<p>4.参与垃圾回收App与垃圾投递小程序等项目开发，负责核心功能实现及代码质量保障，持续推
|
||
进项目的性能优化、交互改进，增强系统稳定性与用户体验。</p>
|
||
</div>
|
||
</div>
|
||
<div class="item">
|
||
<h3 class="clr clr3">专业技能</h3>
|
||
<div class="item_detail">
|
||
<div class="skill">
|
||
<ul>
|
||
<li>掌握DIV+CSS 布局、PC 端的响应式布局和弹性盒布局；
|
||
</li>
|
||
<li>掌握HTML、CSS、JavaScript(ES6)和 TypeScript，编写语义化、结构清晰的代码；</li>
|
||
<li>掌握Vue2/vue3 基本语法、生命周期、组件传参等，具备多次Vue2/vue3项目开发经验；
|
||
</li>
|
||
<li>掌握uni-app 跨端开发体系，具备重构小程序及熟悉上线流程的实战经验；</li>
|
||
<li>掌握使用Mars2D平台进行地理信息可视化开发；
|
||
</li>
|
||
<li>掌握组件设计模式与可复用组件封装能力，包括Tinymce编辑器、图标组件(集成SVG和ElementPlus
|
||
图标库)、表格导出等多个组件化封装；
|
||
</li>
|
||
<li>自研设计可视化配置平台，包括workflow编辑器、Echarts编辑器、动态表单编辑器；负责其设计、
|
||
组件封装、核心逻辑开发与打包上线流程；现已接入多个后台系统并用于实际业务场景；</li>
|
||
<li>掌握Vite，根据项目需求配置和优化构建流程，提高开发效率；
|
||
</li>
|
||
<li>掌握前端性能优化，包括懒加载、文件分片上传等；</li>
|
||
<li>使用WebSocket 构建实时隧道大屏平台，支持海量数据动态回显与图表联动；</li>
|
||
<li>掌握 ECharts图表库，在多个大屏可视化项目中，负责图表组件的封装与配置平台的搭建，支持图
|
||
表属性的可视化编辑与在线预览；</li>
|
||
<li>掌握Git，RESTful API，使用 Axios高效处理异步请求和实时数据交互；</li>
|
||
<li>使用npm、yarn、pnpm 管理依赖，优化开发流程；
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="item">
|
||
<h3 class="clr clr4">项目经历</h3>
|
||
<div class="item_detail">
|
||
<h5>缘境系统(FateVerse)--开源项目</h5>
|
||
<dl class="project">
|
||
<dt>开发时间</dt>
|
||
<dd>2023.05 – 至今</dd>
|
||
<dt>项目描述</dt>
|
||
<dd>
|
||
<p>FateVerse是一套以权限管理、自定义工作流为核心，多数据源代码生成，多数据源自定
|
||
义查询（服务主要分为数据源、数据适配器、数据编辑器、数据展示四个层级，让用户使用系统服务就
|
||
可以快速构建查询列表，echarts图表等页面。）等多种模块为辅的高并发快速开发基础系统；现已投
|
||
入到多个大型项目中实际生产应用。
|
||
</p>
|
||
</dd>
|
||
<dt>责任描述</dt>
|
||
<dd>1.完成自定义查询模块、用户模块和消息通知模块等多个页面的开发与接口对接；</dd>
|
||
<dd>2.完成基于Vue2和G6的自定义快速查询ER图编辑器的开发与升级（Vue3）；</dd>
|
||
<dd>3.自定义workflow编辑器、Echarts编辑器和动态表单编辑器，支持节点动态调整；</dd>
|
||
<dd>4.二次封装ElementPlus组件，并封装Tinymce编辑器、表格导出、图标组件(集成SVG和Element
|
||
Plus 图标库)等多个组件；</dd>
|
||
<dd>5.使用 vue-codemirror 插件实现代码编辑器，并用于自定义sql查询配置；</dd>
|
||
<dt>开发环境</dt>
|
||
<dd>
|
||
<span class="label label-default">WebStorm</span>
|
||
<span class="label label-default">Nodejs</span>
|
||
<span class="label label-default">蓝湖</span>
|
||
<span class="label label-default">Swagger 文档</span>
|
||
<span class="label label-default">GIT</span>
|
||
</dd>
|
||
<div class="clearfix"></div>
|
||
<dt>技术架构</dt>
|
||
<dd>
|
||
<span class="label label-default">Vue3</span>
|
||
<span class="label label-default">Element Plus</span>
|
||
<span class="label label-default">Vite</span>
|
||
<span class="label label-default">Pinia</span>
|
||
<span class="label label-default">Axios</span>
|
||
<span class="label label-default">Vue Router</span>
|
||
<span class="label label-default">Echarts</span>
|
||
<span class="label label-default">Antv G6</span>
|
||
<span class="label label-default">tinymce</span>
|
||
<span class="label label-default">vue-codemirror</span>
|
||
<span class="label label-default">vuedraggable</span>
|
||
</dd>
|
||
|
||
<dt>开源链接</dt>
|
||
<dd>Demo：<a href="http://fateverse-vue.frp.feashow.cn">http://fateverse-vue.frp.feashow.cn</a>
|
||
</dd>
|
||
<dd>Gitee 前端：<a href="https://gitee.com/fateverse/fateverse-vue">https://gitee.com/fateverse/fateverse-vue</a>
|
||
</dd>
|
||
|
||
<dd>Gitee 后端：<a href="https://gitee.com/fateverse/fateverse-vue">https://gitee.com/fateverse/fateverse</a>
|
||
</dd>
|
||
<div class="clearfix"></div>
|
||
</dl>
|
||
<div class="clearfix"></div>
|
||
</div>
|
||
|
||
|
||
<div class="item_detail">
|
||
<h5>地理经济可视化监控平台</h5>
|
||
<dl class="project">
|
||
<dt>开发时间</dt>
|
||
<dd>2025.02 - 2025.05</dd>
|
||
<dt>项目描述</dt>
|
||
<dd>
|
||
<p>
|
||
该平台是面向某区的网格化管理与经济运行一体化监控平台，旨在通过数字化手段提升区
|
||
域财政管理、经济运行分析与资源配置的智能化水平。平台集成税务流出、财源流动、市场主体动态、
|
||
收入完成情况等关键功能模块。地图可视化区域则是主要用于直观反映各街道在经济运行过程中的活跃
|
||
度和重点资源分布情况。
|
||
</p>
|
||
</dd>
|
||
<dt>责任描述</dt>
|
||
<dd>
|
||
1.完成区域财源流动、市场主体动态等多个模块的组件化开发；
|
||
</dd>
|
||
<dd>2.基于TDesign 参与完成地理经济可视化监控平台的移动端页面开发；</dd>
|
||
<dd>3.基于Mars2D参与地图可视化开发，直观反映各街道、重点企业、房产和楼宇园区的布局情况
|
||
及基本信息展示；</dd>
|
||
|
||
<dt>开发环境</dt>
|
||
<dd>
|
||
<span class="label label-default">WebStorm</span>
|
||
<span class="label label-default">GIT</span>
|
||
<span class="label label-default">Mastergo</span>
|
||
<span class="label label-default">Apifox</span>
|
||
</dd>
|
||
<div class="clearfix"></div>
|
||
<dt>技术架构</dt>
|
||
<dd>
|
||
<span class="label label-default">Vue3</span>
|
||
<span class="label label-default">TypeScript</span>
|
||
<span class="label label-default">Ant Design Vue</span>
|
||
<span class="label label-default">TDesign</span>
|
||
<span class="label label-default">Vite</span>
|
||
<span class="label label-default">Pinia</span>
|
||
<span class="label label-default">Echarts</span>
|
||
</dd>
|
||
<div class="clearfix"></div>
|
||
</dl>
|
||
<div class="clearfix"></div>
|
||
</div>
|
||
|
||
<div class="item_detail">
|
||
<h5>水果ERP系统</h5>
|
||
<dl class="project">
|
||
<dt>开发时间</dt>
|
||
<dd>2024.09 - 至今</dd>
|
||
<dt>项目描述</dt>
|
||
<dd>
|
||
<p>
|
||
该系统分为三部分：基础平台、开发运营系统和业务系统。旨在开发一个高效的平台，通
|
||
过优化资源分配和库存管理来提升水果供应链效率。基础平台主要是管理平台用户的账号、角色、权限
|
||
分配。开发运营系统主要是供开发者使用，管理菜单、字典等系统级功能。业务系统主要用于管理商品
|
||
的基础数据、订单、库存、结算和报表等模块。
|
||
</p>
|
||
</dd>
|
||
<dt>责任描述</dt>
|
||
<dd>
|
||
1.担任前端负责人，独立完成ERP系统的前端开发，抽离通用逻辑并封装为可配置组件；
|
||
</dd>
|
||
<dd>2.采用模块化设计，划分订单管理、仓库管理、结算管理等模块，提升系统可维护性与扩展性；</dd>
|
||
<dd>3.基于Vben Admin封装多个业务组件（表单选择弹窗组件、日历事件组件），提升开发效率；</dd>
|
||
|
||
<dt>开发环境</dt>
|
||
<dd>
|
||
<span class="label label-default">WebStorm</span>
|
||
<span class="label label-default">GIT</span>
|
||
<span class="label label-default">Axure</span>
|
||
</dd>
|
||
<div class="clearfix"></div>
|
||
<dt>技术架构</dt>
|
||
<dd>
|
||
<span class="label label-default">Vue3</span>
|
||
<span class="label label-default">TypeScript</span>
|
||
<span class="label label-default">Element Plus</span>
|
||
<span class="label label-default">Ant Design Vue</span>
|
||
<span class="label label-default">Vite</span>
|
||
<span class="label label-default">Pinia</span>
|
||
<span class="label label-default">Echarts</span>
|
||
</dd>
|
||
<div class="clearfix"></div>
|
||
</dl>
|
||
<div class="clearfix"></div>
|
||
</div>
|
||
|
||
<div class="item_detail">
|
||
<h5>科研项目管理平台</h5>
|
||
<dl class="project">
|
||
<dt>开发时间</dt>
|
||
<dd>2024.01 - 2024.08</dd>
|
||
<dt>项目描述</dt>
|
||
<dd>
|
||
<p>
|
||
本项目旨在实现科研项目全生命周期的数字化管理。平台覆盖科研项目需求征集、项目立
|
||
项、项目验收、项目资金管理、文档归档等环节；以项目生命周期为主流程，每个环节使用Flowable 工
|
||
作流引擎构建子流程驱动项目流程，确保各环节高效流转。平台集成自定义BPMN流程编辑器，支持项
|
||
目审批流程的灵活设计与优化。
|
||
</p>
|
||
</dd>
|
||
<dt>责任描述</dt>
|
||
<dd>
|
||
1.负责需求征集、项目立项/验收/归档、专项资金、费用管理等多个页面的开发及接口对接；
|
||
</dd>
|
||
<dd>
|
||
2.自定义workflow编辑器和动态表单编辑器，支持节点动态调整与审批人分配，优化流程，缩
|
||
短审批时间；
|
||
</dd>
|
||
<dd>
|
||
3.封装Tinymce富文本编辑器、文件预览和表格导出等组件，减少重复代码开发，提高开发效率；
|
||
</dd>
|
||
<dd>
|
||
4.二次封装Element Plus组件，降低代码冗余程度，提高维护效率。
|
||
</dd>
|
||
<dt>开发环境</dt>
|
||
<dd>
|
||
<span class="label label-default">WebStorm</span>
|
||
<span class="label label-default">Nodejs</span>
|
||
<span class="label label-default">Mastergo</span>
|
||
<span class="label label-default">Swagger 文档</span>
|
||
<span class="label label-default">GIT</span>
|
||
</dd>
|
||
<div class="clearfix"></div>
|
||
<dt>技术架构</dt>
|
||
<dd>
|
||
<span class="label label-default">Vue3</span>
|
||
<span class="label label-default">Element Plus</span>
|
||
<span class="label label-default">Vite</span>
|
||
<span class="label label-default">Pinia</span>
|
||
<span class="label label-default">Axios</span>
|
||
<span class="label label-default">Vue Router</span>
|
||
<span class="label label-default">tinymce</span>
|
||
</dd>
|
||
<div class="clearfix"></div>
|
||
</dl>
|
||
<div class="clearfix"></div>
|
||
</div>
|
||
<div class="item_detail">
|
||
<h5>地下复杂洞群智能通风控制系统</h5>
|
||
<dl class="project">
|
||
<dt>开发时间</dt>
|
||
<dd>2023.12 - 2024.04</dd>
|
||
<dt>项目描述</dt>
|
||
<dd>
|
||
<p>此项目是一款基于three.js技术开发的隧道可视化大屏，实时展示隧道内部情况，帮助
|
||
管理人员快速准确地掌握隧道运行状态，以提升隧道管理效率和安全性。其实时监测隧道内的温/湿度、
|
||
风速、风压、风机运行状态以及二氧化硫等有害气体状况。还集成报警系统，当监测数据异常时，自动
|
||
触发报警并在大屏上显示。使用查看历史监测数据，并能够以echarts可视化图表动画形式回放，帮助
|
||
分析事故原因和改进管理策略。
|
||
</p>
|
||
</dd>
|
||
<dt>责任描述</dt>
|
||
<dd>1.负责隧道可视化大屏数据面板、站点管理、隧道管理和用户管理等多个页面的开发及接口对接；</dd>
|
||
<dd>2.基于three.js集成并优化3D隧道可视化模型，结合WebSocket实现数据实时回显；</dd>
|
||
<dd>3.使用Echarts 展示风机、风压和有害气体等历史监控数据，并支持基于时间分片查询操作和
|
||
excel 导出操作。</dd>
|
||
<dt>开发环境</dt>
|
||
<dd>
|
||
<span class="label label-default">WebStorm</span>
|
||
<span class="label label-default">Nodejs</span>
|
||
<span class="label label-default">蓝湖</span>
|
||
<span class="label label-default">Swagger 文档</span>
|
||
<span class="label label-default">GIT</span>
|
||
</dd>
|
||
<div class="clearfix"></div>
|
||
<dt>技术架构</dt>
|
||
<dd>
|
||
<span class="label label-default">Vue3</span>
|
||
<span class="label label-default">Element Plus</span>
|
||
<span class="label label-default">Vite</span>
|
||
<span class="label label-default">Pinia</span>
|
||
<span class="label label-default">Axios</span>
|
||
<span class="label label-default">Vue Router</span>
|
||
<span class="label label-default">Echarts</span>
|
||
<span class="label label-default">Three.js</span>
|
||
</dd>
|
||
<div class="clearfix"></div>
|
||
</dl>
|
||
<div class="clearfix"></div>
|
||
</div>
|
||
<div class="item_detail">
|
||
<h5>速配商铺（小程序）</h5>
|
||
<dl class="project">
|
||
<dt>开发时间</dt>
|
||
<dd>2023.10 - 2023.12</dd>
|
||
<dt>项目描述</dt>
|
||
<dd>
|
||
<p>
|
||
速配商铺是一款致力于连接店铺转让双方的小程序。通过小程序，店铺经营者可以方便快
|
||
捷地发布店铺转让信息，包括店铺位置、面积、租金、转让原因、转让条件等；还提供了速配地图，为
|
||
用户推荐附近店铺转让信息。用户可以根据需求进行筛选和浏览各类店铺转让等信息，轻松找到附近符
|
||
合需求的店铺转让或出租等信息；还可以通过小程序直接与店铺经营者进行联系，了解更多店铺信息。
|
||
</p>
|
||
</dd>
|
||
<dt>责任描述</dt>
|
||
<dd>
|
||
1.负责实现微信授权登录；
|
||
</dd>
|
||
<dd>2.带领团队完成项目开发并负责保障其质量优化工作；</dd>
|
||
<dd>3.负责完成速配地图定位及自动地理定位任务，为用户推荐附近店铺信息；</dd>
|
||
<dd>4.负责小程序的上线发布流程。</dd>
|
||
|
||
<dt>开发环境</dt>
|
||
<dd>
|
||
<span class="label label-default">HBuilderX</span>
|
||
<span class="label label-default">微信开发者工具</span>
|
||
<span class="label label-default">微信公众平台</span>
|
||
<span class="label label-default">蓝湖</span>
|
||
<span class="label label-default">Apipost7</span>
|
||
<span class="label label-default">GIT</span>
|
||
</dd>
|
||
<div class="clearfix"></div>
|
||
<dt>技术架构</dt>
|
||
<dd>
|
||
<span class="label label-default">Vue2</span>
|
||
<span class="label label-default">uView UI</span>
|
||
<span class="label label-default">uni-app</span>
|
||
<span class="label label-default">Scss 语法</span>
|
||
</dd>
|
||
<div class="clearfix"></div>
|
||
</dl>
|
||
<div class="clearfix"></div>
|
||
</div>
|
||
<div class="item_detail">
|
||
<h5>排骨记账（App）</h5>
|
||
<dl class="project">
|
||
<dt>开发时间</dt>
|
||
<dd>2023.08 - 2023.09</dd>
|
||
<dt>项目描述</dt>
|
||
<dd>
|
||
<p>
|
||
此项目是一款个人家庭财务管理的记账 App，主要有个人计划、群组记账、个人记账、报
|
||
表统计和个人中心五个模块。其中个人中心的资产负债一目了然；个人计划中提供邮件提醒功能；群组
|
||
记账中采用多账本模式，多场景分开记账，并计算多人账单中每个参与人消费金额自动存入个人账单中；
|
||
个人记账中包括记录支出/收入的账单，还有多维度月支出预算，以便精确省钱。
|
||
</p>
|
||
</dd>
|
||
<dt>责任描述</dt>
|
||
<dd>1.负责邮箱注册及登录；</dd>
|
||
<dd>2.负责个人计划，群组记账，个人记账与个人中心等模块的页面开发与接口对接；</dd>
|
||
<dd>3.负责在该项目中使用大量阿里巴巴矢量图标，以便用户选择；</dd>
|
||
<dd>4.用 IDEA 软件完成 App 的上线发布流程。</dd>
|
||
<dt>开发环境</dt>
|
||
<dd>
|
||
<span class="label label-default">HBuilderX</span>
|
||
<span class="label label-default">IntelliJ IDEA</span>
|
||
<span class="label label-default">Swagger 文档</span>
|
||
<span class="label label-default">Apipost7</span>
|
||
<span class="label label-default">GIT</span>
|
||
</dd>
|
||
<div class="clearfix"></div>
|
||
<dt>技术架构</dt>
|
||
<dd>
|
||
<span class="label label-default">Vue3</span>
|
||
<span class="label label-default">uView plus</span>
|
||
<span class="label label-default">uni-app</span>
|
||
<span class="label label-default">Scss 语法</span>
|
||
</dd>
|
||
<dt>演示地址</dt>
|
||
<dd><a href="http://cv.odjbinail.cn/rib-account/">http://cv.odjbinail.cn/rib-account/</a></dd>
|
||
<dt>下载地址</dt>
|
||
<dd><a href="http://download.odjbinail.cn/app/">http://download.odjbinail.cn/app/</a></dd>
|
||
|
||
<div class="clearfix"></div>
|
||
</dl>
|
||
<div class="clearfix"></div>
|
||
</div>
|
||
|
||
<div class="item_detail">
|
||
<h5>食瞳（小程序）</h5>
|
||
<dl class="project">
|
||
<dt>开发时间</dt>
|
||
<dd>2022.12 - 2023.02</dd>
|
||
<dt>项目描述</dt>
|
||
<dd>
|
||
<p>
|
||
食瞳小程序主要为工厂代招商时，对 B 端用户展示工厂代工产品；其中主要有行业新闻、
|
||
企业需求、需求&创意发布和个人中心等模块。B 端用户可以在小程序中发布自身的创意或者需求，也可
|
||
以查看对应行业的情况和需求。
|
||
</p>
|
||
</dd>
|
||
<dt>责任描述</dt>
|
||
<dd>1.负责实现微信注册登录；</dd>
|
||
<dd>2.负责首页产品展示模块，行业&需求模块与个人中心的页面开发与接口对接；</dd>
|
||
<dd>3.负责小程序的上线发布流程。</dd>
|
||
<dt>开发环境</dt>
|
||
<dd>
|
||
<span class="label label-default">HBuilderX</span>
|
||
<span class="label label-default">微信开发者工具</span>
|
||
<span class="label label-default">微信公众平台</span>
|
||
<span class="label label-default">蓝湖</span>
|
||
<span class="label label-default">Apipost7</span>
|
||
<span class="label label-default">GIT</span>
|
||
</dd>
|
||
<div class="clearfix"></div>
|
||
<dt>技术架构</dt>
|
||
<dd>
|
||
<span class="label label-default">Vue2</span>
|
||
<span class="label label-default">uView UI</span>
|
||
<span class="label label-default">uni-app</span>
|
||
<span class="label label-default">Scss 语法</span>
|
||
</dd>
|
||
<!--<dt>演示地址</dt>-->
|
||
<!--<dd><a href="http://cv.odjbinail.cn/rib-account/">http://cv.odjbinail.cn/rib-account/</a></dd>-->
|
||
<!--</dd>-->
|
||
<div class="clearfix"></div>
|
||
</dl>
|
||
<div class="clearfix"></div>
|
||
</div>
|
||
|
||
<div class="item_detail">
|
||
<h5>高校学院官网开发</h5>
|
||
<dl class="project">
|
||
<dt>开发时间</dt>
|
||
<dd>2022.08 – 2022.11</dd>
|
||
<dt>项目描述</dt>
|
||
<dd>
|
||
<p>
|
||
该项目是一个全面展示学校形象的响应式官网，主要有"学院概况"、"党群工作"、"师资
|
||
队伍"、"教育教学"、"科学研究"、"学生工作"等栏目。其中"通知公告"，"党群动态"等栏目，可以
|
||
让学生家长更好的了解学校。该官网除了展示学校信息和实现了网站的中英文国际化之外，还有资料下
|
||
载入口，满足用户的学习需求。同时该官网也配有 admin 后台管理网站，可以赋予不同用户的文章发布
|
||
权限。
|
||
</p>
|
||
</dd>
|
||
<dt>责任描述</dt>
|
||
<dd>
|
||
1.负责该官网的页面开发与接口对接，为了提高效率，全局采用 elementUI 组件库中的 Layout
|
||
进行布局；
|
||
</dd>
|
||
<dd>2.使用 DIV+CSS、JavaScript 实现导航栏的布局和动态交互展示效果；</dd>
|
||
<dd> 3.使用 axios 调用后台接口来请求数据，从而进行页面的渲染；</dd>
|
||
<dd>4.使用 vue-router 进行路由的跳转，实现单页面应用程序；</dd>
|
||
<dd>5.使用 vue-i18n 插件实现网站的中英文国际化。
|
||
</dd>
|
||
<dt>开发环境</dt>
|
||
<dd>
|
||
<span class="label label-default">WebStorm</span>
|
||
<span class="label label-default">Nodejs</span>
|
||
<span class="label label-default">蓝湖</span>
|
||
<span class="label label-default">Swagger 文档</span>
|
||
<span class="label label-default">GIT</span>
|
||
</dd>
|
||
<div class="clearfix"></div>
|
||
<dt>技术架构</dt>
|
||
<dd>
|
||
<span class="label label-default">Vue2</span>
|
||
<span class="label label-default">Element UI</span>
|
||
<span class="label label-default">Vue CLI</span>
|
||
<span class="label label-default">Axios</span>
|
||
<span class="label label-default">Vue Router</span>
|
||
<span class="label label-default">Vue I18n</span>
|
||
<span class="label label-default">Scss 语法</span>
|
||
</dd>
|
||
<div class="clearfix"></div>
|
||
</dl>
|
||
<div class="clearfix"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</body>
|
||
</html>
|