在之前刘莹,分析了這個項目的大致功能暇藏,現(xiàn)在我們來看看這個項目的基本框架橄抹。這個項目主要是采用了JavaScript語言編寫靴迫,但是,你對JavaScript熟悉也沒有什么優(yōu)勢楼誓,應(yīng)為這個項目采用的前端框架是react.js玉锌,所以如果你不懂react,看這個項目也是比較費勁慌随。
基本組件:react.js 芬沉、webpack、loader 阁猜、babel等等
配置環(huán)境:node.js-v6丸逸、webpack-v4.17、react-v16.4.1等等
安裝和運(yùn)行:npm install npm start
重要中間件:express剃袍、bitsharesjs黄刚、react等等
這個項目主要就是這些東西,然后使用的開源中間件有很多民效,但是憔维,我得重點說一說bitsharesjs以及它的衍生中間件。這個比較重要的畏邢,很多的操作都是依靠這個完成的业扒,比如錢包、交易功能舒萎。
入口簡介:
在之前我有文章寫過關(guān)于比特股的程序入口程储,這里就不多說,直接看package.json 的數(shù)據(jù)臂寝,可以找到這個程序的入口章鲤。在找到入口之后,跟著入口會找到Main.js 這也是在webpack.config.js的配置文件里面找到的咆贬。這里就會看到這個項目就算是真的開始了败徊。
組成結(jié)構(gòu)
在這個項目里面,從入口一直到AppInit我們算是正式的進(jìn)入了項目掏缎,在Main.js 當(dāng)中皱蹦,我們看到導(dǎo)入了index.js在index.js里面導(dǎo)入了AppInit.jsx在AppInit.jsx中又導(dǎo)入了App.jsx,在App.jsx中又導(dǎo)入了很多的其他的組件煤杀。這樣就形成了這個項目的基本結(jié)構(gòu)。在App.jsx 中是用的是switch的路由匹配機(jī)制沪哺,根據(jù)這樣的機(jī)制怜珍,就可以根據(jù)不同的路由匹配,展現(xiàn)不同的頁面凤粗。
總結(jié)
通過對項目整個框架的解析酥泛,應(yīng)該對這個項目又一些更深入的認(rèn)識。比特股項目當(dāng)中也沒有什么是讓人難以理解的東西嫌拣,主要還是搞明白它的整體結(jié)構(gòu)柔袁,用了什么中間件和框架就可以了。