Create Smart Template Project.........SAP WEB IDE

Hi All

SAP Recently Release SMART TEMPLATE  Project on SAP WEB IDE.

its completely Based on Annotation no need to write  Code on JS or XMl etc.

SO to Create SMART TEMPLATE Project Following steps are.

STEP1

Create Account on Cloud Cockpit and open SAP HANA Cloud Platform Cockpit

and click on Destnation .

STEP 2 . Create NORTWIND Destnation  click here How to use Northwind OData service with SAP Web IDE

STEP 3

Click Services and 1st column click flpportal

then click Application URL

After that you will enter  SAP WEB IDE HOME PAGE like this

STEP 4

Click NEW ->PROJECT FROM TEMPLATE

STEP 5

Select SMART TEMPLATE Project

and click on NEXT

STEP 6

Enter the Project Name and Title Click on NEXT

STEP 7

DATA Connection  Click Service URL -> Select Northwind ODATA Services -> Write URI As  Northwind/Northind.svc => Click NEXT

STEP 8

Go your DESKTOP  Create a File name as  "metadata.xml"

put this code inside file

<edmx:Edmx Version="1.0" xmlns:edmx="http://schemas.microsoft.com/ado/2007/06/edmx"

    xmlns:m="http://schemas.microsoft.com/ado/2007/08/dataservices/metadata" xmlns:sap="http://www.sap.com/Protocols/SAPData">

    <edmx:DataServices m:DataServiceVersion="2.0">

        <Schema Namespace="NorthwindModel" sap:schema-version="1" xmlns="http://docs.oasis-open.org/odata/ns/edm">

        </Schema>

    </edmx:DataServices>

</edmx:Edmx>

STEP 9

click Add annotation file => select From file system

STEP 10

Browse yr metadata.xml file form Desktop and click OK button

then you will get a file "local_Annotation.xml " will be created

then click Next

STEP 11

Chose ODATA Collection and ODATA  Navigation

then Click Next Then click finish

NOW YOU HAVE BEEN CREATED SMART TEMPLATE PROJECT.

NO got At your PROJECT  and  open it

u wil get this  format of your Project

Here annotation folder consist Annotations file which is used for editing or adding some additional controls because we cant write JS or XML code .we can add controls only from Annotations.

i18n folder contain some Standard text which is display on output screen you can edit also.

localServices folder contains northwind metadata file and mockserver file.

for running the project  Select flpSandbox.html and click on Run

and you will get this view at output

here click on 1st tiles  then you will get OVERVIEW PAGE like this

its is the overview page of smart template

i have attached project file.

SO its was the HOW TO CREATE SMART Template PROJECT .

and  for Editing or adding some controls pls  click here

Adding Controls on Smart template  using Annotations...SAP WEB IDE

thank you

Virendra