js新建一个数组和对象把数据已字符串形式存入本地缓存

 
    var arr = []; //新建一个数组
    var objA= new Object(); //新建一个对象
    objectA();
    function objectA() {
      var tabitemhtml='';
      objectB(msg[0].id)  //传入数据的第一个id
      console.log(msg[0].id)
     
      for(var i=0;i<msg.length;i++){
          arr.push(msg[i].id); //把id存入空数组
          var menuid=msg[i].id  //
          objA[menuid]=msg[i].id; //把ID赋值给对像
        tabitemhtml+=' <div data-id="'+msg[i].id+'" class="tabItem">'+msg[i].name+'</div>'
      }
     $('.tab').html(tabitemhtml);
     $('.tab').children().eq(0).addClass('active');
     //$('.tabContent .tabList').eq(0).show()
     setdata(objA ,'data')
     $('.tab > .tabItem').click(function(){
        $('.tab > .tabItem').removeClass('active');
         $(this).addClass('active');
         var index=$(".tabItem").index(this);
         //$('.tabContent .tabList').eq(index).show().siblings().hide();
        
        var id=$(this).attr('data-id');
         $('.tabContent div').eq(index).show().siblings().hide();
         $('.tabContent div').remove()
         objectB(id)
         console.log(id)
     })
    }
    function setdata(a,data){
       console.log(a)
       localStorage.setItem(data,JSON.stringify(a)) //把数据存入本地缓存 已字符串形式存入
    }
    function objectB(id) {
       var tablisthtml=''
       for(var i=0;i<data.length;i++){
           tablisthtml+='<div  class="tabList"><p>'+data[i].title+'</p><div><span>'+data[i].unit+'</span><span>'+data[i].year+'</span></div></div>'
       }
       $('.tabContent').html(tablisthtml);
      console.log(id)
    }
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
这里是一个使用 AMIS(一个基于 React 的低代码 UI 框架)实现新建数据库表的示例: 首先,你需要安装 AMIS: ``` npm install amis@next ``` 然后,你需要编写一个 JSON 配置文件来定义表单,可以参考以下示例: ```json { "type": "form", "api": "/api/createTable", "title": "新建数据库表", "controls": [ { "type": "text", "name": "tableName", "label": "表名", "required": true }, { "type": "select", "name": "tableType", "label": "表类型", "options": [ { "label": "InnoDB", "value": "InnoDB" }, { "label": "MyISAM", "value": "MyISAM" } ], "value": "InnoDB" }, { "type": "textarea", "name": "tableDesc", "label": "表描述" }, { "type": "button", "label": "提交", "primary": true, "actionType": "submit" } ] } ``` 这个配置文件定义了一个使用 POST 请求提交表单数据到 `/api/createTable` 接口的表单,包含了表名、表类型和表描述三个字段。 接下来,你需要在后端实现 `/api/createTable` 接口来处理表单数据,这里以 Flask 为例: ```python from flask import Flask, jsonify, request app = Flask(__name__) @app.route('/api/createTable', methods=['POST']) def create_table(): tableName = request.form['tableName'] tableType = request.form['tableType'] tableDesc = request.form.get('tableDesc') # TODO: 在数据库中新建表 return jsonify({"success": True}) ``` 在这个例子中,我们从表单数据中获取了表名、表类型和表描述字段,并在数据库中新建了表。在实际应用中,你需要根据自己的需求来实现这个接口。 最后,你需要在前端加载这个表单并显示出来: ```javascript import React from 'react'; import amis from 'amis'; const schema = { // 这里填写之前定义的 JSON 配置文件内容 }; amis.embed('#root', schema); ``` 这个例子中使用了 `amis.embed` 方法来将表单渲染到指定的 DOM 元素中。你需要将 `#root` 替换为你想要显示表单的 DOM 元素的 ID。 这样,一个使用 AMIS 实现的新建数据库表的示例就完成了。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值