Post on 28-Nov-2014
description
transcript
Coding the Salesforce User Interface with Visualforce Pages
Welcome
Simon Goodyear
Advanced Developer
Force.com MVP
@simongoodyear
What is Visualforce?
• A Framework for building custom user interfaces
for your Salesforce data
• 100% native, hosted in your Salesforce org
• Component based, tag based syntax
Model View Controller (MVC) Pattern
Model Controller View
Your Data Your Logic Your Interface
Standard andCustom Objects
Standard Controllers +Apex Code
Anatomy of a Visualforce Tag
<apex:outputField value = “{!account.Name}”/>
Prefix – Library the Component belongs to (apex, chatter etc.)
Component Name – Type of Component to be generated
Attribute Value – String literal or merge field value passed to the Component
Attribute Name – The name of a value to be passed to the Component
Anatomy of a Visualforce Tag
<apex:outputField value = “{!account.Name}”/>
Use the Expansive Tag Library…
140+ tags to choose from
(more included through
releases)
Apply SF standard styling
easily
Create fields, actions, charts,
– forms and chatter feeds
<apex:actionFunction><apex:actionPoller><apex:actionRegion><apex:actionStatus><apex:actionSupport><apex:areaSeries><apex:attribute><apex:axis><apex:barSeries><apex:canvasApp><apex:chart>...
…Or Roll Your Own
Visualforce integrates easily with other standard
web tech:– HTML
– Javascript
– CSS
• Create your own custom reusable components
Demo
LET’S SEE SOME CODE!
What’s Next?
Try It!
Developer Resources– developer.salesforce.com
Visualforce Developer’s Guide
Get help– developer.salesforce.com/forums
– Stack Exchange
Assistez à notre atelier thématique pour les Développeurs
16h00 – 16h40
Les applications web mobiles sur Salesforce1Présenté par Peter Chittum, Evangéliste pour les développeurs chez Salesforce.com
La communauté de développeurs Salesforce en France
Paris: http://www.meetup.com/Paris-Salesforce-Developer-User-Group/
St Quentin: http://www.meetup.com/Saint-Quentin-Salesforce-Developer-Group/
Thank You