React(3): React 实现卖座App

React实现卖座App

娱乐项目,请勿当真 !!!

简介

之前在学习React的时候,在 bilibili 看到 React 学习视频,于是马上着手 React版本的卖座App 开发

技术栈

js 复制代码
// 前端
React TypeScript Antd-Mobile Dayjs 3D-selection tailwindcss
// 后端
nestjs(websocket+jwt等)

接口对接

  1. 部分直接调用 卖座App接口
  2. 支付接口自己写的 nestjs 后端 , 用的是 支付宝沙盒
  3. 很小部分用的是 mock 的接口

部分详情截图

选择城市

选择电影

影院搜索

登录


选择电影

选座

提交订单

支付

支付成功和出票

我的订单

优惠卷

客服

结尾

  1. 大概就这些功能,感觉自己搞了个 低配版卖座App
  2. 自己对 TS 其实并不太能掌握,可能导致有些混乱,请见谅
  3. 自己的 后端水平, emmmm,真不好说,如果我这个建表给我大学老师看到估计头都给锤烂 ╮(╯▽╰)╭
  4. 用的是 卖座App的接口,谢谢 卖座App 提供给我这么宝贵的接口供我 学习,万分感谢
  5. 如果可以的话,可以直接 folk提issue,旨在互相学习(*^▽^*)

代码

前端: https://github.com/zhengyongkai/react-maizuo

后端 https://github.com/zhengyongkai/nest-maizuo-backend/tree/master

实现和待实现

  • 基础功能
  • 选座
  • 简单聊天
  • 订单转成图片下载
  • 支付功能,包括选择优惠券
  • 用上 tailwindcss
  • 百度地图实现路线规划
  • 余额支付
  • 优化...

关于学习

  1. 自己封装了少量 hook , 以及将自己工作的经验和学习相互转化
  2. 将一些工具封装成 单例模式
  3. 不会用ts类型体操,所以有些ts类型比较简单
  4. 年后可能再找工作机会,希望有大佬可以给一次机会

待优化

  1. 一些类型声明
  2. 一些功能页面拆分

线上地址

等我回去更新个最新版本 ==

更新

暂无

相关推荐
呆呆没有脑袋几秒前
深入浅出 JavaScript 闭包:从核心概念到框架实践
前端
snakeshe10101 分钟前
用100行代码实现React useState钩子:多状态管理揭秘
前端
爱编程的喵1 分钟前
JavaScript闭包深度解析:从作用域到实战应用
前端·javascript
雪碧聊技术1 小时前
深入解析Vue中v-model的双向绑定实现原理
前端·javascript·vue.js·v-model
快起来别睡了1 小时前
手写 Ajax 与 Promise:从底层原理到实际应用
前端
打不着的大喇叭2 小时前
uniapp的光标跟随和打字机效果
前端·javascript·uni-app
无我Code2 小时前
2025----前端个人年中总结
前端·年终总结·创业
程序猿阿伟2 小时前
《前端路由重构:解锁多语言交互的底层逻辑》
前端·重构
Sun_light2 小时前
6个你必须掌握的「React Hooks」实用技巧✨
前端·javascript·react.js
爱学习的茄子2 小时前
深度解析JavaScript中的call方法实现:从原理到手写实现的完整指南
前端·javascript·面试