From aae4253928371a287d4099fd3ec413d9e0606bbe Mon Sep 17 00:00:00 2001 From: shell Date: Sat, 25 Oct 2025 15:44:19 +0800 Subject: [PATCH] docs:update readme.md and ppt.html --- README.md | 2 +- docs/updatalog.md | 17 +++ public/ppt/ppt.html | 262 +++++++++++++++++++++++++++++++++++++------- 3 files changed, 240 insertions(+), 41 deletions(-) diff --git a/README.md b/README.md index 58163b2..b6bed1d 100644 --- a/README.md +++ b/README.md @@ -11,7 +11,7 @@ ## 📖 项目简介 -ArrowTower 是一个基于 Polkadot 生态的地理位置打卡平台，通过**零 Gas 费**后端代铸造技术，让用户无门槛体验 Web3。首期聚焦箭塔村乡村旅游场景，游客完成特色路线打卡和互动任务后，系统自动发放独特 NFT 数字纪念品，无需用户了解Gas费或支付费用，学习钱包使用与签名。 +ArrowTower 是一个基于 Polkadot 生态的地理位置打卡平台，支持一键式平台部署,多场景适用，通过**零 Gas 费**后端代铸造技术，让用户无门槛体验 Web3。首期聚焦箭塔村乡村旅游场景，游客完成特色路线打卡和互动任务后，系统自动发放独特 NFT 数字纪念品，无需用户了解Gas费或支付费用，学习钱包使用与签名。 ![Snapshot](./public/ppt/snapshot.png) 平台可快速拓展至 **Web3 会展活动**、**城市文旅探索**、**教育研学**、**商业营销**、**公益活动** 等多个商业场景。通过链上身份验证和可验证数字凭证，为文旅、会展、教育、营销等行业提供创新的用户互动和数字资产解决方案。 diff --git a/docs/updatalog.md b/docs/updatalog.md index 39ba3bd..ef8533f 100644 --- a/docs/updatalog.md +++ b/docs/updatalog.md @@ -1,3 +1,9 @@ +### 2025-10-01 +* 项目小组成立 +* 项目方案策划书草稿完成 + +--- + ### 2025-10-02 * `add svg` — 新增或加入 SVG 资源。 @@ -174,12 +180,23 @@ * 修复前端与钱包链接bug：`Request of type personal_sign bug` +--- + ### 2025-10-23 * 新增前端部署NFT合约、minter合约，绑定合约关系组件`ContractDeployer.tsx`,并制作`viem.ts`测试合约部署文件 * 修订`readme`文件部分内容，修订`PPT`部分内容 +--- + ### 2025-10-24 * 增加`middleware.ts`重构认证中间件，支持 admin 和 user 角色权限控制 * 修订`readme`文件部分内容，`PPT`部分内容。 * 修复`external_url`内容定义问题。 +--- + +### 2025-10-25 +* 完成视频前后端展示内容，暂缺现场演示视频拍摄 +* 修订`readme`文件部分内容，`PPT`部分内容，部分内容进行分页处理 + + diff --git a/public/ppt/ppt.html b/public/ppt/ppt.html index 8d95c7c..f7dc14d 100644 --- a/public/ppt/ppt.html +++ b/public/ppt/ppt.html @@ -139,6 +139,11 @@ .small-image { max-width: 400px !important; } + + /* 更小的图片样式 */ + .smaller-image { + max-width: 500px !important; + } .center-image img { width: 100%; @@ -380,7 +385,98 @@ } .link-icon { - font-size: 1.2rem; + width: 24px; + height: 24px; + } + + /* 徽章容器样式 */ + .badges-container { + display: flex; + flex-wrap: wrap; + justify-content: center; + gap: 0.5rem; + margin: 0.5rem 0; /* 减少上下间距 */ + } + + .badge { + height: 20px; + border-radius: 3px; + } + + /* 架构图样式 */ + .architecture-diagram { + width: 100%; + max-width: 800px; + margin: 2rem auto; + background: white; + border-radius: 12px; + padding: 1.5rem; + box-shadow: 0 4px 6px rgba(5, 150, 105, 0.1); + border: 1px solid #a7f3d0; + } + + .architecture-diagram pre { + white-space: pre-wrap; + font-family: 'Courier New', monospace; + font-size: 0.9rem; + line-height: 1.4; + color: #065f46; + text-align: left; + } + + /* 架构层样式 */ + .arch-layer { + background: white; + border-radius: 8px; + padding: 1rem; + margin: 1rem 0; + box-shadow: 0 4px 6px rgba(5, 150, 105, 0.1); + border: 1px solid #a7f3d0; + text-align: center; + } + + .arch-layer h4 { + color: #065f46; + margin-bottom: 0.5rem; + } + + .arch-layer p { + font-size: 0.9rem; + margin-bottom: 0; + color: #374151; + } + + .arch-connector { + height: 30px; + width: 2px; + background: #10b981; + margin: 0 auto; + } + + .arch-container { + width: 100%; + max-width: 600px; + margin: 0 auto; + } + + .arch-ui { + background: #ecfdf5; + } + + .arch-blockchain { + background: #d1fae5; + } + + .arch-business { + background: #a7f3d0; + } + + .arch-data { + background: #6ee7b7; + } + + .arch-chain { + background: #34d399; } @@ -423,11 +519,15 @@

陌生人草台班子 (Random Assembly)

- 🔗 + + + GitHub 项目地址: https://github.com/easyshellworld/arrowtower-dapp - 🔗 + + + 演示网站: https://arrowtower.netlify.app/
@@ -438,9 +538,44 @@

陌生人草台班子 (Random Assembly)

项目简介

-

ArrowTower 是一个基于 Polkadot 生态的地理位置打卡平台，通过零 Gas 费后端代铸造技术，让用户无门槛体验 Web3。

+ + +
+ License + PRs Welcome + GitHub Repo stars + Open Issues + GitHub closed pull requests + Last Commit +
+ +
+ Polkadot + Solidity + Web3 + Hardhat +
+ +
+ Next.js + TypeScript + Tailwind CSS +
+ + +
+ Live Demo + CI/CD + Tests + Docker Ready +
+ +

ArrowTower 是一个基于 Polkadot 生态的地理位置打卡平台，支持一键式平台部署,多场景适用，通过零 Gas 费后端代铸造技术，让用户无门槛体验 Web3。

首期聚焦箭塔村乡村旅游场景，游客完成特色路线打卡和互动任务后，系统自动发放独特 NFT 数字纪念品，无需用户了解Gas费或支付费用，学习钱包使用与签名。

-

平台可快速拓展至 Web3 会展活动、城市文旅探索、教育研学、商业营销、公益活动 等多个商业场景。通过链上身份验证和可验证数字凭证，为文旅、会展、教育、营销等行业提供创新的用户互动和数字资产解决方案。

+ +
+ 项目截图 +
@@ -513,10 +648,10 @@

🤝 社区与公益活动

- +
-

技术架构

+

技术栈

前端技术栈

@@ -525,6 +660,7 @@

前端技术栈

  • Tailwind CSS + shadcn/ui
  • wagmi + viem
  • NextAuth.js
    • +
  • TypeScript 5.0+
    • @@ -533,6 +669,7 @@

    后端技术栈

  • Next.js API Routes
  • Prisma ORM
  • 后端代铸造技术
    • +
  • PostgreSQL / MySQL / SQLite
    • @@ -541,45 +678,90 @@

    区块链技术

  • PolkaVM 虚拟机
  • Polkadot Hub Testnet
  • 智能合约系统
    • +
  • Hardhat 开发框架
    • + +
    +
    +
    +
    +

    部署与运维

    +
      +
    • Docker + docker-compose
      • +
    • Kubernetes
      • +
    • GitHub Actions CI/CD
      • +
    • Netlify 部署
      • +
    +
    +
    +

    智能合约

    +
      +
    • Solidity
      • +
    • Minter 合约
      • +
    • NFT 合约
      • +
    • 队列铸造机制
      • +
    +
    +
    +

    其他技术

    +
      +
    • 地理位置验证
      • +
    • 二维码扫描
      • +
    • 任务管理系统
      • +
    • 数据统计看板
    -
    - - - - - - - 用户界面层 (Next.js) - React + Tailwind CSS + - shadcn/ui - - - - 区块链交互层 (wagmi + - viem) - 用户钱包连接与交易签名 - - - - 业务逻辑层 (API Routes + - NextAuth) - 地理位置验证 | 任务管理 | 数据统计 - - - - 数据持久层 (Prisma + - Database) - 用户数据 | 打卡记录 | 任务进度 - +
    +
    + + +
    +
    +

    技术架构

    +
    + +
    +

    用户界面层 (Next.js)

    +

    React + Tailwind CSS + shadcn/ui

    +
    + +
    + + +
    +

    区块链交互层 (wagmi + viem)

    +

    用户钱包连接与交易签名

    +
    + +
    + + +
    +

    业务逻辑层 (API Routes + NextAuth)

    +

    地理位置验证 | 任务管理 | 数据统计

    +
    + +
    + + +
    +

    数据持久层 (Prisma + Database)

    +

    用户数据 | 打卡记录 | 任务进度

    +
    + +
    + + +
    +

    区块链层 (PolkaVM + Testnet)

    +

    Polkadot Hub Testnet | Smart Contracts

    +
    -
    +

    核心功能模块

    @@ -612,7 +794,7 @@

    🚀 部署运维模块

    -
    +

    感谢大家观看

    鸣谢

    @@ -634,7 +816,7 @@

    鸣谢

    -
    1 / 9
    +
    1 / 10