Skip to content

奖品管理后台(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 管提交和风格。