奖品管理后台(2022.05 – 2022.08)
项目简介
给嘉士伯集团旗下所有小程序分发奖品的后台管理系统。在此配置奖品,并将库存分发到各个品牌。
技术栈
Vue 3 / Element Plus / Vue Router / Pinia / TypeScript / Vite
个人职责
负责奖品管理的项目架构和代码规范:Vue 3 搭后台,Element Plus 布局,Vue Router 管路由,Pinia 管全局状态;Husky + commitlint 规范提交,ESLint + Stylelint 规范代码风格。
负责项目开发和部署:可配置表单、Docker + Jenkins 自动化部署、用 Vue DevTools 观察组件嵌套、数据流动和全局状态。
技术亮点
- 可配置表单:基于 Vue
render函数动态生成表单,减少冗余代码。 - 工程规范与部署:Husky + commitlint、ESLint + Stylelint;Docker、Jenkins 自动部署。
项目成果
- 一套后台为集团下各品牌小程序配置奖品并分发库存
- 表单可配置化,少写重复页面
- 规范提交和自动部署,保证迭代节奏
可能会问的问题
各品牌奖品表单字段不一样,会不会每个品牌写一页?
基于 Vue render 函数动态生成可配置表单,后台给各品牌配奖品和库存,少写重复页面。
后台怎么发到线上?
Docker + Jenkins 自动部署;Husky + commitlint、ESLint + Stylelint 管提交和风格。