Insert the data into a field in the object using Visualforce page and Apex

Steps to follow :

1. Creating of a custom object

2. Creating of custom fields

3. Creating an Apex class with a method to insert the data received from the Visualforce page

4. Creating 2 Visualforce pages

    a. Page to insert the data

    b. Page to redirect after the action has taken place

Request - Radical team has received a request from it's client to collect data of their customers.(Name,City,Country and Phone number) No validation is required. And the client wants some blue color sprinkled. "They like blue color"

Understanding the situation -  Collecting the data of the customer needs to be stored somewhere and this can be achieved in Salesforce. Yes, in custom object. Now the situation arrives where to get the color from ? Someone from the back hinted, "let's customize it for the client by creating a Page".
1. A VF page where the data of the customer is entered and some "blue color" on it.
2. An Apex class to handle this data and a custom object to store all this.

Technical team Analysis-  Using custom controller,Apex:inputtext and apex:command Button for inserting records into custom object.

Visualforce Page

<apex:page sidebar="false" controller="DataLoadTestingClass">
 <apex:form >
     <div style="border:1px solid; width:200px;">
    <div style="height:30px;width:150px;margin-top:20px;margin-left:20px;

                     font-size:15px;color:blue;">
             DATA INSERT
         </div>
     <table>
         <tr>
             <td>
                 Name
             </td>
             <td>
                 <apex:inputtext value="{!nameVal}"/>
             </td>
             </tr>
             <tr>
             <td>
                 City
             </td>
             <td>
                 <apex:inputtext value="{!cityVal}" />
             </td>
             </tr>
             <tr>
             <td>
                 Country
             </td>
             <td>
                 <apex:inputtext value="{!countryVal}" />
             </td>
             </tr>
            
             <tr>
             <td>
                 Phone
             </td>
             <td>
                 <apex:inputtext value="{!phoneVal}"/>
             </td>
         </tr>
         <tr >
             <td colspan="2" align="center">
                 <apex:commandButton value="INSERT" style="color:red;" 

                 action="{!doInsert}" />
             </td>
         </tr>
     </table>
     </div>
    
    
    
 </apex:form>

</apex:page>

VisualforcePage - messsagePage

<apex:page>
  Data has been successfully inserted.
</apex:page>

Apex Class

public with sharing class DataLoadTestingClass {

    public PageReference doInsert() {
        DataloadTest__c objdlt = new DataLoadTest__c();
        objdlt.name=nameVal;
        objdlt.city__c=cityVal;
        objdlt.country__c=countryVal;
        objdlt.phone__c=phoneVal;
        insert objdlt;
       
        pagereference ref = new pagereference('/apex/messsagePage');
        ref.setredirect(true);
        return ref;
    }



    public String phoneVal { get; set; }

    public String countryVal { get; set; }

    public String cityVal { get; set; }

    public String nameVal { get; set; }
   
 
}

We need your support,Please share/Like us on Facebook ⛅