12、前端构建与Oraclize服务应用

前端与Oraclize集成应用

最新推荐文章于 2025-10-24 13:24:21 发布

pca5navigator

最新推荐文章于 2025-10-24 13:24:21 发布

阅读量12

点赞数

CC 4.0 BY-SA版权

分类专栏：区块链实战：DApp开发精要文章标签：前端构建 codemirror Oraclize

本文链接：https://blog.youkuaiyun.com/pca5navigator/article/details/154057789

区块链实战：DApp开发精要专栏收录该内容

18 篇文章 ¥499.90

订阅专栏¥69.90

会员秒杀 ¥9.9 重磅福利

超级会员免费看

前端构建与Oraclize服务应用

1. 前端构建

1.1 前端概述

我们要构建一个应用的前端，该前端包含一个编辑器，用户可以使用它编写代码。当用户点击编译按钮时，会动态显示输入框，每个输入框代表一个构造函数参数。点击部署按钮时，会从这些输入框中获取构造函数参数的值，用户需要在输入框中输入JSON字符串。我们将使用 codemirror 库来集成编辑器。

1.2 前端HTML代码

将以下代码放置在 index.html 文件中：

<!DOCTYPE html> 
<html lang="en"> 
    <head> 
        <meta charset="utf-8"> 
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> 
        <meta http-equiv="x-ua-compatible" content="ie=edge"> 
        <link rel="stylesheet" href="/css/bootstrap.min.css"> 
        <link rel="stylesheet" href="/css/codemirror.css"> 
        <style type="text/css">