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
总耗时中间件,响应头中间件,业务逻辑中间件
跨域:当前地址和获取数据的地址不一样。