安擎云（公司产品 web 端）
案例介绍
项目主要技术栈：Vue.js + vue-router + vue-cli + axios + ElementUi +
负责模块： 登录模块 首页模块 教育培训 智能巡检 事故管理
工作描述：
1. 使用 element-ui 中的表单组件完成登录的结构和样式 通过 form 的表单验证功能，
2.在登录页面设置了路由拦截，用 vue-router 导航守卫功能，将代码封装到路由的 js 文件中，实现效果，保
存服务器保存的 token，登录成功，通过 this.$router.push()跳转到首页用了 axios 实现了与后台数据交互
3.个人设置使用this.$router.push()实现跳转到个人设置页面
4.退出登陆首先要先清除token’然后在进行跳转页面
5.设置布局，头部 侧边栏 和内容的页面 侧边栏为每个内容页面的路由，在home组件中设置一个router- view在内容的页面渲染各个路由的视图
6.使用 axios 请求数据实现用户列表的渲染，传入后台接口提供的参数，然后指定字段名称，实现渲染，使用
7.分页功能的渲染，按钮绑定@cuttent-change，当页码发生改变时，默认传入当前新的页码，重新请求数据
8.使用 axios 请求数据实现列表的渲染
9.使用了 echarts 绘制了用户的图表
代码优化：每个页面中都有相同的面包屑导航组件，避免代码重复，使用父传子，封装面包屑导航组件 ，通过 props 传值，是每个组件的的代码减少
遇到问题：在设置分页时，点击某一页并使用其他功能时刷新造成无法正常更新，最后将每次刷新后，重新回到第一页就可以。
安擎云（公司产品 web 端）
案例介绍
目描述： 后台管理系统是方便管理后台的系统，主要有登录 主页 法律法规 教育培训 机构与职责 风险与隐患 智能巡检 危化品管理 安全设备设施 承包商管理 应急管理 事故管理 职业健康管理 等模块
项目主要技术栈：Vue.js + vue-router + vue-cli + axios + ElementUi +
负责模块： 登录模块 首页模块 教育培训 智能巡检 事故管理
工作描述：
1. 使用 element-ui 中的表单组件完成登录的结构和样式 通过 form 的表单验证功能，
2.在登录页面设置了路由拦截，用 vue-router 导航守卫功能，将代码封装到路由的 js 文件中，实现效果，保
存服务器保存的 token，登录成功，通过 this.$router.push()跳转到首页用了 axios 实现了与后台数据交互
3.个人设置使用this.$router.push()实现跳转到个人设置页面
4.退出登陆首先要先清除token’然后在进行跳转页面
5.设置布局，头部 侧边栏 和内容的页面 侧边栏为每个内容页面的路由，在home组件中设置一个router- view在内容的页面渲染各个路由的视图
6.使用 axios 请求数据实现用户列表的渲染，传入后台接口提供的参数，然后指定字段名称，实现渲染，使用
7.分页功能的渲染，按钮绑定@cuttent-change，当页码发生改变时，默认传入当前新的页码，重新请求数据
8.使用 axios 请求数据实现列表的渲染
9.使用了 echarts 绘制了用户的图表
代码优化：每个页面中都有相同的面包屑导航组件，避免代码重复，使用父传子，封装面包屑导航组件 ，通过 props 传值，是每个组件的的代码减少
遇到问题：在设置分页时，点击某一页并使用其他功能时刷新造成无法正常更新，最后将每次刷新后，重新回到第一页就可以。
案例图片
相似案例推荐
-
三次油气回收
三次回收装置主要使用在油罐区域，主要组成部分是控制部分和室内
-
非税控加油机
小型和大型加油机项目开发，能够熟悉各个部分的组成，且能够独立
-
TinyStories-656K
TinyStories-656K 是一个基于先进的自然语言处
-
多模态智能 Agent 开发平台
多模态智能 Agent 开发平台 项目描述：设计并实现支持
-
Ubuntu 智能问答系统
Ubuntu 智能问答系统（企业级知识库助手） 项目描述：
-
微信小程序
本人利用闲暇之余做的一个宠物零食微信小程序。养宠人士打造了便
1小时精推人才
需求方专属客服，免费梳理匹配
