项目:本项目是一个针对医院的his (营销管理系统)主要分为,医患沟通,预约咨询,视频培训,在线自定义作图,微官网 4大模块
技术选型:vue2.x vue router vuex vuecli less vantui elementui jquery
项目描述:
负责医患沟通电脑前端开发,管理后台开发,微官网开发,在线作图工具开发!
难点:
1.医患沟通首页如何做到选定主题加载不同主题!
2.如何维护登录状态
3.如何做到自定义话的了拖动的作图工具
解决方案:
1.首先后台定义了首页不同主题,有一个状态字段,定义了一个根据不同转态加载不同配置文件的js 文件,因为没有采用vue 所以没用组件去写!
2.在登陆后利用store 的commit 来全局存储登录转态,同时把登录转态存储到cookie 在取的时候直接从store 中取出数据即可!在响应拦截如果登录过期则删除维护的状态,重新登陆!
3.首先 把作图工具分层,背景图,文字,图层这三块,利用vue 的ref 获取每个组件拖动的时候的坐标去维护这个坐标,使用坐标来计算图片的大小!利用svg 的坐标计算每一个字的坐标排列组合!整个画图工具就是一个对象数组的配置文件!在保存的时候循环数组!利用canvas 生成图片!保存即可!