azurice / heavyplatform

Hi there 👋

• 🎓 BJTU School of Software Engineering
• 🔭 Working on ACH, a Minecraft Server Helper for AzurCraft
• 🌱 Learning Rust

heavyplatform's Issues

[component] Order create modal

创建订单组件

难度较难，工作量中等

做成组件而非页面的原因是，组件方便传参，可以实现成一个 Modal（参考 /components/MenuItem/CreateMenuItemModal.tsx）。

const CreateOrderModal: Component<{show: Accessor<boolean>, cartItems: Accessor<CardItem[]>}> = (props) => {
    // ...
}

在这个组件里面同时再做一下支付和支付成功（支付成功才会创建订单）

就整体上是一个弹窗来创建订单，点下一步，内容变成支付，再点立即支付，内容变成支付成功，这个时候添加到订单列表里。

[page] Good category page

详细商品分类页：/pages/Main/Categories，使用 #2 的卡片展示分类下的商品内容

路由：详细分类页：`/categories/:id

难度中等，工作量少

需要学习一下 https://github.com/solidjs/solid-router?tab=readme-ov-file#dynamic-routes

[page] Me page

我的页面：/pages/Main/Me
路由：/me

难度简单，工作量中等

Roadmap

搓搓搓搓搓：

• #2
• #3
• #6
• #7
• #8

答辩

答就完了

[page] Cart page

购物车页面：/pages/Main/CartItems
路由：/cartitems

难度简单，工作量中等

[Component] Good Card

主页商品卡片：/components/GoodCard

难度简单，工作量少

显示在主页/搜索结果中的商品卡片，包含图片、名称、价格基础信息

const GoodCard: Component<{id: number}> = (props) => {
    // ...
}

在组件中通过 createAsync(() => getGood(id)) 调用 store 中使用 cached 包裹的 api 来获取商品。

例：

[page] Good detail page

商品详情页：/pages/Main/Good

路由：/goods/:id

难度中等，工作量中等

需要学习一下 https://github.com/solidjs/solid-router?tab=readme-ov-file#dynamic-routes

[page] Order list page

订单列表页面：/pages/Main/Orders
路由：/orders

难度简单，工作量中等