基于区块链与IPFS的数据共享系统之前端部分设计

本节对数据共享系统的前端做一个简单的介绍，包括目录结构、JS引入、页面跳转实现与发送文件功能的实现方法。

购买专栏前请认真阅读：《基于区块链与IPFS的数据共享系统》专栏简介

一、 前端的目录结构如下

├── css                   // 样式文件
│   └── style.css
├── index.html            //主页
└── statics               // 静态文件（首页图片）
    ├── blockchain.jpeg 
    ├── favicon.ico       //网站标签页图标
    ├── keys.jpeg
    ├── search.jpeg
    └── send.jpeg

二、JS引入

使用到的vue、element ui、axios通过cdn js引入，在head标签中

<script src="https://unpkg.com/[email protected]/dist/vue.js"