Yuque Archive
工作资料 - 新

项目概要设计文档

Original on Yuque

概要

典型的前后端分离项目：

前端项目：http://10.10.144.13:8888/wangyu/tcm-second-user-front

后端项目：http://10.10.144.13:8888/wangyu/tcm-second-user-backend

前端技术栈：

  • 语言：TypeScript
  • 框架：Pro Ant Design

其他依赖：

  • AntV L7 Maps
  • wangEditor
  • ECharts
  • DataV-react

后端技术栈：

  • 语言：Java
  • 框架：Spring Boot

其他依赖：

  • Spring Data JPA
  • Gson

前端

配置文件

主要配置文件部署目录（是否二级目录）以及前端路由（菜单由路由自动生成）。

目录结构

页面文件都在 src/pages 目录下，主要分四个部分（四种布局），其中只有管理页需要登录鉴权。：

  • src/pages/Index 首页大屏
  • src/pages/inner 内容页
  • src/pages/user/login 登录页
  • src/pages/admin 管理页

src/layouts 下布局文件对应的样式文件里对组件的部分样式进行了重写。

后端

目录结构

基本上就是 DAO 模式：

  • com.umfintech.tcmseconduser.pojo 实体类
  • com.umfintech.tcmseconduser.repository 原子操作
  • com.umfintech.tcmseconduser.service 数据操作服务
  • com.umfintech.tcmseconduser.controller 控制器
  • com.umfintech.tcmseconduser.interceptor 拦截器、过滤器

部署方案

前端项目 build 为静态文件后部署，后端项目直接启动。注意修改配置项（端口、proxy）。