前端框架: Vue/Uniapp/Elementui/Layui/Bootstrap
前端库: JQuery/Underscore/Lodash/Echart
前端工具: Npm/Less/Sass/Stulys
Web开发: Node
版本管理、文档和自动化部署工具: Webpack/Svn/Git/Markdown
开放平台: 微信应用开发
后端开发: Python
Web框架: Flask
数据库: MySQL
广深沿江高速移动支付平台
此项目是将传统高速通行方式升级为扫码支付以及车牌付,是高速公路通行费支付的新模式。 通过e车付出行统一管理平台为高速公路提供包括“B扫C”被扫模式的扫码支付和车牌付等支付方式。为用户实现高速进出无现金,免停车,免排队,同时提高高速管理的效率以及安全系数。 是本人第一次接触高速出行行业的项目。全流程参与,包括需求评审、设计评审、测试计划评 审、项目开发。
在负责日常开发的同时,还深入到高速管理中心及车道上,了解真实的业务场景及需求及痛 点。而后在此项目基础上,平台又扩展了停车场,加油等出行相关的模块。 项目分为三部分:
- e车付出行统一管理平台
是项目的核心,提供基础数据管理,交易数据管理,高速数据管理,设 备数据管理等,覆盖全高速业务应用场景,此后围绕车主出行场景,扩展了停车场管理及加油数 据管理。系统开发到运行至今安全稳定,交易纠纷率低至万分之一,实时处理计算峰值达到每秒 3000笔支付流水。
技术栈:vue全家桶
- 广深沿江高速运营管理系统
是为高速管理中心提供高速运维功能,主要包括基础数据管理,交 易数据管理,高速数据管理,设备数据管理等,帮助高速业主提升高速管理的效率。
技术栈:vue全家桶
以上两个项目我主要通过vue-cli构建基础框架,ui框架采用layer-ui,基于团队后端情况,封装好 请求对象和工具类,开发基础通用的组件后,交付给前端同事做业务开发。
- e车付小程序/e车付H5
移动端e车付小程序/H5功能相仿,前期主要为用户提供登记车辆,上传行驶证,开通车牌付的 功能,后期新增加油功能,包括油站列表,油枪列表,加油支付等。以及停车场功能,包括出入 登记,停车缴费,停车优免等。旨在为车主提供完善的交通出行服务。
技术栈:微信小程序开发/vue全家桶
第一次接触到小程序开发模式,除业务开发外,关注微信小程序生态,与运营同事保持协作,为 运营方案提供建议。此后在保证项目平稳上线的过程中,不断优化尝试,结合后端团队情况,搭 建小程序框架。
项目管理平台
此项目目的在于管理占道施工项目开展过程中产生的所有数据及文档资料。以项目资料数据为 基础,整合拓展各个部门产生的所有数据及文档,梳理各部门协作具体流程细节,简化工作流 程,大大提升各部门协同工作的效率。
系统主要划分为基础数据、商务管理、财务管理、审核管理、数据统计、权限管理等模块。
技术栈:vue3+elementUI+ruoyi
这是在学习vue3后所实践的第一个项目,负责整个项目前端框架的搭建,根据项目业务具体需求 开发,还原设计稿,对接后端接口,封装高复用的组件,并负责日常维护项目,修复缺陷,保证 项目正常运行及升级部署。
PT4s小程序
PT4s是一个集汽车美容、汽车保养、汽车改装、客户服务、信息发布、门店管的综合服务平 台。聚焦是车后市场,为门店构建具有垂直管理、业务扩展、优秀案例展示能力的店面小程序, 在打通售前售后服务的同时,加强与用户关联互动。为客户提供特色代价服务,只需小程序下 单,无需到店,提供全流程贴心服务。主要功能包括车辆登记、服务分类,产品列表,下单支 付、订单列表等。
技术栈:微信小程序开发
小程序划分为两大板块:客户版和门店版,承担核心功能代码编写和业务功能开发和维护,还原 设计图,对接后端接口。这是一个结合线下门店模式的项目,所以在正式开发前,与各部门同事 到线下门店实地考察,针对整体的服务项目/流程/需求等,提供技术方案及建议。在这项目中, 也参与到门店推广活动方案的设计中,并且在小程序中开发出配合门店推广活动的模块,如大转 盘、转发分享等。
企业官网
此项目为了树立企业形象,提升企业竞争力,介绍主营业务,发布新闻资讯,行业信息以及招 聘信息,方便商务联系,业务拓展等。
技术栈:avalon
独立完成项目前端开发,保证高度还原UI设计图,使用CSS3、响应式布局及媒体查询适配web端 到移动端,实现动画效果。使用avalon作为框架组织项目结构,开发高复用的组件,对新闻资讯 及招聘信息等模块使用数据渲染。
角色 | 职位 |
负责人 | 前端开发工程师 |
队员 | UI设计师 |
队员 | 前端工程师 |
队员 | 后端工程师 |
此项目为了树立企业形象,提升企业竞争力,介绍主营业务,发布新闻资讯,行业信息以及招 聘信息,方便商务联系,业务拓展等。 独立完成项目前端开发,保证高度还原UI设计图,使用CSS3、响应式布局及媒体查询适配web端 到移动端,实现动画效果。使用avalon作为框架组织项目
主要为用户提供登记车辆,上传行驶证,开通车牌付的 功能,后期新增加油功能,包括油站列表,油枪列表,加油支付等。以及停车场功能,包括出入 登记,停车缴费,停车优免等。旨在为车主提供完善的交通出行服务。 技术栈:微信小程序开发