普及一下：DAPP代幣質押NFT分紅模式系統開發（原始碼搭建）

　　NFT系統開發是基於區塊鏈技術的技術優勢，開發+18I鏈上合約-259l分紅系統3365如去中心化、防篡改、時間戳等。

將鏈下物品的價值基準化到NFT，可以實現藝術品的所有權，交易可以被查詢。上鍊型別NFT系統開發的上鍊可分...

　　在建立和鑄造NFT時，智慧合約扮演著不同的角色。透過數字協議，您可以擁有持久的身份識別資訊。這意味著使用者在

市場上無法進一步細分NFT。此外，透過智慧合約，使用者可以保留稀缺性的屬性，這是任何NFT的基本特徵。然而，在開發NFT時，創作者必須在其作品中包含重要資訊。這些附加資訊寫在NFT智慧合約上。此外，還存在其他技術難點。

　　NFT和Web3的開發可能看起來過於繁瑣，而且傳統上也很複雜。原因是Web3開發領域不完整，因為該行業一直缺乏一些

基本的開發工具。隨著我們每天都在開發新的平臺和解決方案，情況已不再如此。然而，首要的Web3開發工具是Moralis。

Moralis是Web3開發中的中介軟體，該平臺為使用者提供了完全託管的後端基礎設施。

　　{

　　"name":"nft1",

　　"description":"This is the NFT of vincent.",

　　"image":"ipfs://QmUEqqq",

　　"external_url":"

　　}

　　NFT的圖片、音影片等資源需要有個儲存空間，我們一般會使用IPFS。

　　星際檔案系統IPFS（Inter-Planetary File System）是一個面向全球的、點對點的分散式版本檔案系統，目標是為了補充

（甚至是取代）目前統治網際網路的超文字傳輸協議（HTTP），將所有具有相同檔案系統的計算裝置連線在一起。原理用基於

內容的地址替代基於域名的地址，也就是使用者尋找的不是某個地址而是儲存在某個地方的內容，不需要驗證傳送者的身份，

而只需要驗證內容的雜湊，透過這樣可以讓網頁的速度更快、更安全、更健壯、更持久。

什麼是鑄造 NFT？

透過鑄造 NFT，您可以在區塊鏈上釋出一個獨特的代幣。此代幣是您的智慧合約的一個例項。

每個代幣都有一個一的 tokenURI，它在符合特定模式的 JSON 檔案中包含您的資產的後設資料。後設資料是您儲存有關 NFT 

資訊的地方，例如名稱、影像、描述和其他屬性。

“ERC721 後設資料架構”的 JSON 檔案示例如下所示：

{

"attributes": [

{

"trait_type": "Shape",

"value": "Circle"

},

{

"trait_type": "Mood",

"value": "Sad"

}

],

"description": "A sad circle.",

"image": "

"name": "Sad Circle"

}

import React from "react";

import {Card,Image,Icon,List, Progress} from "semantic-ui-react";

const src ='/images/daniel.jpg'

const CardList =(props)=>{

    let details=props.details

    console.log('bbb',details)

    let cards = details.map(detail =>{

        return <CardFunding key={detail.fundingAddress} detail1={detail}/>

    })

    return(

    <Card.Group itemsPerRow={4}>

        {

            cards

        }

    </Card.Group>

)}

 

const CardFunding = (props) => {

    let detail2 =props.detail1

    console.log('de2:'.detail2)

    let {fundingAddress,manager, projectName, targetMoney, supportMoney, leftTime,balance,investorCount}=detail2

    let percent =parseFloat(balance)/parseFloat(targetMoney)*100

    return(

        <Card>

            <Image src='/images/daniel.jpg'/>

            <Card.Content>

                <Card.Header>{projectName}</Card.Header>

                <Card.Meta>

                    <span className='date'>剩餘時間:{leftTime}</span>

                    <Progress percent={percent} progress size='small'/>

                </Card.Meta>

                <Card.Description>參加臨港公路比賽</Card.Description>

            </Card.Content>

            <Card.Content extra>

                <List horizontal style={{display: 'flex', justifyContent: 'space-around'}}>

                    <List.Item>

                        <List.Content>

                            <List.Header>已籌</List.Header>

                            <List.Description>{balance}eth</List.Description>

                        </List.Content>

                    </List.Item>

                    <List.Item>

                        <List.Content>

                            <List.Header>已達</List.Header>

                            <List.Description>{percent}%</List.Description>

                        </List.Content>

                    </List.Item>

                    <List.Item>

                        <List.Content>

                            <List.Header>參與人數</List.Header>

                            <List.Description>{investorCount}人</List.Description>

                        </List.Content>

                    </List.Item>

                </List>

            </Card.Content>

        </Card>

)}

 

export default CardList