一 模板工具
· 模板工具是 web 可视化图形编辑工具,为电子价签绘制模板而生。
· 主要功能包括项目管理、模板的管理、场景管理、脚本管理,和最主要的模板制作功能。
· 模板编辑页采用原生的 canvas 技术来实现。模板工具封装了 文本框、价格、二维码、条形码、图片等图形组件。
· 通过拖拽组件到画布上的方式添加元素,画布实现了拖拉拽调整元素尺寸、位置、角度等功能。
· 模板编辑同时实现了吸附、操作历史、右键快捷功能、快捷键等图形编辑常用功能。
. 模板文件中有诸多地方需要使用 velocity 脚本或 js 脚本,项目中使用 codemirror 实现脚本代码编辑。
· 主要用到的技术为 vue + axios + vuex + element-ui + canvas + codemirror
二 数字货架后台管理系统
· 数字货架后台管理系统为商超客户提供门店管理、商品管理、货架管理等等诸多功能。
· 主要包括 数据总览(大屏可视化展现)、数据管理、陈列、拣货、系统管理等模块
· 主要用到的技术为 vue + axios + vuex + element-ui