Hi give me step by step about BSP please no links i have all

Question

Hi give me step by step about BSP please no links i have all
Thank you,
Jagrut BharatKumar Shukla

Answer 1

Hi
Example 1: A simple “Hello World” example
1.     Go to SE80 or TOOLS->ABAP Workbench->Overview->Object Navigator.
2.     Then go to BSP Application in Repository Browser
3.     Give a name starting with ‘Z’ and the click on display.
Click ‘yes’ and then again a window will appear which asks for description of that BSP Application as shown below:
And then press ‘Save’ button and give a package Name (give $TMP for local objects).
4.     Now Right-Click on your BSP Application and create a Page
Give Page Name and description and page type as ‘Page with Flow Logic’. And then press ‘Save’ Button.
Here in the ‘LAYOUT’ portion some default code is written.
Delete this code and write your own code as shown below:
There is some default code written in the Layout section. We’ll replace this code by our own. In this first page we will use HTMLB to create the layout of the page. The extension that we use has to be specified. We’ll add the title and heading. Then we’ll add the input field for the user to enter his/her name and a button which the user presses to go to the next page.
     The code written is –
<%@page language="abap"%>
<%@extension name="Htmlb" prefix="htmlb" %>
<htmlb:content design="design2002">
    <htmlb:page title="first page to take in user's name" >
    <htmlb:group id = "group1"
             design = "sapcolor“
bodyColor = "#44AACC"
             tooltip ="Tooltip for group1">
    <htmlb:groupBody>
        <htmlb:form>
        <br><br>
<font color = "#0000EE">
        <h2 align="center">Enter your name</h2>
    </font>   
    <br><br><br><br>
    <center>
      <htmlb:gridLayout cellSpacing = "0"
                        cellPadding = "0“
width       = "50%"
                        height      = "20%"
                        columnSize  = "2"
                        rowSize     = "2"
                        >
    <htmlb:gridLayoutCell columnIndex     = "1"
                          rowIndex        = "1"
                          horizontalAlignment = "CENTER"
                           >
      <font color = "#0000EE">
      <htmlb:label id     = "l_name"
                   text   = "User name"
                   for    = "user_name"
                   design = "EMPHASIZED"></htmlb:label>
      </font>
</htmlb:gridLayoutCell>
    <htmlb:gridLayoutCell columnIndex     = "2"
                          rowIndex        = "1"
                          horizontalAlignment = "CENTER"
                          >
     <htmlb:inputField  id ="user_name"
                     value = "<%= user_name %>"
             />
    </htmlb:gridLayoutCell>
    </htmlb:gridLayout>
    <br><br><br>
    <htmlb:gridLayout   cellSpacing = "0"
                        cellPadding = "0"
                        width       = "50%"
                        height      = "20%"
                        columnSize  = "1"
                        rowSize     = "2"
                        >
    <htmlb:gridLayoutCell columnIndex     = "1"
                          rowIndex        = "1"
                          horizontalAlignment = "CENTER"
                           >
<htmlb:button id = "b_next"
                   text = "NEXT"
                   onClick = "onInputProcessing(b_next)"></htmlb:button>
    </htmlb:gridLayoutCell>
      </htmlb:gridLayout>
        <br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br>
      </center>
          </htmlb:form>
     </htmlb:groupBody>
     </htmlb:group>
  </htmlb:page>
</htmlb:content>
Now activate both the application and Page by pressing on the ‘ACTIVATE’ button.
6.     To call your BSP application press F8 or click test Button from 
Your BSP Application, a window asking for user-name and     password will appear :
Give SAP user-name and password and the press ‘OK’.
Example2: Displaying Database tables
For displaying tables from your BSP Application follow points 1 to 5.
In order to display a database table, you need to create an internal Table, select entries from database table to this internal table and then finally display the internal table.
1.     Create an internal table by clicking ‘Page Attributes’ TAB and
Then declare your internal table as shown below:
2.     Now for selecting entries from database table, Go to
  ‘Event Handler’ TAB then go to OnInitialization event and write
  the code for selecting entries from database table into the
  internal table
3.     Finally write the code in layout for displaying the table
Activate both the application and the page and then run the application as explained above
Thanks & regards
Ravish Garg
+
*If you find it useful, plz reward points+