[javascript] 基于elementui的后台界面开发

elementui是一套vuejs框架的ui库 , 主要逻辑是按照vuejs的组件方式来组合的

安装有多种方式,可以使用npm的包安装,也可以直接引用cdn资源,在这里为了简单起见使用cdn方式. 主体架构还是传统的iframe的结构 , 框进来一个main界面

没有使用vue-router , 只是把vue当做一个模板引擎来用

引入资源还是这种直接引入 , 没有使用构建工具去打包 , 因为对于后端来说 ,还是这种方式最简单直观有效


        
    
    
    

 

把结构加上 , 架构使用template包起来 ,这样在js渲染之前不会显示出乱的界面 . 标签上的属性传参和循环逻辑等都是vuejs里面的功能 , 需要看vuejs的文档才能知道这些是干啥的

js把数据 , 绑定的点击事件等加上

    

[javascript] 基于elementui的后台界面开发_第1张图片

 

 

  

完整的带着覆盖样式的代码如下:



    
        
        
        媒资库
        
        

        
    
    
        


  

iframe框进去的页面完整代码如下:



    
        
        
        媒资库
        
        

        
    
    
        

  

  

  

你可能感兴趣的:([javascript] 基于elementui的后台界面开发)