跳至主要內容

项目拆分

程序员王天大约 1 分钟

前端

  • react+t、redux、antd、react-router、socket

后端

  • koa、alioss、alipay、soketIo

核心模块

项目适配 eslint

技术项

  • eslint+prettier+husky+commitizen

提薪点

  1. 项目规范-eslint+prettier+husky+commitizen
  2. 配置使用提高项目代码的准确性、安全性和健壮性
  3. 编写项目中公共方法库的 d.ts文件和处理项目中没有声明文件的第三方库【提薪】

源码说明

  1. 已对整个项目进行环境配置  eslint+prettier+husky+commitizen
  2. 项目根目录中,已配置 eslint +prettier 定义 语法风格规范
  3. 公共库/src/utils/tool.d.ts 配置全局类型声明

rbac 权限管理

技术项

  1. react-router、koa

提薪点

  1. 封装公共 hooks
  2. token 鉴权

源码说明

  1. 在项目\src\hooks\封装公共 hooks
  2. 在项目-前端\src\utils\Request.ts请求拦截
  3. 后端封装verifyToken校验中间件-可配置指定接口校验 token

云文件 oss

阿里云 oos、file 上传 、sokectio、分片上传、断点续传、koa

提薪点

  • 服务端断点续传
  • socket 心跳检测

源码说明

server

  • 阿里云 oss 进行服务端上传、判断文件大小、过大切片处理
  • 进度实时回显-使用socketio
  • 文件上传、暂停、使用 koa+sokect+alioss 进行对 oss 切片操作
  • sokcet 心跳检测-可使用 sokcetIO 进行配置、或者手写定时器查询 socket 状态

充值支付

支付宝 sdk、koa

微信下单流程

用户表格

redux、koa、mock

提薪点

  • 搭建项目公共组件库【提薪】

源码说明

  • 前端src\components\my_componet封装表格、分页、弹框相关公共组件

读者朋友好呀,我是王天~ 😊

尝试做过很多事情,半路出道的野生程序员、前端讲师、新手作者,最终还是喜欢写代码、乐于用文字记录热衷分享~

如文章有错误或者不严谨的地方,期待给于指正,万分感谢。🙇‍

如果喜欢或者 有所启发,欢迎 star,对作者也是一种鼓励👏

微信:「wangtian3111」,加我进王天唯一的读者群。

个人博客:https://itwangtian.com