webase-ide v0.0.18

#####插件的安装 npm init webase-ide —save

修改依赖：

在node_modules中找到依赖包require-from-string，修改index.js文件第2行

var Module = require("module");

改为

var Module = module.constructor;

引入合约编译器

把webase-ide插件里static目录下js文件copy到vue项目static文件里

文件结构

-src

-static

​ -js

​

引入插件

在main.js中引入以下内容：

import Vue from 'vue';
import webaseIde from 'webase-ide';
import App from './App.vue';
import 'webase-ide/assets/styles/fonts/iconfont.css';
Vue.use(webaseIde);
new Vue({
  el: '#app',
  render: h => h(App)
});

以上代码便完成了 Webase-ide的引入。

基本用法

<webase-ide :data="data" :deployState="true" @complieSuccess="complieSuccess" @content="content"></webase-ide>

data数据格式例子(数据字段务必保持一致)：

"data": [
        {
            "id": 99,
            "contractPath": "/",
            "version": null,
            "contractName": "Test",
            "contractStatus": 1,
            "groupId": 1,
            "contractSource": "",
            "contractAbi": "",
            "contractBin": "",
            "bytecodeBin": null,
            "contractAddress": null,
            "deployTime": null,
            "description": null,
            "createTime": "2020-01-02 19:29:35",
            "modifyTime": "2020-01-02 19:30:22"
        },
        {
            "id": 33,
            "contractPath": "access",
            "version": null,
            "contractName": "AccessAdminRole",
            "contractStatus": 1,
            "groupId": 1,
            "contractSource": "",
            "contractAbi": "",
            "contractBin": "",
            "bytecodeBin": null,
            "contractAddress": null,
            "deployTime": null,
            "description": null,
            "createTime": "2020-01-02 19:29:35",
            "modifyTime": "2020-01-02 19:29:35"
        },
        {
            "id": 3,
            "contractPath": "template",
            "version": null,
            "contractName": "EvidenceFactory",
            "contractStatus": 1,
            "groupId": 1,
            "contractSource": "",
            "contractAbi": null,
            "contractBin": null,
            "bytecodeBin": null,
            "contractAddress": null,
            "deployTime": null,
            "description": null,
            "createTime": "2019-12-31 14:46:59",
            "modifyTime": "2019-12-31 14:46:59"
        }
    ],

参数

事件