HitFit Pro 管理后台

143 阅读1分钟

使用的技术栈是vue2全家桶,使用element ui进行二次封装组件库, 比如el-select,el-dialog,el-table等二次封装,管理后台比较多页面这里只是把主要功能展示出来

首页可视化

首页根据接口返回结果进行数据处理,再通过echarts展示

image.png 首页二级页面展示 image.png image.png

项目加解密

跟后端开发人员协商好aes加解密,控制台接口返回的是加密的数据,前端在axios的响应器统一做解密操作 image.png

app表盘的上传

image.png

app游戏固件以及H5页面的游戏tips编辑

image.png

配合H5的页面下载链接

image.png

通过markdown编辑Faq

image.png

使用i18n进行国际化

image.png

前端动态路由

根据后端返回的角色去控制页面的菜单栏,通过自定义指令控制按钮权限

image.png

image.png

导出pdf或excel

前端通过json进行数据处理导出excel image.png

image.png