Overview
About this project
เครื่องมือสร้างโค้ด Angular แบบสำเร็จรูป (Angular Code Generator Tool)
A high-performance, professional low-code productivity tool designed to automate the creation of Angular CRUD components. Generate complete frontend modules including Services, Interfaces, HTML, and TypeScript in seconds from any data source. ✨ Key Features 🎯 Multi-Source Generation: Relational Databases: SQL Server, MySQL, PostgreSQL. Legacy Systems: Specialized support for AS/400 (IBM i). Modern APIs: Parse REST API structures via URL. JSON Raw Data: Generate code directly from JSON samples. 🎨 UI Strategy Pattern: Supports multiple CSS frameworks: Bootstrap 5 (High-speed, responsive) Angular Material (Premium, standard look) ⚡ Offline Ready: All libraries (Bootstrap, Font Awesome, Prism.js) are localized—no CDN dependencies. 👁️ Real-time Preview: Syntax-highlighted code preview with Prism.js. 📦 ZIP Export: Download your entire generated module as a ready-to-use ZIP package. 📠 Exclusive IBM AS/400 Support This generator provides deep integration with IBM i (AS/400) legacy systems:
Library/Table Separation: Precise schema discovery by targeting specific Libraries and Tables. Auto-Labeling: Automatically fetches COLUMN_TEXT labels from AS/400 to use as UI field names. Dapper Integration: Optimized high-speed schema reading using Dapper and OleDb. 🛠️ Tech Stack Backend: ASP.NET Core 8.0 (C#) Data Access: Dapper (High-performance micro-ORM) Frontend: Vanilla JS (AJAX-driven), CSS3, HTML5 Libraries: Prism.js: Code syntax highlighting JSZip: In-browser ZIP generation Font Awesome: Modern vector icons Bootstrap/Material: Modern UI layouts
📖 Usage Connect: Click the Database Status icon to configure your connection. Select Source: Choose between SQL, API, or JSON. Configure: Select your table or paste your API/JSON data. Customization: Select CRUD operations (Get, Post, Put, Delete). Select the CSS framework (Bootstrap/Material). Toggle individual fields to include/exclude. Generate: Click Generate Code and instantly preview your Angular modules. Download: Use Download All (ZIP) to grab the files.
