人人开源 / renren-security/小记

---

记录使用小结

版本 v5.2.0：
git地址：https://gitee.com/renrenio/renren-ui

记录前台：

1、所有界面汉字归类到了一起，在这个js内部

2、Cookie是没有全局的，想用就得手动引入或者直接全局加进去

import Cookies from 'js-cookie'

直接加入main.js,或者哪用到哪引入

3、现在是页面cookie只存token，全局变量储存了用户的信息

在main.vue中

  // 获取当前管理员信息
    getUserInfo () {
      return this.$http.get('/sys/user/info').then(({ data: res }) => {
        if (res.code !== 0) {
          return this.$message.error(res.msg)
        }
		//此处将各种账号信息进行储存this.$store.state是vue的全局变量
        this.$store.state.user.id = res.data.id
        this.$store.state.user.name = res.data.username
        this.$store.state.user.superAdmin = res.data.superAdmin
      }).catch(() => {})
    }
    //在使用时，直接  {{ $store.state.user.name }}  就可获取

4、新加了数据权限

由于用不到，就直接将前台页面的关于数据权限的给屏蔽了

5、导出

自己内部有导出的excel方法，自己的需求导出的模板特殊，就没用他的
前台导出自己新加了 file-saver 这个，导出很方便，记得加responseType: ‘blob’
说到这记起来了
前台的请求在请求头加内容：

	//导出
			exportExcel() {

				this.$http.post('/**********', this.formInline, {
				//此处加入responseType   不然file-saver工具不识别
					responseType: 'blob'
				}).then((res) => {
				//此处是后台将文件名放入了头部
					var filename = res.headers['content-disposition'] //下载后文件名
					filename = decodeURI(filename.split(";")[1].split("fileName=")[1])
					const blob = new Blob([res.data]) // fileStream 是文件流，一般从后台获取
					saveAs(blob, filename) // fileName 保存文件的名称，需要带后缀
				}).catch(() => {})
			}

6、所有公共的方法都共用了

每个页面的增删查都用了公共的js
页面都引入了 import mixinViewModule from ‘@/mixins/view-module’
不会用这个，就照着方法一点一点的全部扣了出来，单独一个页面。。。。。。

总结

本来以前用的是renren-fast，后来需求越来越多，本人又是前端小白，只能边查边学。
版本更新出现很多问题，就直接用了renren-security,这个的版本高多了，也一直有人在维护！！感谢大佬