博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
教育项目课程模块3(课程分类前端实现)
阅读量:3957 次
发布时间:2019-05-24

本文共 403 字,大约阅读时间需要 1 分钟。

课程分类前端实现

这里我改了一下前端的代码(teacher1.js改成了teacher.js)

按照src/api/edu/teacher.js复制一份subject.js并进行修改:
在这里插入图片描述
去list.vue页面调用显示:
定义data:[]数据
js中定义好了方法数据,我们引入调用
调用后数据做了赋值
在created(){}中调用getAllSubject()方法
在这里插入图片描述
注意title要改一下:
在这里插入图片描述
测试结果:
在这里插入图片描述

优化前端过滤功能(我们让检索功能不区分大小写,做一下修改):

filterNode(value, data) {
if (!value) return true return data.title.toLowerCase().indexOf(value.toLowerCase()) !== -1}

效果

在这里插入图片描述
save.vue代码做完善:
在这里插入图片描述
添加和列表功能完成(重点是接口部分仔细看看)

转载地址:http://gpxzi.baihongyu.com/

你可能感兴趣的文章
软件配置管理概念-3,CM系统的概念
查看>>
JSP/Servlet应用程序优化八法
查看>>
人生必修的181条佛理
查看>>
The Most Widely Used Java Libraries
查看>>
简单在单机使用apache-james(开源邮件服务器)
查看>>
lsof 快速起步
查看>>
使用ScribeFire方便地发布blog
查看>>
跨平台Java程序注意事项
查看>>
Python字符与数字的相互转换
查看>>
C 指针解读
查看>>
有关乱码的处理---中国程序员永远无法避免的话题
查看>>
JSP的运行内幕
查看>>
python超简单的web服务器
查看>>
代理模式、静态代理、动态代理、aop
查看>>
Struts1.x Spring2.x Hibernate3.x DWR2.x整合工具文档v1.00
查看>>
大型Web2.0站点构建技术初探
查看>>
机器学习算法汇总:人工神经网络、深度学习及其它
查看>>
解决Spring中AOP不能切入Struts的DispatchAction方法的问题
查看>>
出国以后才知道英语应该怎么学
查看>>
计算机专业权威期刊投稿经验总结
查看>>