点击空白处退出提示
作品详情
构认证查询,设备认证查询,医师认证查询。
项目说明:项目分为前后台,前台借助nuxt.js实现基于node.js的ssr渲染,使用pm2托管项目;后台则
使用spa单页面开发
项目链接:https://zp.caimei365.com/12/ross https://zp.caimei365.com/4/ph https://zp.caimei365.com/5/app https://zp.caimei365.com/15/hyt
主要技术:nuxt.js,vue2.x全家桶,element-ui组件库,vant组件库,moment.js,clipboard.js,
qrcode.js,jssdk.js等三方库
负责板块:项目前后端分离,项目后台功能模块有账号管理,会员管理,审核管理,新手帮助,授权牌
物流,系统设置,机构认证,人员认证,云资料库,挑战赛,意见反馈,会员中心。所有模块均从零到
一独立开发完成,并负责后续功能的迭代开发。
工作和成就:
● 所有页面均采用组件化开发,将组件分为公共组件,业务组件方便维护
● 封装了机构授权牌模板编辑组件,支持二维码拖拽布局;封装了权限按钮,可根据不同权限弹窗提示不同内容
● 封装了云资料库开发时封装阿里云oss上传组件支持大文件断点上传及断点续传功能,支持选择文件夹上传
● 封装了地图组件,调用高德地图api实现了根据用户输入的地址定位->用户选取精准定位的功能
● 封装多个指令,如v-permission权限,v-clipboard复制到剪切板,v-debounce防抖,vwaterMarker水印等
● 封装storage工具函数,对本地存储数据进行加密及过期时间设置,自动获取页面prefix(用于区分不同的供应商)对存储的数据进行区分
● 封装axios封装和api接口的统一管理,UI库的按需加载,路由懒加载
● 通过开发路由拦截中间件,区分展示不同的供应商模板(前台项目)
● 引入高德地图api获取当前位置坐标并传给后台获取附近机构信息(误差50米范围内);调用高德地图,百度地图,腾讯地图URI API实现导航(前台项目)
● 移动端引入微信公众平台jssdk.js,封装$wxReady方法方便使用微信公众平台提供的api,如页面分享,图片预览,图片保存(前台项目)
声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态
评论