Table of Contents

1. build
2. 参考

build

# this project template is generated by vue-cli
# > vue init webpack xxx
# index.html was pulled into 'src' folder, modified webpack config accordingly

# 1. install lastest node.js so you can execute 'npm' command
# npm is shipped with node.js
# here are two methods, you can choose either one

# 1.1. download zip or installer, OR
https://nodejs.org/en/download/
# 1.2. via package manager
https://nodejs.org/en/download/package-manager/

# 2. download explorer code
git clone https://github.com/nebulasio/explorer.git

# 3. install dependency
cd explorer/explorer-front
npm i

# 4. run webpack dev build on localhost
npm run dev

# 5. open http://localhost:8080/ in browser
# config port number in explorer-front/config/index.js!dev.port

# run webpack production build, results will output to 'dist' folder
npm run build

参考

http://fontawesome.io/icons/
http://prismjs.com/
https://github.com/beautify-web/js-beautify

https://stackoverflow.com/questions/7101464/how-to-get-highcharts-dates-in-the-x-axis

刚创建项目时提交到哲琛的 github, 已经不使用 https://github.com/15010159959/nas-explorer.git

==================== 目标

1. 组件, 包括 header, footer, table row, 每页都写出来, 后台负责抽出 公用样式放 common.css 分页, table row - wangzimei 页眉, 页脚 - kurry
2. 静态页面, 后端下载 https://github.com/15010159959/nas-explorer
3. 联调
4. 两周后, todo list

已有的 php 代码不用管

home kurry 0 https://etherscan.io/

transaction on chain kurry 0 https://etherscan.io/txs

transaction pending kurry 0 https://etherscan.io/txsPending

transaction 详情页 kurry 0 https://etherscan.io/tx/0x13273ee142b8225dc1052b2dc7ad4906973cb97d9b71007fc808e31115fc4624

block 详情页 kurry 0 https://etherscan.io/block/4951841

block 下的 transactions 列表页 kurry 0 https://etherscan.io/txs?block=4951841

contract internal transactions wangzimei 0 https://etherscan.io/txsInternal

all address wangzimei 0 https://etherscan.io/accounts

block 列表 wangzimei 0 https://etherscan.io/blocks

address wangzimei 0 https://etherscan.io/address/0xea674fdde714fd979de3edf0f56aa9716b898ec8

// 先不做

block 下的 Contract Internal Transactions 列表页 https://etherscan.io/txsInternal?block=4951841

contract address https://etherscan io/address/0x1234567461d3f8db7496581774bd869c83d51c93

===== 2.9 修改

--> block time ago block 相关时间显示问题 {每隔五秒一个快} -----> 换成浏览器时间 浏览器时间减去后边标准时间 --> timestamp --> block information --> gas reward --> 缺少第几个朝代相关信息 --> address --> rank排序方式 按照谁的钱多 的规则 --> blance 换成transation数量 --> tx详情页 --> transation hash url链接 --> gaslimit 无单位 --> gasprice
--> oops 错误信息展示

--> charts 数据更新 + 数据显示 数字百分位显示好看一些

===== todo

block infomation 里面 详情 朝代信息 - 是否达到 lib - 最后的一个不可改变的区块，达到 lib 此链不可改
address 前生成图标, 参考 eserscan 算法

==================== 上传 - 没用到这个

Host neb-cal-explorer
HostName 52.53.225.118
IdentityFile ~/.ssh/id_rsa
User app