案例介绍
技术描述：
1. 前端采用 Vue 急速技术，UI 库使用 Element UI
2. 采用 Vue 组件化开发，提高开发效率，复用性高，项目可维护性高
3. 使用 vuex 管理数据，vue-router 路由跳转
4. 使用 axios 发送请求，调用后台数据，保证网站数据实时更新
项目职责：
1. 登入页面：用于用户登入，以及权限校验功能，使用 vue-router 路由守卫判断用户的操作权限
2. 内部公告页面：用于查看公司内部通告信息，可点击查看更多，进入公告列表页面，且有分页功能
3. 查看更多组件的抽取，使用组件时传递路由地址，从而动态的跳转对应的页面
项目的难点：
在用户登入后，进行页面的切换时如何以用户对应的权限来进行判断，是否可以访问该页面，以及对应的不同
的权限，来显示不同的页面布局
解决方法：
1. 在对应路由配置添加可访问权限数组，在前置守卫进行判断该用户是否可访问，在进行处理
2. 页面根据权限的不同，来判断是否显示对应的操作按钮与页面
案例图片
相似案例推荐
其他人才的相似案例推荐
-
河流管控预警平台
项目功能主要包括：流域数据集管理、流域数据矢量图加载、数据量
-
表单设计器
通过拖拽会直接生成项目所需要的json格式的表单，为公司自己
-
解放智管
为当时公司做统一的工程化配置，表头根据数据库直接导入所有的字
-
南方电网合作
南方电网为积极适应“互联网+”为代表的经济、技术发展新形态，
-
GNSS监测管理平台
对GNSS监测终端设备的远程控制和远程管理，对监测数据进行存
-
道路监控
该系统为我公司为某国企开发的大屏道路监控系统，系统主要监控全
-
河南移动套餐专区、河南移动套餐专项活动
负责后端接口的开发以及前端的数据渲染。前端逻辑的展示以及后端
-
河南移动套餐专项活动
配合三方接口进行接口的调试，配合产品进行业务的及时沟通，后端
-
FiData一体化数据赋能平台
应用技术： 1. 使用 Vue+Element-ui+Vu
-
MDM主数据管理
应用技术： 1. 使用 Vue+Element-ui+Vu
-
数据管理平台
应用技术： 1. 使用 Vue3.0+Element-pl
-
第四届中国设计大展展览数字化
第四届中国设计大展及公共艺术专题展由中华人民共和国文化和旅游
微信接收人才推送
关注猿急送微信平台，接收实时人才推送
