Loading
: } Chúng cho phép người dùng mua sản phẩm thị trường Chúng ta làm hai việc phần này: ● Liệt kê tất sản phẩm trang ● Cho phép người dùng mua sản phẩm đăng bán nút bấm Chúng sử dụng đệm đếm mà tạo bên hợp đồng thông minh để xác định có sản phẩm tồn tại, sau chúng tơi sử dụng vịng lặp for để tìm nạp sản phẩm riêng lẻ lưu trữ vào đối tượng trạng thái phản ứng Với thông tin này, chúng tơi hiển thị sản phẩm trang giây lát const productCount = await marketplace.methods.productCount().call() this.setState({ productCount }) // Load products for (var i = 1; i { this.setState({ loading: false }) }) } constructor(props) { // this.createProduct = this.createProduct.bind(this) this.purchaseProduct = this.purchaseProduct.bind(this) } 16 BAO.cao.mon.hoc.KIEN.TRUC.PHAT.TRIEN.HPT.de.tai.xay.dung.marketplace.tren.nen.tang.ethereumBAO.cao.mon.hoc.KIEN.TRUC.PHAT.TRIEN.HPT.de.tai.xay.dung.marketplace.tren.nen.tang.ethereumBAO.cao.mon.hoc.KIEN.TRUC.PHAT.TRIEN.HPT.de.tai.xay.dung.marketplace.tren.nen.tang.ethereumBAO.cao.mon.hoc.KIEN.TRUC.PHAT.TRIEN.HPT.de.tai.xay.dung.marketplace.tren.nen.tang.ethereumBAO.cao.mon.hoc.KIEN.TRUC.PHAT.TRIEN.HPT.de.tai.xay.dung.marketplace.tren.nen.tang.ethereumBAO.cao.mon.hoc.KIEN.TRUC.PHAT.TRIEN.HPT.de.tai.xay.dung.marketplace.tren.nen.tang.ethereumBAO.cao.mon.hoc.KIEN.TRUC.PHAT.TRIEN.HPT.de.tai.xay.dung.marketplace.tren.nen.tang.ethereumBAO.cao.mon.hoc.KIEN.TRUC.PHAT.TRIEN.HPT.de.tai.xay.dung.marketplace.tren.nen.tang.ethereum BAO.cao.mon.hoc.KIEN.TRUC.PHAT.TRIEN.HPT.de.tai.xay.dung.marketplace.tren.nen.tang.ethereumBAO.cao.mon.hoc.KIEN.TRUC.PHAT.TRIEN.HPT.de.tai.xay.dung.marketplace.tren.nen.tang.ethereumBAO.cao.mon.hoc.KIEN.TRUC.PHAT.TRIEN.HPT.de.tai.xay.dung.marketplace.tren.nen.tang.ethereumBAO.cao.mon.hoc.KIEN.TRUC.PHAT.TRIEN.HPT.de.tai.xay.dung.marketplace.tren.nen.tang.ethereumBAO.cao.mon.hoc.KIEN.TRUC.PHAT.TRIEN.HPT.de.tai.xay.dung.marketplace.tren.nen.tang.ethereumBAO.cao.mon.hoc.KIEN.TRUC.PHAT.TRIEN.HPT.de.tai.xay.dung.marketplace.tren.nen.tang.ethereumBAO.cao.mon.hoc.KIEN.TRUC.PHAT.TRIEN.HPT.de.tai.xay.dung.marketplace.tren.nen.tang.ethereumBAO.cao.mon.hoc.KIEN.TRUC.PHAT.TRIEN.HPT.de.tai.xay.dung.marketplace.tren.nen.tang.ethereum Chúng chuyển hai props xuống Main component: ● Tất sản phẩm liệt kê trang ● Hàm buyProduct() để gọi thành phần phụ Chúng cập nhật mã để trơng để: ● Lặp lại tất sản phẩm tạo hàng bảng cho sản phẩm ● Thêm nút để mua sản phẩm cú nhấp chuột, gọi hàm buyProduct() mà vừa tạo { this.state.loading ?Loading
: } 3.2 KẾT QUẢ THỰC NGHIỆM 3.2.1 Khởi động hệ thống Đầu tiên, ta cần khởi động Ganache kích hoạt Workspaces Marketplace: 17 BAO.cao.mon.hoc.KIEN.TRUC.PHAT.TRIEN.HPT.de.tai.xay.dung.marketplace.tren.nen.tang.ethereumBAO.cao.mon.hoc.KIEN.TRUC.PHAT.TRIEN.HPT.de.tai.xay.dung.marketplace.tren.nen.tang.ethereumBAO.cao.mon.hoc.KIEN.TRUC.PHAT.TRIEN.HPT.de.tai.xay.dung.marketplace.tren.nen.tang.ethereumBAO.cao.mon.hoc.KIEN.TRUC.PHAT.TRIEN.HPT.de.tai.xay.dung.marketplace.tren.nen.tang.ethereumBAO.cao.mon.hoc.KIEN.TRUC.PHAT.TRIEN.HPT.de.tai.xay.dung.marketplace.tren.nen.tang.ethereumBAO.cao.mon.hoc.KIEN.TRUC.PHAT.TRIEN.HPT.de.tai.xay.dung.marketplace.tren.nen.tang.ethereumBAO.cao.mon.hoc.KIEN.TRUC.PHAT.TRIEN.HPT.de.tai.xay.dung.marketplace.tren.nen.tang.ethereumBAO.cao.mon.hoc.KIEN.TRUC.PHAT.TRIEN.HPT.de.tai.xay.dung.marketplace.tren.nen.tang.ethereum BAO.cao.mon.hoc.KIEN.TRUC.PHAT.TRIEN.HPT.de.tai.xay.dung.marketplace.tren.nen.tang.ethereumBAO.cao.mon.hoc.KIEN.TRUC.PHAT.TRIEN.HPT.de.tai.xay.dung.marketplace.tren.nen.tang.ethereumBAO.cao.mon.hoc.KIEN.TRUC.PHAT.TRIEN.HPT.de.tai.xay.dung.marketplace.tren.nen.tang.ethereumBAO.cao.mon.hoc.KIEN.TRUC.PHAT.TRIEN.HPT.de.tai.xay.dung.marketplace.tren.nen.tang.ethereumBAO.cao.mon.hoc.KIEN.TRUC.PHAT.TRIEN.HPT.de.tai.xay.dung.marketplace.tren.nen.tang.ethereumBAO.cao.mon.hoc.KIEN.TRUC.PHAT.TRIEN.HPT.de.tai.xay.dung.marketplace.tren.nen.tang.ethereumBAO.cao.mon.hoc.KIEN.TRUC.PHAT.TRIEN.HPT.de.tai.xay.dung.marketplace.tren.nen.tang.ethereumBAO.cao.mon.hoc.KIEN.TRUC.PHAT.TRIEN.HPT.de.tai.xay.dung.marketplace.tren.nen.tang.ethereum Sau ta chạy lệnh “npm start” để khởi động localhost:3000 hiển thị giao diện Marketplace 18 BAO.cao.mon.hoc.KIEN.TRUC.PHAT.TRIEN.HPT.de.tai.xay.dung.marketplace.tren.nen.tang.ethereumBAO.cao.mon.hoc.KIEN.TRUC.PHAT.TRIEN.HPT.de.tai.xay.dung.marketplace.tren.nen.tang.ethereumBAO.cao.mon.hoc.KIEN.TRUC.PHAT.TRIEN.HPT.de.tai.xay.dung.marketplace.tren.nen.tang.ethereumBAO.cao.mon.hoc.KIEN.TRUC.PHAT.TRIEN.HPT.de.tai.xay.dung.marketplace.tren.nen.tang.ethereumBAO.cao.mon.hoc.KIEN.TRUC.PHAT.TRIEN.HPT.de.tai.xay.dung.marketplace.tren.nen.tang.ethereumBAO.cao.mon.hoc.KIEN.TRUC.PHAT.TRIEN.HPT.de.tai.xay.dung.marketplace.tren.nen.tang.ethereumBAO.cao.mon.hoc.KIEN.TRUC.PHAT.TRIEN.HPT.de.tai.xay.dung.marketplace.tren.nen.tang.ethereumBAO.cao.mon.hoc.KIEN.TRUC.PHAT.TRIEN.HPT.de.tai.xay.dung.marketplace.tren.nen.tang.ethereum BAO.cao.mon.hoc.KIEN.TRUC.PHAT.TRIEN.HPT.de.tai.xay.dung.marketplace.tren.nen.tang.ethereumBAO.cao.mon.hoc.KIEN.TRUC.PHAT.TRIEN.HPT.de.tai.xay.dung.marketplace.tren.nen.tang.ethereumBAO.cao.mon.hoc.KIEN.TRUC.PHAT.TRIEN.HPT.de.tai.xay.dung.marketplace.tren.nen.tang.ethereumBAO.cao.mon.hoc.KIEN.TRUC.PHAT.TRIEN.HPT.de.tai.xay.dung.marketplace.tren.nen.tang.ethereumBAO.cao.mon.hoc.KIEN.TRUC.PHAT.TRIEN.HPT.de.tai.xay.dung.marketplace.tren.nen.tang.ethereumBAO.cao.mon.hoc.KIEN.TRUC.PHAT.TRIEN.HPT.de.tai.xay.dung.marketplace.tren.nen.tang.ethereumBAO.cao.mon.hoc.KIEN.TRUC.PHAT.TRIEN.HPT.de.tai.xay.dung.marketplace.tren.nen.tang.ethereumBAO.cao.mon.hoc.KIEN.TRUC.PHAT.TRIEN.HPT.de.tai.xay.dung.marketplace.tren.nen.tang.ethereum 3.2.2 Chức kết nối với ví MetaMask Click vào button Connect Wallet để kết nối: 19 BAO.cao.mon.hoc.KIEN.TRUC.PHAT.TRIEN.HPT.de.tai.xay.dung.marketplace.tren.nen.tang.ethereumBAO.cao.mon.hoc.KIEN.TRUC.PHAT.TRIEN.HPT.de.tai.xay.dung.marketplace.tren.nen.tang.ethereumBAO.cao.mon.hoc.KIEN.TRUC.PHAT.TRIEN.HPT.de.tai.xay.dung.marketplace.tren.nen.tang.ethereumBAO.cao.mon.hoc.KIEN.TRUC.PHAT.TRIEN.HPT.de.tai.xay.dung.marketplace.tren.nen.tang.ethereumBAO.cao.mon.hoc.KIEN.TRUC.PHAT.TRIEN.HPT.de.tai.xay.dung.marketplace.tren.nen.tang.ethereumBAO.cao.mon.hoc.KIEN.TRUC.PHAT.TRIEN.HPT.de.tai.xay.dung.marketplace.tren.nen.tang.ethereumBAO.cao.mon.hoc.KIEN.TRUC.PHAT.TRIEN.HPT.de.tai.xay.dung.marketplace.tren.nen.tang.ethereumBAO.cao.mon.hoc.KIEN.TRUC.PHAT.TRIEN.HPT.de.tai.xay.dung.marketplace.tren.nen.tang.ethereum BAO.cao.mon.hoc.KIEN.TRUC.PHAT.TRIEN.HPT.de.tai.xay.dung.marketplace.tren.nen.tang.ethereumBAO.cao.mon.hoc.KIEN.TRUC.PHAT.TRIEN.HPT.de.tai.xay.dung.marketplace.tren.nen.tang.ethereumBAO.cao.mon.hoc.KIEN.TRUC.PHAT.TRIEN.HPT.de.tai.xay.dung.marketplace.tren.nen.tang.ethereumBAO.cao.mon.hoc.KIEN.TRUC.PHAT.TRIEN.HPT.de.tai.xay.dung.marketplace.tren.nen.tang.ethereumBAO.cao.mon.hoc.KIEN.TRUC.PHAT.TRIEN.HPT.de.tai.xay.dung.marketplace.tren.nen.tang.ethereumBAO.cao.mon.hoc.KIEN.TRUC.PHAT.TRIEN.HPT.de.tai.xay.dung.marketplace.tren.nen.tang.ethereumBAO.cao.mon.hoc.KIEN.TRUC.PHAT.TRIEN.HPT.de.tai.xay.dung.marketplace.tren.nen.tang.ethereumBAO.cao.mon.hoc.KIEN.TRUC.PHAT.TRIEN.HPT.de.tai.xay.dung.marketplace.tren.nen.tang.ethereum 3.2.3 Chức tạo sản phẩm để bán: Điền thông tin sản phẩm mục Add Product: Product Name: tên sản phẩm muốn bán Product Price: giá sản phẩm muốn bán, tính - 3.2.4 Kịch – Chức truy vấn, báo cáo … 3.3 NHẬN XÉT ĐÁNH GIÁ KẾT QUẢ Qua kết thực nghiệm, tác giả có nhận xét sau: − Vấn đề XXX − Vấn đề YYY Thống kê kết bảng, đồ thị 3.4 KẾT CHƯƠNG Chương trình bày KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN KẾT QUẢ ĐẠT ĐƯỢC Trong thời gian tìm hiểu, nghiên cứu sở lý thuyết triển khai ứng dụng công nghệ, đồ án đạt kết sau: Về mặt lý thuyết, đồ án đạt … 20 BAO.cao.mon.hoc.KIEN.TRUC.PHAT.TRIEN.HPT.de.tai.xay.dung.marketplace.tren.nen.tang.ethereumBAO.cao.mon.hoc.KIEN.TRUC.PHAT.TRIEN.HPT.de.tai.xay.dung.marketplace.tren.nen.tang.ethereumBAO.cao.mon.hoc.KIEN.TRUC.PHAT.TRIEN.HPT.de.tai.xay.dung.marketplace.tren.nen.tang.ethereumBAO.cao.mon.hoc.KIEN.TRUC.PHAT.TRIEN.HPT.de.tai.xay.dung.marketplace.tren.nen.tang.ethereumBAO.cao.mon.hoc.KIEN.TRUC.PHAT.TRIEN.HPT.de.tai.xay.dung.marketplace.tren.nen.tang.ethereumBAO.cao.mon.hoc.KIEN.TRUC.PHAT.TRIEN.HPT.de.tai.xay.dung.marketplace.tren.nen.tang.ethereumBAO.cao.mon.hoc.KIEN.TRUC.PHAT.TRIEN.HPT.de.tai.xay.dung.marketplace.tren.nen.tang.ethereumBAO.cao.mon.hoc.KIEN.TRUC.PHAT.TRIEN.HPT.de.tai.xay.dung.marketplace.tren.nen.tang.ethereum BAO.cao.mon.hoc.KIEN.TRUC.PHAT.TRIEN.HPT.de.tai.xay.dung.marketplace.tren.nen.tang.ethereumBAO.cao.mon.hoc.KIEN.TRUC.PHAT.TRIEN.HPT.de.tai.xay.dung.marketplace.tren.nen.tang.ethereumBAO.cao.mon.hoc.KIEN.TRUC.PHAT.TRIEN.HPT.de.tai.xay.dung.marketplace.tren.nen.tang.ethereumBAO.cao.mon.hoc.KIEN.TRUC.PHAT.TRIEN.HPT.de.tai.xay.dung.marketplace.tren.nen.tang.ethereumBAO.cao.mon.hoc.KIEN.TRUC.PHAT.TRIEN.HPT.de.tai.xay.dung.marketplace.tren.nen.tang.ethereumBAO.cao.mon.hoc.KIEN.TRUC.PHAT.TRIEN.HPT.de.tai.xay.dung.marketplace.tren.nen.tang.ethereumBAO.cao.mon.hoc.KIEN.TRUC.PHAT.TRIEN.HPT.de.tai.xay.dung.marketplace.tren.nen.tang.ethereumBAO.cao.mon.hoc.KIEN.TRUC.PHAT.TRIEN.HPT.de.tai.xay.dung.marketplace.tren.nen.tang.ethereum Về mặt thực tiễn ứng dụng, đồ án đạt … Kết đóng góp đồ án thể sau (trình bày đoạn có đánh số ngắn gọn xếp theo mức độ quan trọng giảm dần) Cần làm rõ nội dung kế thừa, nội dung mà tác giả đóng góp luận văn − Phát triển thuật toán nhanh nhiều cho vấn đề xxx − Xây dựng XYZ Chứng tỏ XXX − Xác định YYY Tuy nhiên, tồn vấn đề sau: − Vấn đề XXX − Vấn đề YYY KIẾN NGHỊ VÀ HƯỚNG PHÁT TRIỂN Một số số hướng nghiên cứu phát triển đề tài sau: − Bổ sung hoàn thiện số chức hệ thống … − Đánh giá hiệu môi trường khác … − Kiểm thử chức chương trình … − Bổ sung giải pháp bảo mật an toàn cho hệ thống … − … TÀI LIỆU THAM KHẢO Tiếng Việt [1] Đặng Văn Đức (2001), Hệ thống thông tin địa lý, Nhà xuất Khoa học Kỹ Thuật Hà Nội 21 BAO.cao.mon.hoc.KIEN.TRUC.PHAT.TRIEN.HPT.de.tai.xay.dung.marketplace.tren.nen.tang.ethereumBAO.cao.mon.hoc.KIEN.TRUC.PHAT.TRIEN.HPT.de.tai.xay.dung.marketplace.tren.nen.tang.ethereumBAO.cao.mon.hoc.KIEN.TRUC.PHAT.TRIEN.HPT.de.tai.xay.dung.marketplace.tren.nen.tang.ethereumBAO.cao.mon.hoc.KIEN.TRUC.PHAT.TRIEN.HPT.de.tai.xay.dung.marketplace.tren.nen.tang.ethereumBAO.cao.mon.hoc.KIEN.TRUC.PHAT.TRIEN.HPT.de.tai.xay.dung.marketplace.tren.nen.tang.ethereumBAO.cao.mon.hoc.KIEN.TRUC.PHAT.TRIEN.HPT.de.tai.xay.dung.marketplace.tren.nen.tang.ethereumBAO.cao.mon.hoc.KIEN.TRUC.PHAT.TRIEN.HPT.de.tai.xay.dung.marketplace.tren.nen.tang.ethereumBAO.cao.mon.hoc.KIEN.TRUC.PHAT.TRIEN.HPT.de.tai.xay.dung.marketplace.tren.nen.tang.ethereum BAO.cao.mon.hoc.KIEN.TRUC.PHAT.TRIEN.HPT.de.tai.xay.dung.marketplace.tren.nen.tang.ethereumBAO.cao.mon.hoc.KIEN.TRUC.PHAT.TRIEN.HPT.de.tai.xay.dung.marketplace.tren.nen.tang.ethereumBAO.cao.mon.hoc.KIEN.TRUC.PHAT.TRIEN.HPT.de.tai.xay.dung.marketplace.tren.nen.tang.ethereumBAO.cao.mon.hoc.KIEN.TRUC.PHAT.TRIEN.HPT.de.tai.xay.dung.marketplace.tren.nen.tang.ethereumBAO.cao.mon.hoc.KIEN.TRUC.PHAT.TRIEN.HPT.de.tai.xay.dung.marketplace.tren.nen.tang.ethereumBAO.cao.mon.hoc.KIEN.TRUC.PHAT.TRIEN.HPT.de.tai.xay.dung.marketplace.tren.nen.tang.ethereumBAO.cao.mon.hoc.KIEN.TRUC.PHAT.TRIEN.HPT.de.tai.xay.dung.marketplace.tren.nen.tang.ethereumBAO.cao.mon.hoc.KIEN.TRUC.PHAT.TRIEN.HPT.de.tai.xay.dung.marketplace.tren.nen.tang.ethereum [2] Phạm Hữu Đức (2005), Cơ sở liệu hệ thống thông tin địa lý GIS, Nhà xuất Xây dựng Tiếng Anh [3] Senthil Shanmugan (2004) “Digital urban management programme Evolution of Bangalore GIS model”, Proceedings of the third International Conference on Environment and Health, India [4] Teemu Nuortio, Harri Niska (2003), “Improved route planning and scheduling of waste collection and transport”, Department of Environmental Sciences, University of Kuopio, Finland Internet [5] https://magenest.com/vi/blockchain-trong-thuong-mai-dien-tu/ [6] http:// www.mapreduce.org 22 BAO.cao.mon.hoc.KIEN.TRUC.PHAT.TRIEN.HPT.de.tai.xay.dung.marketplace.tren.nen.tang.ethereumBAO.cao.mon.hoc.KIEN.TRUC.PHAT.TRIEN.HPT.de.tai.xay.dung.marketplace.tren.nen.tang.ethereumBAO.cao.mon.hoc.KIEN.TRUC.PHAT.TRIEN.HPT.de.tai.xay.dung.marketplace.tren.nen.tang.ethereumBAO.cao.mon.hoc.KIEN.TRUC.PHAT.TRIEN.HPT.de.tai.xay.dung.marketplace.tren.nen.tang.ethereumBAO.cao.mon.hoc.KIEN.TRUC.PHAT.TRIEN.HPT.de.tai.xay.dung.marketplace.tren.nen.tang.ethereumBAO.cao.mon.hoc.KIEN.TRUC.PHAT.TRIEN.HPT.de.tai.xay.dung.marketplace.tren.nen.tang.ethereumBAO.cao.mon.hoc.KIEN.TRUC.PHAT.TRIEN.HPT.de.tai.xay.dung.marketplace.tren.nen.tang.ethereumBAO.cao.mon.hoc.KIEN.TRUC.PHAT.TRIEN.HPT.de.tai.xay.dung.marketplace.tren.nen.tang.ethereum BAO.cao.mon.hoc.KIEN.TRUC.PHAT.TRIEN.HPT.de.tai.xay.dung.marketplace.tren.nen.tang.ethereumBAO.cao.mon.hoc.KIEN.TRUC.PHAT.TRIEN.HPT.de.tai.xay.dung.marketplace.tren.nen.tang.ethereumBAO.cao.mon.hoc.KIEN.TRUC.PHAT.TRIEN.HPT.de.tai.xay.dung.marketplace.tren.nen.tang.ethereumBAO.cao.mon.hoc.KIEN.TRUC.PHAT.TRIEN.HPT.de.tai.xay.dung.marketplace.tren.nen.tang.ethereumBAO.cao.mon.hoc.KIEN.TRUC.PHAT.TRIEN.HPT.de.tai.xay.dung.marketplace.tren.nen.tang.ethereumBAO.cao.mon.hoc.KIEN.TRUC.PHAT.TRIEN.HPT.de.tai.xay.dung.marketplace.tren.nen.tang.ethereumBAO.cao.mon.hoc.KIEN.TRUC.PHAT.TRIEN.HPT.de.tai.xay.dung.marketplace.tren.nen.tang.ethereumBAO.cao.mon.hoc.KIEN.TRUC.PHAT.TRIEN.HPT.de.tai.xay.dung.marketplace.tren.nen.tang.ethereum