星航计划DeTask 找活网Web3 Dapp应用开发

1

星航计划 - DeTask找活网 0基础开发入门到精通 (1)

第一章开发之路，始于足下开篇引子：我开发找活网(DeTask)的初衷和目的学以致用这个概念一直是我对学习一门新技术的理念。SuiMove星航计划第二期开启之初,我一直在思考如何学好MOVE语言并运用到实际应用。UVD老师提出的detask项目需求，启发了我，于是找活网（DeTask）的

2

界面和AI工具相结合更高效在打算开发一个应用之前，我们需要好好考虑要做什么，这个时候我们需要用到线框图来设计草案。当然，用笔在本子上画也是同样效果。线框工具软件有很多，我这边用的是Axure7，各位如果有顺手的线框软件也请分享一下。\但是，仅仅有线框图是不行的，还需要平面设计师

3

智能合约层初探本章节开始讲述detask智能合约部分的开发俗话说工欲善其事必先利其器，所以工具部分要准备好。REMIX是一个初学者不错的练手工具。网页上就可以编辑SuiMove代码和编译和发布。1.REMIX页面REMIX插件安装CODEBYWELLDONESTUDIO

4

前端初探:准备工作和数据集的获取示例目前DeTask前端是基于官方的SuidAppkit开发参考链接SuiTypeScriptDocs新建工程pnpmcreate@mysten/dapp具体说明大家可以自己看一下官方文档。(node.js要装好)dappkit的几个技术

5

SUIMOVE合约层规划核心数据结构找活网的主要内容就是任务，所以要想一想任务如何存放在链上。方案有2种形式存储1.单独一个个的共享对象存于链上。这种方式灵感来自星航第二期学员Jovi的红包项目，我把任务作为一个个类似红包的对象，用事件获得对象ID。2.做一个容器将任务集中存在一个容

6

前端框架梳理2在第四节讲到前端框架时，漏了说Node.js。执行pnpm命令是需要安装node.js的。最好是去官网下载，如何安装就不在这里冗述了。Node.js建议下载LTS版本。有时间的话安装一个nvm来控制node.js版本，以备不时之需。nvmlist*2

7

vscode&move语言插件detask日常开发使用的IDE是vscode。前端和合约代码都是用vscode。idea粉丝可以另找相关资料。。。既然使用vscode，所以少不了sui-move-analyzer这个插件工具，官方的move-analyzer似乎不怎么更新了。sui

8

第一版项目已经PRDeTask已经成功pr到官网GitHub-movefuns/detask:detask工程里的代码基本都在之前的教程里讲过了，本章再做一些补充。关于编译如果碰到莫名的报错:FailedtobuildMovemodules:Resolvingpa

9

星航计划-DeTask找活网0基础开发入门到精通(9)SuiMOVE的星航仍旧在航行,我们在浩瀚的宇宙中寻找新的家园,寻找新的机会,寻找新的挑战.近期我对找活网进一步的优化和迭代，改变了一些页面和布局。布局色系改为明亮色系弹出框的样式修改,也做了相应的调整添加网络选择

10

星航计划-DeTask找活网0基础开发入门到精通(10)智能合约部分的升级具体步骤和实施升级前的准备packageid：0x07619...c4e06发布者账号：0xb324...5e328UpgradeCap：0x4c1...f7a13b这个保留好，一直用着的首