6、前后端分离开发——前端学习

前端代码:



    
        
        Vue.js-访问API接口数据-蓝墨云班课练习
        
        
        
        
        
        
        
        
    
    
        

进行中的班课

{{courses.length}}个进行中的班课


{{course.courseClass}}

{{course.courseName}}

{{course.username}}

{{course.courseCode}}

已结束的班课

{{finishcourses.length}}个结束的班课


{{course.courseClass}}

{{course.courseName}}

{{course.username}}

{{course.courseCode}}

运行结果:


image.png

image.png

上面的内容都是从数据库导出的,然后设置了一些css

你可能感兴趣的:(6、前后端分离开发——前端学习)