Case – Introduction to AppML Cases: Learn by Real-World Examples

Introduction – Why AppML Cases Matter

AppML is a low-code framework designed to make building data-driven web applications fast and simple. But theory alone doesn’t cut it—real-world examples are key to understanding how to use AppML effectively. That’s where AppML Cases come in.

In this guide, you’ll learn:

• What AppML “cases” are and how they help
• Overview of built-in cases like Customers, Products, and Employees
• Benefits of learning via case-based examples
• How to customize and extend these sample applications

What Are AppML Cases?

AppML Cases are practical, ready-to-run applications that demonstrate how to use AppML with different data sources, models, and controllers. These examples show complete workflows such as:

• Loading data from a JSON or XML file
• Using AppML models for structure and validation
• Displaying and editing records
• Handling sorting, filtering, and form submission

They serve as a starting point for building your own projects.

Example Case Types

How AppML Cases Are Structured

Each case typically consists of:

1. HTML File – Defines layout and uses appml-data, appml-model, and optional appml-controller
2. Model File (JSON/XML) – Specifies fields, datatypes, validations, and keys
3. Data File (JSON/XML/API) – Supplies the data records to display or manipulate
4. Optional Controller – Adds client-side logic like filtering or validation

Sample Case Snippet – Products

<div 
  appml-model="models/product-model.json" 
  appml-data="data/products.json" 
  appml-controller="controllers/product.js">
  
  <h3>Products</h3>
  <p>{{name}} – ${{price}}</p>
  <button appml-submit>Save</button>
</div>

This simple case handles product listing, editing, and saving—all in one HTML block.

Why Use AppML Cases?

Customize AppML Cases

You can extend AppML cases by:

• Changing the data file to connect to your API
• Editing the model to support new fields
• Replacing the controller to apply your business logic
• Styling the UI using custom CSS or frameworks like Tailwind

Summary – Recap & Key Takeaways

AppML Cases are prebuilt learning modules that let you explore AppML’s power by example. From JSON and XML files to backend-driven APIs, these cases show how to build full applications with no JavaScript framework.

Key Takeaways:

• AppML Cases are real apps: Customers, Products, Employees, and more
• Use them to learn how to integrate models, data, and controllers
• Ideal for beginners, teachers, and prototype builders
• Customizable and extendable for real projects

Think of AppML Cases as ready-made app blueprints you can tweak, reuse, or scale.

FAQs – Introduction to AppML Cases

Where can I find AppML sample cases?
Most AppML cases are available in the official AppML repository or course demo kits.

Are these cases production-ready?
Not directly. They are meant for learning and prototyping. You should optimize and secure them before deployment.

Can I replace the data source in a case?
Absolutely. Swap out the data URL in appml-data to connect your API or database.

Do I need to modify the model file for every case?
Yes, if your data structure changes. The model should reflect your new fields and data types.

Can I create my own custom case?
Yes! Simply define an HTML file, a model, and data—then wire them using AppML attributes.