-- Learning is not just about technology, but also about dreams! Home HTML JAVASCRIPT CSS VUE REACT PYTHON3 JAVA C C++ C# AI GO SQL LINUX VS CODE BOOTSTRAP GIT Bookmark Locally AppML Tutorial AppML Tutorial How to Use AppML AppML Download AppML Architecture AppML Reference Manual AppML Case Introduction AppML Case Prototype AppML Case Model AppML Case Template AppML Case Employees AppML Case Customers AppML Case Products AppML Case Future AppML Tutorial AppML Download Deep Dive Computer Data Management Software Computer Hardware database Scripting Languages Computer Science Web Application Computers & Electronics How to Use This chapter demonstrates how to create an application through the following 4 simple steps. The next chapter will introduce how to download , and start developing web applications on your own computer. 1. Create a Model Create a file with the following content:   Demo   SELECT CustomerName,ContactName,City,Country FROM Customers   CustomerName     CustomerName   Save this file as Customers.xml in the Models subdirectory (recommended). Model Explanation The tag defines the model. The tag defines the model's data source. The tag defines the database. The tag defines the database connection. The tag defines the data query. The tag defines the default sort order. The tag defines valid query filters. 2. Create a WEB Page In your first app, create an HTML page: Example

My First Web Application

           

Customer	City	Country
Alfreds Futterkiste	Berlin	Germany

Try it yourself » 3. Add Styling Add cascading styles to your web page to run the app: Example

My First Web Application

           

Customer	City	Country
Alfreds Futterkiste	Berlin	Germany

Try it yourself » 4. Add Script and Run the Application Add script to your web page to run the app: Example

My First Web Application

app=new AppML("appml.htmlx","Models/Customers.xml"); app.run("Place01","Template01"); Try it yourself » Example Explanation The library contains numerous functions that can be called from your web page. loads the library. The JavaScript statement: app=new AppML("appml.htmlx","Models/Customers.xml"); creates an AppML application object and executes the server-side script "appml.htmlx" to load data from the "Customers.xml" file. The JavaScript statement app.run("Place01","Template01"); inserts the data into the HTML element with id="Place01", using the element with id="Template01" as the template. The attribute id="appml_row" defines where each record is inserted into the HTML element. Data within # markers will be replaced with data from the model. With all of the above, can you imagine faster prototyping? How Does It Work? When a web page loads, you can load the controller into the page. Using the controller, you can create objects on the page. When you run an object on the page, it requests the server-side data controller. The object receives data from the server (using the data model). The object (or your code) displays the data on the page. (Optional) Web users can modify the data. (Optional) can send data to the server backend. (Optional) The server controller can store data on the server side. Typical Web Files and Folders: Web folder: Demo Data folder: Data Images folder: Images Models folder: Models Application: Demo.htm Styles: Demo.css Configuration file: appml_config.php (or .htmlx) Style file: appml.css Browser controller: appml.js Server controller: appml.php (or .htmlx) No Restrictions You can place objects anywhere in an HTML page. does not affect other parts of the page. When no template is specified, defaults to standard display mode. This is perfect for rapid prototyping. However, 's main purpose is not page rendering. primarily reads application data. The retrieved data can be freely styled using HTML, CSS, and JavaScript. You can: Write your own HTML and let AppML handle the data. Call models and handle all display logic. Use AppML’s attributes and methods to create other combinations. You’ll soon discover that is powerful—it provides data and data models for your web applications. You can: Define data security for users or user groups Connect to all types of databases, such as Access, MySQL, SQL, and Oracle Connect to XML files and text files Define data types, formats, and constraints Add any new elements to models. Read the Reference Manual AppML Tutorial AppML Download Byte Ark Coding Plan Supports mainstream large models including Doubao, GLM, DeepSeek, Kimi, MiniMax, etc., officially supplied for stable and reliable service. ¥9.9 / month Sign Up Now iFLYTEK Xingchen Coding Plan Includes free model invocation quota; supports DeepSeek, GLM, Kimi, MiniMax — a one-stop experience and deployment platform. ¥3.9 / month Sign Up Now Click to Share Notes Category Navigation Python / Data Science AI / Intelligent Development Frontend Development Backend Development Database Mobile Development DevOps / Engineering Programming Languages Computer Fundamentals XML / Web Service .NET Website Building Advertisement Online Examples · HTML Examples · CSS Examples · JavaScript Examples · Ajax Examples · jQuery Examples · XML Examples · Java Examples Character Sets & Tools · HTML Character Set Settings · HTML ASCII Character Set · JS Obfuscation/Encryption · PNG/JPEG Image Compression · HTML Color Picker · JSON Formatter Tool · Random Number Generator Latest Updates · docker compose ... · GraphRAG Beginner Tutorial · Dart Enums and Symbols · Dart Unit Testing · Dart Concurrency and Iso... · Dart Stream · Dart Asynchronous Programming Site Information · Feedback · Disclaimer · About Us · Article Archive Follow on WeChat My Favorites Bookmark Article Browsing History Clear All No records yet