【无标题】

git branch 检查分支，然后从master上创建出新的子分支git checkout –b rights(创建的分支名字为rights) 然后再git branch 就会看到处于rights这个分支上，然后把本地的rights推送到云端保存，git push –u origin rights （第一次推送需要加上-u）
rights.vue
权限管理-面包屑导航下面有卡片视图，卡片视图中有table数据表格用来展示所有权限的列表
data(){
return {
//权限列表
rightList:[]
}
},
created(){
//获取所有的权限
this.getRightsList()
},
methods:{
//获取权限列表
async getRightsList(){
const {data:res} = await this.KaTeX parse error: Expected '}', got 'EOF' at end of input: … return this.message.error(‘获取权限失败！’)

}
//如果没有失败就不会执行return,紧接着就会把获取到的数据挂载到rightsList中供页面的模板结构使用,也就是挂载到了data中的rightList:[]中

this.rightsList=res.data
}
}

然后将获取的权限列表数据渲染到table表格,然后为表格提供索引列el-table-column



//标题通过label指定，权限名称通过prop指定

为表格添加纵向边框线和隔行变色，
权限等级是0 1 2的形式，要自定义权限等级这一列渲染成什么样子，
通过自定义插槽的形式定义它的输出格式，


一级
二级
三级


上面写法会把三个权限按钮都展示出来，实际上只需要一个，可以用用v-if


<el-tag v-if=”scope.row.level === ‘0’ ”>一级
<el-tag type=”success” v-else-if=”scope.row.level === ‘1’ ”>二级
三级

Roles.vue
页面中使用添加角色按钮时，用到



添加角色

data(){
return{
//所有角色列表数据
rolelist:[]
}
},
created(){
this.getRolesList()
}
methods(){
//获取所有角色的列表
async getRolesList(){
const {data:res} = await this.KaTeX parse error: Expected '}', got 'EOF' at end of input: …{ return this.message.error(‘获取角色列表失败’)
}

this.rolelist=res.data
}
}

渲染角色列表中的table数据

---

Echarts
1， 显示相关
默认主题：light dark
在初始化对象方法init中使用
比如：var mCharts=echarts.init(document.querySelector(“div”),’dark’)
自定义主题：
自己定义主题：在echarts下载选项中，主题下载里面有定制主题，自己编辑，下载js版本，引入进来。比如主题名字叫itemcast,则
var mCharts=echarts.init(document.querySelector(“div”),’itemcast’)
主题名称不是取决于js文件名称，是取决于js文件中的 echarts.registerTheme(‘wonderland’
RegisterTheme括号里面的名称:
显示比如鼠标滑过呈现高亮状态：用emphasis

浏览器大小发生变化，想让图表也随之适配变化
1， 监听窗口大小变化事件，
Window.setOption(option){
Window.οnresize=function(){
myChart.resize()
}
}
2， 动画的使用

3， 交互API

-------------------以上跳过

电商管理
1， 后台开发
2， 结合vue开发图表组件
3， WebSocket实现后台数据推送
4， 主题切换、页面合并、全屏切换

Koa2-----基于Node.js平台的web开发框架
Express-----koa------koa2

Express处理异步通过回调函数，回调函数处理异步会出现回调函数嵌套过多，回调地狱，可读性维护性不方便，
Koa是通过生成器generator和yield，不够好

Node7.6版本后，支持async await koa2

Koa2特点：
支持async await,
洋葱模型的中间件

请求-----koa2-----响应

Koa中间件不止一层，
第一层处理之后给第二层，然后给第三层，然后再给第二层，给第一层。
安装koa
Npm init –y 在当前文件夹下建立package.json文件，可以维护第三方包的信息。
Npm install koa
创建并编写app.js文件
1， 创建Koa对象
2， 编写响应函数(中间件)
3， 监听端口
启动服务器，node .\app.js

Koa
总耗时中间件，响应头中间件，业务逻辑中间件

跨域：当前地址和获取数据的地址不一样。