온라인 레스토랑 주문을위한 FMX 템플릿
이 템플릿을 만들기위한 목적은 온라인 주문 애플리케이션의 개발자로서 이미 기본 기능이 준비된 기본 응용 프로그램 설계를 가지고 있다는 것입니다. 백엔드를 응용 프로그램에 연결하고 스타일을 사용하여 데이터를 그래픽 컨트롤로 출력하기위한 기존 메소드에서 컨텐츠 출력을 구성해야합니다. 또한 물론 레스토랑에만 적합한 나머지 기능을 독립적으로 구현할 수 있습니다.
템플릿은 Datamoduls, 10 개의 기능적 형태 및 주요 형태로 구성되며,이 형태는 대부분의 기능적 형태를 표시합니다.
응용 프로그램이 시작되면 시작 양식 ( ufrmGetStarted )이 시작됩니다. 식당의 이름과 기본 연락처 정보가 표시됩니다. 또한 연락처 정보의 오른쪽에는 사용자가 사용 가능한 응용 프로그램 목록 중 하나에서 호출 할 수있는 버튼이 있습니다. 또한 제안 된 신청서 중 하나를 사용하여 식당의 우편 주소로 이메일을 보낼 수 있습니다. 양식의 맨 아래에는 시작 버튼이 있습니다. 이 버튼을 클릭하면 응용 프로그램의 기본 양식 ( ufrmMain )으로 리디렉션됩니다.
시작시 응용 프로그램의 주요 형태는 즉시 대시 보드 양식 ( ufrmDashboard )을로드하고 표시합니다. 기본 양식의 측면 메뉴 또는 대시 보드 양식의 중복 버튼을 통해로드 된 모든 양식은 TTabControl 구성 요소의 페이지에 표시됩니다. 이를 통해 필요한 경우 모든 양식에서 프로그램의 기본 메뉴를 사용할 수 있습니다. 또한 한 형태에서 단일 메커니즘을 통해 효과적으로 개방 된 양식과 전환을 관리 할 수 있습니다. 양식을 작성하고, 기본 형식의 TTabControl 페이지에 컨텐츠를 표시하는 데 사용되는 주요 방법은 물론 이러한 양식의 컨트롤에 기능을 할당하며 LoadScreenByName() 메소드에서 수행됩니다. 그것을 연구하고 그로부터 불리는 방법을 연구하면 응용 프로그램에 양식을 표시하는 논리가 어떻게 구축되는지 알아낼 수 있습니다.
이 템플릿에서 구현 된 양식 :
ufrmMain 주요 형태ufrmCart 카트 양식ufrmCoupons 할인 쿠폰 양식ufrmDashboard 대시 보드 양식ufrmGallery 갤러리 형태의 식당ufrmGetStarted 환영 화면ufrmAboutUs 우리에 대해 우리 형태ufrmMenu 메뉴 양식에서 선택한 요리에 대한 자세한 정보의 형태ufrmAccount 사용자 계정 추가/편집 양식ufrmAddToCart 메뉴에/에서 선택한 접시의 수정자를 추가/제거하기위한 양식ufrmOptionsList 클라이언트가 추가 접시 수정 자 (첨가제)를 선택할 수있는 양식입니다. 소스, 겨자 등과 같은uDMUnit이제 응용 프로그램 데이터와의 작동 방식이 어떻게 구성되는지보다 자세히 분석 할 것입니다. 또한 데이터를 ListBox 및 응용 프로그램 양식의 다른 그래픽 요소로 출력하는 방법을 고려할 것입니다. 예를 들어 애플리케이션 테스트 데이터는 TFDMemtable 구성 요소를 사용하여 구현됩니다. 이 경우 필드 목록은 제한되지 않으며 프로젝트 에서이 구성 요소를 정확하게 사용할 필요가 없습니다. 모든 tquery 또는 tdataset은 괜찮을 것입니다. 이 템플릿 버전은 모든 플랫폼에서 응용 프로그램을 실행할 수있는 기능을 가정합니다.
애플리케이션의 uDMUnit 데이터 모듈에서 TFDMemTable 구성 요소를 테스트 데이터로 채우는 데 필요한 여러 가지 방법이 생성되었습니다. 이러한 방법이 필요하지 않으며 삭제합니다. 그럼에도 불구하고 템플릿을 공부하는 동안 백엔드에서 수신해야 할 데이터 및 데이터베이스에서 선택하여 템플릿에서 사용하여 데이터베이스에서 선택할 수있는 데이터 유형을 시각적으로 이해하는 데 도움이됩니다. 템플릿이 제출 한 데이터에서 올바르게 작동하도록합니다.
FRMMAIN 템플릿의 주요 형태에 대한 StyleBook에 표시된 모든 구성 요소의 스타일은 원하는대로 변경할 수 있습니다. 따라서 필요한 경우 또는 특정 구성 요소에 추가 데이터를 표시 해야하는 경우 기존 스타일을 쉽게 리메이크하고 필요에 맞는 응용 프로그램을 준비 할 수 있습니다.
테스트 데이터가 아닌 TListBox 시각적 요소에 표시되기 위해서는 데이터 모듈에 위치한 TFDMemTable 에 데이터를 업로드하거나 데이터 모듈이 초기화 될 때 (백엔드 또는 데이터베이스에서 데이터를 수신하는 방법을 구현) 데이터를 변경해야합니다. 다음은 응용 프로그램 시작시 테스트 데이터로 TFDMemTables 채우는 모든 방법입니다.
InsertTestDataForTheMenu ();InsertTestDataForTheCoupons ();InsertTestDataForTheGallery ();InsertTestDataForTheOptions ();InsertTestDataForAboutUs ();InsertTestDataForContactInfo (); 방법의 이름으로부터, 테스트 데이터로 한 형식 또는 다른 양식을 작성하는 것이 어떤지 명백합니다. 방법 중 하나를 연구 한 결과, 어떤 TFDMemTable 이 어떤 형태로 사용되는지 분명하게됩니다. * * *
MenuListTable ufrmmenu 및 ufrmcart 양식에서 사용합니다CouponsListTable - UFRMCOUPONS 양식에서 사용합니다GalleryListTable UFRMGallery 형식으로 사용합니다OptionsListTable UFRMoptionsList 및 UFRMADDTOCART 양식에서 사용합니다AboutUsTable ufrmaboutus 및 ufrmgetstarted 양식에서 사용AboutUsDesciptionTable Ufrmaboutus 및 ufrmgetStarted 양식에서 사용합니다 TFDMemTables 에 이미지를 추가하려면 이미 이미지가있는 TImageLists 사용하십시오. 이는 이미지를 TQuery 패밀리의 구성 요소에로드하는 방법을 보여주고 TBlob 유형의 필드에서 이미지를 형태의 그래픽 컨트롤 요소에로드하는 방법을 보여주기 위해 수행됩니다. 예를 들어, TListBox 와 같이.
TFDMemTables 에서 그래픽 제어 요소로 데이터로드되는 것은 각 양식에서 별도로 구현됩니다. 메소드 이름 목록은 다음과 같습니다.
TfrmAboutUs.BuildAboutUsInfo ();TfrmAboutUs.BuildContsctInfoList ();TfrmAddToCart.BuildForm ();TfrmAddToCart.BuildOptionsList ();TfrmCart.BuildCartList ();TfrmCoupons.LoadCouponsList ();TfrmGallery.LoadGalleryList ();TfrmGetStarted.ShowInfoAboutRestaurant ();TfrmGetStarted.BuildContsctInfoList ();TfrmMenu.LoadMenuList ();TfrmOptionsList.BuildOptionsList (); 쇼핑 카트는 TCartList 클래스로 제시된 다양한 레코드를 사용하여 구현됩니다. 접시 및 수정자는 하나 또는 다른 유형의 TCartItemType 사용 하여이 어레이에 추가됩니다. 접시와 수정 자 사이의 연결은 TCartList 클래스의 매개 변수 Index , OwnerIndex 를 통해 구성됩니다.
카트 작업의 편의를 위해 몇 가지 방법이 구현됩니다.
AddItemToCart(aItemId: int64 = 0;aOwnerID: int64 = 0;const aItemName: string = '';aItemType: TCartItemType = citItem;aQuantity: Extended = 1;aItemPrice: Extended = 0;aOwnerIndex: Integer = -1): Integer;DelItemFromCart(aItemIndex: Integer = 0); ClearCart();GetCartTotalAmount(): Extended;어쨌든, 원하는대로 이러한 방법을 변경하거나 양식 및 시각적 구성 요소를 데이터로 작성하는 자체 방법을 작성할 수 있습니다. 템플릿에 주어진 방법은 템플릿의 데이터를 채우는 것이 시각적 요소를 구현하는 방법 과이 데이터의 편집만을 보여줍니다. 위의 방법은 tlistboxitems 또는 tlistboxitems 내부에있는 버튼에 클릭 처리 방법을 할당하는 방법을 제공합니다. 이러한 방법을 분석 한 후에는 태그 속성이 레코드 또는 항목의 식별자를 전송하는 데 사용됩니다.
현재 구현의 각 템플릿은 문체, 그래픽 및 애니메이션 효과만을 나타냅니다. 테스트 데이터는 형태의 그래픽 요소를 채우는 프로세스를 이해하기 위해서만 제시됩니다.
템플릿에 사용 된 그래픽 요소의 아이콘은 리소스에서 가져옵니다.
아래는 응용 프로그램의 모양을 설계하기 위해 이미지가 다운로드 된 인터넷 리소스 목록입니다. GetStarted Form BG 이미지 :
소셜 아이콘 :