Scans MyBatis XML files, parses table and JOIN relationships in SQL, and visualizes the table dependency graph to help you quickly understand data relationships and impact scope.
- Next.js (App Router)
- React + TypeScript
- Node.js file scanning and parsing
src/app: Pages and componentssrc/app/components: Core UI componentspublic: Static assetssample-data/mybatis: Sample MyBatis XML data.cache/table-relations: Scan cache output (default)
- Install dependencies and start the dev server:
npm install
npm run dev- Open
http://localhost:3000 - Load data in one of the following ways:
- Click “Use sample XML data” in the UI
- Or input the directory:
sample-data/mybatis
- Enter a table name (e.g.
ORDERSorUSERS) and start scanning
- Scan results are cached in the browser (tabs and pagination) and on the server (by file hash).
- The default cache directory is
.cache/table-relationsand can be cleared as needed.