Create a Page with a Controller - Visualforce

You create controllers the same way you created extensions in the previous tutorial, by navigating to Setup | Develop | Apex Classes | New. You can also have the Visualforceeditor create them for you.

1. Create a new Visualforce page named AccountWithContacts.
2. Enter the following as the body of the page:

   <apex:page controller="MyController">
       <apex:form>
           <apex:dataList value="{! myaccounts}" var="acct">
               <apex:outputText value="{! acct.name}"/>
           </apex:dataList>
       </apex:form>
   </apex:page>

   The contents of the page will be very familiar to you. The primary component iterates over a list of accounts, displaying their names. Where is myaccounts defined? It’s not defined yet, but it will reside in the controller that you specified, MyController.
3. Click Save.
4. Visualforce notes that the class MyController doesn’t exist. Click Create Apex class 'public class MyController'.
5. Visualforce notes that there’s an unknown property myaccounts and offers to create it for you. Click Create Apex method 'MyController.getMyAccounts'.

You will notice two things in your Visualforce editor. First, there’s another error message: Unknown property 'String.name'. This happens because you haven’t quite fully defined the getMyAccounts() method yet. Visualforce doesn’t know the type that will be returned by that method. You’ll also notice a new tab has appeared next to Page Editor titled Controller. This lets you modify the controller’s Apex class.