- 详情
- 目录
构建区块链时代的移动DApp:全栈开发实战课程
在区块链技术迅猛发展的今天,去中心化应用(DApp)已成为连接用户与链上世界的重要桥梁。本课程《构建区块链时代的移动DApp:全栈开发实战》专为希望深入区块链前端与全栈开发的技术人员设计,以一个真实的区块链产品项目为载体,系统讲解从后端服务搭建、前端界面开发到移动端适配发布的完整流程。课程采用“Koa + Vue + MongoDB/Mongoose”为核心技术栈,结合现代前端工程化实践,帮助学员掌握构建高性能、可扩展、用户体验优良的Web3应用所需的核心技能。
课程从MongoDB和Mongoose入手,深入剖析NoSQL数据库在区块链项目中的关键作用。学员将学习MongoDB的基本操作与数据模型设计原则,并重点掌握Mongoose这一强大的ODM(对象数据建模)工具,实现对链下数据(如用户信息、交易记录缓存、NFT元数据等)的高效管理。通过Schema定义、中间件、虚拟属性和数据验证机制的学习,学员能够构建结构清晰、类型安全的数据层,为后续业务逻辑提供坚实支撑。
进入第二章Koa-Vue-Mongoose,课程进入全栈整合阶段。以轻量高效的Koa框架搭建RESTful或GraphQL API服务,结合Vue.js构建响应式前端界面,形成前后端分离的经典架构。本章详细讲解Koa中间件机制、路由控制、错误处理及JWT身份认证,并通过Mongoose连接数据库实现用户注册、登录、数据查询等核心接口。同时,前端Vue部分涵盖组件化开发、状态管理(可选Vuex)与Axios请求封装,实现前后端无缝对接,构建出功能完整的区块链项目基础平台。
第三章脚本测试-Vue路由-Mint,聚焦开发效率与前端工程化。课程引入自动化测试理念,指导学员编写单元测试与集成测试脚本,确保核心逻辑稳定可靠。在路由层面,深入解析Vue Router的动态路由、嵌套路由与导航守卫,实现DApp中常见的多页面跳转与权限控制。此外,引入移动端UI框架Mint UI,快速搭建美观、响应式的界面组件,显著提升开发效率,为后续移动端开发做好视觉与交互准备。
最后两章——“打造项目移动端-上”与“下”,全面展开移动端适配与优化实战。课程以真实移动设备场景为导向,讲解移动端H5开发的关键技术:包括REM或Flex布局实现屏幕适配、移动端触控事件优化、性能调优、PWA支持及在MetaMask等DApp浏览器中的兼容性处理。学员将把前期开发的Web应用重构为专为手机用户设计的移动版本,支持钱包连接、交易签名、链上数据读取等典型区块链功能,最终完成一个可在移动端流畅运行的完整DApp产品。
本课程不仅传授技术,更注重实战思维与项目全局观的培养。通过五章循序渐进的学习,学员将亲手打造一个具备真实业务价值的区块链全栈项目,掌握从数据库设计到移动端发布的全流程开发能力,为进入Web3开发领域打下坚实基础。
第一章:mongodb和mongoose
- 第1节 mongodb的安装10分钟18秒
- 第2节 mongodb的简介23分钟06秒
- 第3节 mongodb的启动03分钟23秒
- 第4节 插入数据14分钟29秒
- 第5节 mongodb的数据库和集合管理命令08分钟38秒
- 第6节 mongodb的操作运算符13分钟27秒
- 第7节 mongodb的skip和limit的运用07分钟27秒
- 第8节 mongodb的$or和$and操作符08分钟48秒
- 第9节 mongodb的$in操作符03分钟15秒
- 第10节 mongodb的$set操作符和mongdb的配置项18分钟46秒
- 第11节 mongodb的remove04分钟53秒
- 第12节 在linux下安装和启动mongodb09分钟02秒
- 第13节 在linux下启动Mongodb的安全验证12分钟15秒
- 第14节 忘记密码怎么办03分钟05秒
- 第15节 忘记密码怎么办20分钟41秒
第二章:koa-vue-mongoose
- 第1节 Mongoose的插入操作38分钟17秒
- 第2节 Mongoose的修改操作18分钟32秒
- 第3节 Mongoose的删除操作03分钟53秒
- 第4节 Mongoose的查找操作22分钟16秒
- 第5节 Mongoose的统计操作05分钟30秒
- 第6节 Mongoose与koa的封装结合18分钟43秒
- 第7节 Vue的组件的定义24分钟59秒
- 第8节 Vue的组件数据初始化12分钟47秒
- 第9节 Vue的组件的数据双向绑定20分钟16秒
- 第10节 完成vue的simpleTodolist静态数据案例10分钟02秒
- 第11节 Vue的深度监听简介06分钟26秒
- 第12节 使用localstorage和深度监听来保持状态32分钟44秒
- 第13节 拆分数据为特定形式05分钟05秒
- 第14节 在vue中使用axios请求mongoose的api18分钟48秒
- 第15节 在vue中使用axios添加数据到mongoose和更新列表38分钟47秒
第三章:脚本测试-vue路由-mint
- 第1节 使用脚本测试合约-设定庄家账户26分钟24秒
- 第2节 使用脚本测试合约-生成随机数12分钟45秒
- 第3节 使用脚本测试合约-设置彩票池06分钟35秒
- 第4节 使用脚本测试合约-购买彩票17分钟52秒
- 第5节 使用脚本测试合约-查询余额10分钟06秒
- 第6节 使用脚本测试合约-开奖28分钟36秒
- 第7节 Mint-ui库的安装和使用35分钟44秒
- 第8节 配置子路由es6模块化21分钟36秒
- 第9节 绑定主路由03分钟43秒
- 第10节 基础路由的使用17分钟49秒
第四章:打造项目移动端-上
- 第1节 制作底部导航条21分钟16秒
- 第2节 底部导航条切换功能12分钟54秒
- 第3节 头部制作11分钟16秒
- 第4节 制作彩票中心组件37分钟11秒
- 第5节 配置路由并制作登录和注册组件25分钟39秒
- 第6节 表单正则表达式验证33分钟43秒
- 第7节 注册api录入手机号和密码36分钟36秒
- 第8节 注册api录入oea地址05分钟43秒
- 第9节 实现登录api30分钟01秒
第五章:打造项目移动端-下
- 第1节 Vue的自定义事件27分钟
- 第2节 使用自定义事件进行登录跳转17分钟04秒
- 第3节 路由跳转11分钟30秒
- 第4节 彩票区块链准备12分钟05秒
- 第5节 在vue中整合web318分钟48秒
- 第6节 模块化合约实例25分钟48秒
- 第7节 初始化彩票中心列表30分钟25秒
- 第8节 实现投注47分钟57秒
- 第9节 实现购买记录38分钟44秒
- 第10节 Vuex的基本使用37分钟29秒
- 第11节 Vuex刷新登录22分钟15秒
- 第12节 实现开奖和渲染开奖历史53分钟39秒