Vue.js实现简单动态数据处理

直接上代码吧

<%@ page contentType="text/html;charset=UTF-8" %>


  
  
  
  
  




  商品信息管理服务(web-service-libGoods)接口测试 








  测试介绍：


  
    1.条件查询并分页（查询条件：商品名称模糊查询，商品类别，分页参数）

    2.新增商品

    3.更新商品

    4.删除商品

    5.启用/停用商品
  



  1.商品名称:
  商品类型 :
  餐饮
  零售
  列表参数： 当前页： 每页显示：
  查询
  显示JSON
  



  测试结果JSON：清空测试结果
  


  
    {{message}}
  



  测试列表：
  


  
    

      

      

 
ID
 
商品编码
 
商品类别
 
商品名称
 
简称
 
是否审核
 
是否启用
      
      
      

      

 
{{data.id}}
 
{{data.barcode}}
 
{{data.goodsType | goodsTypeFormatter}}
 
{{data.name}}
 
{{data.shortName}}
 
{{data.isAudit | isAuditFormatter}}
 
{{data.isEnabled | isEnabledFormatter}}
      
      
    
  

  


  2.保存 


  3.更新 


  4.删除 


  5.启用 
  停用br>


  商品对象：
  

    
      ID（测试启/停用，删除）：


      商品编码： *


      商品名称： *


      商品类别：餐饮
      零售 *


      商品简称：


      商品分类：


      品牌编码：


      产地：


      单位：


      规格：


      拼音码：


      备注：


    
  

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持考高分网。