预防数据后台管理页面

在若依自带的组件中是没有上传的组件，我到element中找了对应的组件

通过将其中的代码复制到vue相应的位置，页面中就也显示出这个模型，其中那些中文字，我们可以进行修改。接口的调用就是比较的简单了，直接将上传视频的接口复制到action中去就可以成功的运行起来了。

为了完善这上传的，我们需要一个钩子，在我们上传的视频的同时要读取一遍数据，这样的话，数据视频就会实时的更新的出现

问题及解决

服务器启动超时

分析原因数据中的数据加载不出来，这样数据加载这么慢的原因没有找到，因为连接的是彭运健的数据库，数据加载不出来的原因有很多
最后为了不影响后面开发的进度，就将只能复制到本地来连接数据库

学习重点及理解

以上上传高血压为例演示代码

<!-- 修改上传视频 -->
   <el-upload
  class="upload-demo"
  :on-success="handleSuccess"
  drag
  action="http://localhost:8080/system/update/hypertensionPicture"
  multiple>
  <i class="el-icon-upload"></i>
  <div class="el-upload__text">将视频文件拖到此处，或<em>点击上传</em></div>
  <div class="el-upload__tip" slot="tip">只能上传文件，请上传[swf, flv, mp3, wav, wma, wmv, mid, avi, mpg, asf, rm, rmvb]格式"</div>
  
</el-upload>

组件的添加，和接口的调用，其中的 :on-success="handleSuccess"就是一个钩子，为了页面的展示，实时更新

methods: {
     /** 上传视频 */
     handleSuccess() {
      this.getList();
    },
  }

这里就是钩子要执行一遍查询列表的方法，来展示数据的更新

扩展学习

【工具类】当前登陆用户 UserContext

2.4.UserContext保存登录用户
- 2.4.1.为什么需要 //以下获取当前登录用户存在问题如下: //1 到处都散落获取当前登录用户代码 //2 以后不用shiro所有的地方都要改变 //解决方案:封装一个方法获取当前登录用户,以后变了只需要修改这个方法就ok了 Subject currentUser = SecurityUtils.getSubject(); Object loginUser = currentUser.getSession().getAttribute(“loginUser”);

2.4.2.怎么实现

package cn.itsource.shiro.util;

import cn.itsource.domain.Employee;
import org.apache.shiro.SecurityUtils;
import org.apache.shiro.subject.Subject;

/**
 * 当前登录用户相关
 */
public class UserContext {
    private static final String CURRENT_LOGIN_USER=  "loginUser";

    /**
     * 设置当前登录用户
     * @param employee
     */
    public static void setUser(Employee employee){
        Subject currentUser = SecurityUtils.getSubject();
        currentUser.getSession().setAttribute(CURRENT_LOGIN_USER,employee);
    }

    /**
     * 获取当前登录用户
     * @return  employee
     */
    public static Employee getUser(){
        Subject currentUser = SecurityUtils.getSubject();
        return (Employee) currentUser.getSession().getAttribute(CURRENT_LOGIN_USER);
    }
}