点击空白处退出提示
作品详情
项目实现:使用 vue 全家桶实现。前后端分离的开发模式,主要以表单加表格的形式展示各个页面,实现增删查改功能。部分页面展示南丁格尔玫瑰图和图表数据联动页面
亮点:
可自定义系统部分颜色样式及弹框的展示动画,并存储至用户本地中持久生效
页面布局响应式,查询表单折叠展开时,高度和透明度渐变,表格适应布局当溢出时展示自定义样式的滚动条
数据加载动画,使用vue的自定义指令实现
动态标签页。根据侧边栏点击标签时生成,存储在vuex中,点击时切换路由,若点击子菜单则自动展开父菜单。滚动滚轮,横向滚动动态菜单列。最左最右边界提示
难点:
封装表单常用项的控件,通过定义配置对象,轻松实现表单项布局、样式、数据绑定、是否可操作、是否必填、提示文本如何展示(placeholder/label)、数据联动、数据回填、表单校验、校验提示、提交等行为
与后端的webSocket交互,当接收到数据(电话号码)时,根据这个号码从接口获取对应的数据展示弹框,页面共用,数据存储至vuex中,当点击动态菜单时根据号码拿取缓存数据,当关闭动态标签时清除缓存数据
针对线上运行时多用户缓存导致服务器内存溢出,使用keep-alive、sessionStorage、localStorage解决
技术栈:vue、axios、vuex、vue-router、animate.css、本地化存储、element-ui、less、echarts
声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态
评论