Rookie Tutorial -- Learning not just technology, but also dreams!
Home HTML JAVASCRIPT CSS VUE REACT PYTHON3 JAVA C C++ C# AI GO SQL LINUX VS CODE BOOTSTRAP GIT Local Bookmarks
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 Templates
AppML Case Employees
AppML Case Customers
AppML Case Products
AppML Case Future
AppML Case Model
AppML Case Employees
In-Depth Exploration
Scripting Languages
Search
Web Service
Web Design & Development
Computer Science
Software
Development Tools
Programming
Web Services
Scripting
Case Study - HTML Templates
This case study demonstrates how to build a complete internet application with functionality for listing, editing, and searching information across multiple tables in a database.
Adding HTML Templates
In this chapter, we'll demonstrate how to add HTML templates to HTML pages.
List Customers
HTML - View
Customers
| Customer |
City |
Country |
| #CustomerName# |
#City# |
#Country# |
var customers
customers=new AppML("appml.php","Models/Customers");
customers.run("List01","Template01");
Try it »
List Customers and Customer Form
By cleverly using templates, it's easy to add links between list objects and forms:
HTML - View
Customers
|
Customer |
City |
Country |
 |
#CustomerName# |
#City# |
#Country# |
var customers,customerForm;
customers=new AppML("appml.php","Models/Customers");
customers.run("List01","Template01");
function openForm(id)
{
customerForm=new AppML("appml.php","Models/Customers");
customerForm.displayType="form";
customerForm.run("Form01","",id);
}
Try it »
List Customers and Customer Orders
By cleverly using templates, it's easy to add links between list objects and their linked lists:
HTML - View
Customers
| Customer |
City |
Country |
|
| #CustomerName# |
#City# |
#Country# |
Orders |
| Customer |
Date |
Salesperson |
Shipper |
| #CustomerName# |
#OrderDate# |
#Salesperson# |
#ShipperName# |
var customers,orders;
customers=new AppML("appml.php","Models/Customers");
customers.run("List01","Template01");
function openOrders(id)
{
orders=new AppML("appml.php","Models/Orders");
orders.setQuery("orders.customerid",id);
orders.commands=false;
orders.run("Orders01","Template02");
}
Try it »
Now combine everything together
Finally, with a little code duplication, we can complete the project.
Customer List, Form and Orders
Customers
| Customer |
City |
Country |
|
| #CustomerName# |
#City# |
#Country# |
Orders |
var Customers,Orders
Customers=new AppML("appml.php","Models/Customers");
Customers.run("List01");
function openOrders(id)
{
var Orders=new AppML("appml.php","Models/Orders");
Orders.setQuery("orders.customerid",id);
Orders.commands=false;
Orders.run("List02");
}
Try it »
In the following chapters, you'll see more applications with complete source code.
AppML Case Model
AppML Case Employees
Byte Ark Coding Plan
Supports mainstream large models like Doubao, GLM, DeepSeek, Kimi, MiniMax, etc., with official direct supply for stable reliability.
¥9.9
/ month
Subscribe Now
iFlytek Star Coding Plan
Includes free model call quotas, DeepSeek, GLM, Kimi, MiniMax, a one-stop experience and deployment platform.
¥3.9
/ month
Subscribe Now
Share My Notes
Category Navigation
Python / Data Science
AI / Smart Development
Frontend Development
Backend Development
Database
Mobile Development
DevOps / Engineering
Programming Languages
Computer Basics
XML / Web Service
.NET
Website Construction
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 Formatting Tool
· Random Number Generator
Latest Updates
· docker compose ...
· GraphRAG Beginner Tutorial
· Dart Enums & Symbols
· Dart Unit Testing
· Dart Concurrency & Iso...
· Dart Stream Flow
· Dart Asynchronous Programming
Site Information
· Feedback
· Disclaimer
· About Us
· Article Archive
Follow WeChat
My Bookmarks
Mark Article
Browse History
Clear All
No Records
YouTip