前端简介 ​

后台前端使用基于 React 的 DuxRefine 中后台前端框架，该框架使用 Tdesign 与 React Refine 进行封装常用组件，后台页面均使用该框架进行开发，您需要先了解最基本的 React 使用则可进行开发。

开发调试 ​

后台前端目录存放在项目根目录的 web 中，需要执行以下步骤开启调试：

• 修改 use.yaml 中vite.dev 为 true

• 在 web 目录中执行命令安装前端依赖：

yarn

yarn

• 运行前端调试

yarn dev

yarn dev

• 访问后台

在浏览器中通过以下地址则可访问前端开发模式

http://本地域名/manage

http://本地域名/manage

目录说明 ​

前端的开发架构与后端一致，每个应用模块均有一个目录 web/src/pages/模块名 该模块名和后端的模块的对应，其中包含 index.ts 的入口文件。

接口资源 ​

config 目录中包含了 resources.tsx 资源配置文件，通过该配置可定义菜单和请求api，如资源名为 content.article 则对应后端的 content/article 路由，前面会根据不同的后台入口增加 admin 等前缀。

开发文档 ​

更多开发文档请参考 duxrefine 和 tdesign