Vue实现从一个页面拿数据到另一个页面

在前端页面中,从数据生成页面输入数据,并在历史页面显示信息。

5ec06a391ace45bd9aae6a47f6afa6da.jpg

 数据生成分为一键生成和指定生成,一键生成当中,所以属性均由后端随机生成,指定生成可由用户指定属性和比例来生成。

9da697f260c3439da33f0dff230cfa10.png

 在规则详情当中,点击按钮出现弹窗,分为两种情况,一种是指定生成的结果,一种是一键生成的结果。

下图是指定输入之后点击数据生成页面的提交按钮产生的规则详情。

68c7062e1b5144b7aa824f725c56d371.jpg 

 下图是点击数据生成页面的一键生成按钮产生的规则详情。

00d2ed8dfb89405380869c6f7b38ccfb.jpg

 要想满足以上需求,首先需要将历史任务页面作为组件导入数据生成页面中,并定义该组件,然后将数据添加到数据库中,在前端显示。

d03b37efc99a444a9823cc469ce69901.jpg

6ddfcae74bac444ab752efa8c1e23021.jpg

 

 这些历史任务信息被存放在MySQL数据库当中,可以通过后端读取数据库信息,并渲染到前端页面中。

609fd42f2d094619a60a66fbdaa1b8cf.jpg

76c781f87c9a4a5281942ae2da75aeb1.jpg 

8eac7d629e194cf0ab237911889ade23.jpg同时,对于有些没意义的历史任务需要删除,通过对应的sql语句,进行相应的删除操作。

b5da3bad53714c6c81a31c7fdec20ae5.jpg 

 

 

  • 2
    点赞
  • 12
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值