预防数据后台管理页面

在若依自带的组件中是没有上传的组件，我到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);
        }
    }
    ​

    我的理解：就是每当一个用户登录进来就会获取到这个用户的id，这样的话我们就可以直接读取，而不用从参数去添加进去

总结

今天的学习的状态不是很好，中午的睡觉时间有点不够，导致下午的学习的状态不行。今天完成的了后台管理的所有的功能，学到了很多的知识点，比如上传的接口的开发，还要后台管理的调用上传接口。实现的效果是不错的，接下来就是要不断的完善这类的信息。