链上DApp开发源码demo是指链上DApp的完整源代码示例。这些示例通常包括前端、后端和智能合约等多个部分，展示如何使用各种编程语言和工具构建基于区块链的应用程序。
以下是一些链上DApp开发源码demo的推荐：
1、Ethereum DApp：这是一个基于以太坊区块链的DApp示例，包括前端、后端和智能合约。它展示了如何使用Solidity语言编写智能合约，使用Truffle框架部署和管理智能合约，使用Web3.js库与智能合约进行交互。
2、Lisk DApp：这是一个基于Lisk区块链的DApp示例，包括前端、后端和智能合约。它展示了如何使用JavaScript编写前端应用程序，使用Node.js编写后端应用程序，使用Lisk SDK编写智能合约。
3、Qtum DApp：这是一个基于Qtum区块链的DApp示例，包括前端、后端和智能合约。它展示了如何使用Vue.js框架编写前端应用程序，使用Node.js编写后端应用程序，使用Qtum SDK编写智能合约。
4、Achain DApp：这是一个基于Achain区块链的DApp示例，包括前端、后端和智能合约。它展示了如何使用React框架编写前端应用程序，使用Node.js编写后端应用程序，使用Achain SDK编写智能合约。
//提交后的方法
FixedLimitDeposit(amount, address) //####### 1.
.then(()=> {
//####### 2.
this.refs.btn.removeAttribute("disabled");
this.setState({
error:'',
msg:Submit success!!! you spent ${amount} deposite asset,and gain ${amount} billasset.
})
}).catch(err => {
//####### 3.
this.refs.btn.removeAttribute("disabled");
this.setState({
error:err,
msg: ''
})
})
return new Promise((resolve, reject) => {
//list available utxo
return listDepositUTXO().then(resp => { //####### 1.
//create the Contract Transaction
return createContractTransaction(resp, amount, address).then(object =>{ //####### 2.
const input = object.input
const output = object.output
const args = object.args
const utxo = object.utxo
//Lock UTXO
return updateUtxo({"hash": utxo}) //####### 3.
.then(()=>{
//Transactions
return window.bytom.send_advanced_transaction({input, output, gas: GetContractArgs().gas*100000000, args}) //####### 4.
.then((resp) => {
//Update Balance
return updateDatatbaseBalance(resp, ...updateParameters).then(()=>{//####### 5.
resolve()
}).catch(err => {
throw err
})
})
.catch(err => {
throw err.message
})
})
.catch(err => {
throw err
})
}).catch(err => {
throw err
})
}).catch(err => {
reject(err)
})
})
