1、準備工作
由于bitshares-ui是一個采用react.js前端框架 編寫的前端頁面，所以我們使用Chrome瀏覽器和VS code配合起來調(diào)試和查看這個項目的大致框架和功能才沧。在Chrome瀏覽器中安裝react.js 的插件奇颠，這個可以在Chrome的插件市場上面去安裝。安裝這個項目暴构，下載源代碼。
2段磨、查看大致功能
1取逾、錢包
2、交易所
3苹支、探索
3砾隅、詳細介紹
在之前的文章中，我已經(jīng)寫了比特股項目的入口债蜜，以及大致的組成結(jié)構(gòu)晴埂，所以現(xiàn)在，我們就直接從AppInit開始分析和研究寻定。之前儒洛，我們知道了從AppInit開始就進入了react的陣地，就是前端頁面的所在地狼速。我們打開自己安裝好的bitshares-ui 的項目地址比如我安裝在云服務器上的琅锻，打開這個項目，就長這個模樣
第一次打開就會叫你選擇你的語言，選擇中文然后你可以注冊一個賬號恼蓬，這里需要注意沫浆，如果你要用這個賬號就要保存好你所注冊的賬號，這個區(qū)塊鏈的賬戶大家都懂的滚秩，沒有了就找不回來了∽ㄖ矗現(xiàn)在，我們開始進入這個項目∮粲停現(xiàn)在進入賬號
然后打開Chrome瀏覽器的“查看”這個功能本股，打開剛才安裝的react插件，可以看到react的代碼結(jié)構(gòu)
這里只是部分代碼桐腌，你自己可以按照這個去查看拄显，這樣你就相對更明白react的項目結(jié)構(gòu)了。經(jīng)過多次測試分析案站，在點擊不同的鏈接的情況下躬审，會在<app />的<switch/>中的<Router/>匹配到一個路由，由于switch的特性蟆盐，我們可以知道這個路由匹配到一個就停止了承边，在登錄之后就會匹配到根目錄下面，在此時就會加載 “/components/Account/AccountPage” 這個代碼石挂，有時候想一想博助，模塊化的代碼確實比較方便，很多的東西都可以復用痹愚。在右上角有可以看到自己的錢包富岳。
在這個錢包里面，你就可以完成轉(zhuǎn)賬拯腮，體現(xiàn)窖式，充值等等這些基本的功能。在這個主頁的左上角动壤，有四個圖標萝喘，分別是home，賬戶狼电，市場蜒灰，探索這四個大的功能，這四個功能都是在<App/>這個組件當中的肩碟，根據(jù)用戶點擊的功能，通過路由的匹配直接就到了這四個功能的頁面凸椿，在home頁面沒有什么看的削祈，我們直接去市場看看。
現(xiàn)在的交易所，基本上都會有一個這樣的圖表髓抑，讓人一目了然咙崎。在上面是看走向圖，那么在頁面的下方吨拍，就是這個項目的重點了-“交易所”褪猛。在這里，可以進行買入賣出等等基本操作羹饰，在這個交易所里面伊滋，流通的貨幣叫BTS， 首先想要在這里面交易队秩，那你就得有BTS這種平臺的貨幣笑旺，所以在你交易前，先要充值一些BTS馍资，這個充值BTS支持市面上主流的數(shù)字加密貨幣筒主，所以基本交易不用擔心，這個交易所的費用也是非常低的鸟蟹，具體的費用可以在探索頁面看到乌妙。由于我沒有BTS，所以就沒有去查看賣出這個功能建钥。感興趣的朋友可以自己充值少量的BTS試一下冠胯。
接下來是探索功能，說著是探索锦针，其實我也不清除到底叫什么名字荠察，英文是explorer。在這個頁面奈搜，為我們呈現(xiàn)的就是一些交易塊悉盆，出塊信息以及交易信息
在這里不僅能夠看到關于區(qū)塊鏈的東西，還可以查看見證人馋吗、賬戶等等一系列的功能焕盟。功能還是比較豐富的。
功能還是比較豐富宏粤，可以了解到許多信息脚翘，特別是見證人這個信息、理事會绍哎。
4来农、總結(jié)
我一直都比較推崇這種開源的交易所，可以讓每個人都獲益崇堰，而且也是比較安全的沃于，有興趣的朋友可以去安裝調(diào)試這個項目涩咖。
