Your SlideShare is downloading. ×
0
Views and viewlets for
  Plone 3.0 Product
    Development
        Tom Lazar
Who are you?

• Not a veteran Zope Developer
• A Plone integrator with Zope/Plone 2.x
  experience (CMF based skins)
• Ent...
Who am I?
• Self-employed Developer, Sysad and
  Consultant, based in Berlin, Germany
• Started working with Plone in 2003...
History I
            CMF skins
• A skin is a collection of templates and
  ressources (CSS, JS, images, scripts, macros)
...
History II
              Macros

• re-use sub-page templates (navigation, etc.)
• Aquisition based lookup (“Which macro is...
History III
              Slots
• “Macros on steroids”
• i.e. add CSS links to header from body
  template, advanced loops...
History III
        Python scripts

• security limitations (can’t use
  unrestrictedSearchResults, can’t
  import all pack...
History III
        Python scripts

• No subclassing (let alone interfaces)
• Acquisition based lookup (“Which script is
 ...
History IV
            The Good
• very straightforward: copy, edit, reload
• very flexible: easy to override defaults
• ins...
History V
             The Bad
• “implicit magic”: WTF is going on here?!
• tendency to overload templates with
  applicat...
History VI
  The Ugly
“Acquisition is a
jealous mistress”
                   Martin Aspeli



     ‘Nuff said!
Enter Zope3
• Rewritten from the ground up
• “Component Architecture”: Interfaces,
  Adapters... and Views
• pluggable via...
Benefits of the CA

• makes it easy to write small, specific, easy
  to understand code
• re-usability
• explicit (it never ...
portalstatusmessages
Interface                                            Adapter
from zope.interface import Interface, At...
Views + Templates
        Adapters
    (Application Logic)



           View



        Template
Views + Templates


 Let’s dumb this down further ;-)
Views + Templates

• Think “View = Dictionary”
• Views collect data from the application into
  a dictionary
• Templates t...
Views + Templates

• Templates insert, replace and loop
  (conditionally) – keep them ‘dumb’
• use methods (with @property...
Views + Templates

• Templates insert, replace and loop
  (conditionally) – keep them ‘dumb’
• use methods (with @property...
Views + Templates


       Demo
Views + Templates

• avoid using self.foo for attributes (for
  consistency’s sake)
• python expressions in templates are ...
On to the
practical stuff

    Questions?
A Simple View
from Products.Five.browser import BrowserView

class MyView(BrowserView):

    def __call__(self, *args, **k...
A Simple Viewlet
from Products.Five.browser import BrowserView

class MyView(BrowserView):

    def __call__(self, *args, ...
Debugging Views
from Products.Five.browser import BrowserView

class MyView(BrowserView):

    def __call__(self, *args, *...
Context
     from Acquisition import aq_inner

     from Products.Five.browser import BrowserView

     class MyView(Brows...
View Interfaces
   • a contract between developer and designer
from zope.interface import Interface
from zope.interface im...
Dos and Don’ts

• don’t use __init__()
• use __call__()
• don’t use context/foo (expensive!)
• use kw + options/foo and/or...
Hack No. 1
    View + skin template
    For extra flexibility you can hook up a Five
         view with a skin based templa...
Skin switching
• Use a different skin depending on URL
• Useful for editing sites with heavily customized
  public skin
• ...
Skin switching
 The Code
def setskin(site, event):
    if event.request.URL.startswith('https'):
        site.changeSkin(“...
Caching

  Two basic approaches:
• cache results of view methods: memoize
• cache entire view/viewlet: lovely.viewcache
Caching
from plone.memoize.instance import memoize
from Products.Five.browser import BrowserView
class MyView(BrowserView)...
lovely.viewcache
from lovely.viewcache.view import
cachedView

class View(BrowserView):
    pass

CachedView = cachedView(...
lovely.viewcache

• Entire page usually not cacheable
• But caching viewlets is particularly useful
• By using views and v...
subclass BrowserView

• common methods for all your views
• group and share similar behaviour
• hierarchy easier to debug ...
Hack No. 2: custom
           viewlet per page
     Usecase: custom logo viewlet for frontpage only.
     Didn’t want to a...
Hack No. 2: custom
           viewlet per page
from Products.CMFPlone.interfaces import IPloneSiteRoot
from plone.app.layo...
Hack No. 2: custom
           viewlet per page
               That’s stupid, don’t do that!
     Viewlet accepts view attr...
Fun with Views

• Remember:Views are just multi-adapters
  that return (in most cases) HTML
• ZPT is just a default behavi...
Genshi
from zope.publisher.browser import BrowserPage
class HelloGenshi(BrowserPage):
    def __call__(self):
        tmpl...
Genshi
<div xmlns:py=quot;http://genshi.edgewall.org/quot;>
    <p>Hello $who</p>
    <p>Hello ${request.principal.id}</p>...
Genshi

• everything you love about ZPT
• (hardly) anything you hate about ZPT
• also works with non-markup
• still valid ...
Thank you.
Upcoming SlideShare
Loading in...5
×

Tom Lazar Using Zope3 Views And Viewlets For Plone 3.0 Product Development

4,963

Published on

A hands-on workshop on how to use Zope3 Views and Viewlets in Products targeted for Plone 3.0 (and why you would want to do so). Special emphasis will be on best practices in general, handling and validation of forms and how Zope3's shiny new toys make it easier to write reusable code and cleaner markup. Finally, the talk will deal with how Views and Viewlets can help you make your product better cacheable. Although the talk is targeted at Plone integrators who already have experience using the older CMF-based approach it will also try to address people new to Plone who want to customize it in a future-proof manner.

Published in: Business, Technology
2 Comments
3 Likes
Statistics
Notes
  • *sigh* one step closer to understanding the madness that is the paradigm between plone2 & plone3. thanks!

    mrSunday
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • thanks very much, this helped me understand Plone 3.0 much better<br /><br/>
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total Views
4,963
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
211
Comments
2
Likes
3
Embeds 0
No embeds

No notes for slide

Transcript of "Tom Lazar Using Zope3 Views And Viewlets For Plone 3.0 Product Development"

  1. 1. Views and viewlets for Plone 3.0 Product Development Tom Lazar
  2. 2. Who are you? • Not a veteran Zope Developer • A Plone integrator with Zope/Plone 2.x experience (CMF based skins) • Entirely new to Plone (Congratulations!) • Sceptical and / or confused about this stuff
  3. 3. Who am I? • Self-employed Developer, Sysad and Consultant, based in Berlin, Germany • Started working with Plone in 2003 • Contributor since April 2006 (Archipelago Sprint, where development of 3.0 started) • Started Plone 3.0 based product in March 2007, following trunk
  4. 4. History I CMF skins • A skin is a collection of templates and ressources (CSS, JS, images, scripts, macros) • CMF skins have ordered layers • customization = copy to a higher layer • Acquisition based lookup (“Which template is producing this markup?!”)
  5. 5. History II Macros • re-use sub-page templates (navigation, etc.) • Aquisition based lookup (“Which macro is really being called?!”) • Clumsy parameter handling
  6. 6. History III Slots • “Macros on steroids” • i.e. add CSS links to header from body template, advanced loops • extremely powerful • only one macro per slot, though
  7. 7. History III Python scripts • security limitations (can’t use unrestrictedSearchResults, can’t import all packages etc.) • cumbersome to debug (enablesettrace) • Clumsy parameter handling (pyflakes)
  8. 8. History III Python scripts • No subclassing (let alone interfaces) • Acquisition based lookup (“Which script is being called?!”) • hard (impossible?) to test
  9. 9. History IV The Good • very straightforward: copy, edit, reload • very flexible: easy to override defaults • instant gratification (TTW support) • large factor in Zope 2’s success
  10. 10. History V The Bad • “implicit magic”: WTF is going on here?! • tendency to overload templates with application logic (‘dummy’ calls, anyone?) • “maze of python scripts” • in summary: “messy”
  11. 11. History VI The Ugly “Acquisition is a jealous mistress” Martin Aspeli ‘Nuff said!
  12. 12. Enter Zope3 • Rewritten from the ground up • “Component Architecture”: Interfaces, Adapters... and Views • pluggable via configuration a.k.a.“XML sit- ups” (Grok is changing that, though) • lots of other Goodies (buildout, eggs, events)
  13. 13. Benefits of the CA • makes it easy to write small, specific, easy to understand code • re-usability • explicit (it never guesses! no magic!)
  14. 14. portalstatusmessages Interface Adapter from zope.interface import Interface, Attribute from base64 import encodestring, decodestring from pickle import dumps, loads import sys from zope.annotation.interfaces import IAnnotations from zope.i18n import translate from zope.interface import implements class IMessage(Interface): from Products.statusmessages import STATUSMESSAGEKEY from Products.statusmessages.message import Message quot;quot;quot;A single status message.quot;quot;quot; from Products.statusmessages.interfaces import IStatusMessage import logging logger = logging.getLogger('statusmessages') class StatusMessage(object): message = Attribute('The text of this message. quot;quot;quot;Adapter for the BrowserRequest to handle status messages. Let's make sure that this implementation actually fulfills the Usally a Message object.') 'IStatusMessage' API. >>> from zope.interface.verify import verifyClass >>> verifyClass(IStatusMessage, StatusMessage) True quot;quot;quot; implements(IStatusMessage) type = Attribute('The type of this message.') def __init__(self, context): self.context = context # the context must be the request def addStatusMessage(self, text, type=''): quot;quot;quot;Add a status message. quot;quot;quot; text = translate(text, context=self.context) annotations = IAnnotations(self.context) class IStatusMessage(Interface): old = annotations.get(STATUSMESSAGEKEY, self.context.cookies.get(STATUSMESSAGEKEY)) value = _encodeCookieValue(text, type, old=old) quot;quot;quot;An adapter for the BrowserRequest to handle self.context.RESPONSE.setCookie(STATUSMESSAGEKEY, value, path='/') annotations[STATUSMESSAGEKEY] = value def showStatusMessages(self): status messages.quot;quot;quot; quot;quot;quot;Removes all status messages and returns them for display. quot;quot;quot; annotations = IAnnotations(self.context) value = annotations.get(STATUSMESSAGEKEY, self.context.cookies.get(STATUSMESSAGEKEY)) if value is None: return [] def addStatusMessage(text, type=''): value = _decodeCookieValue(value) # clear the existing cookie entries self.context.cookies[STATUSMESSAGEKEY] = None quot;quot;quot;Add a status message.quot;quot;quot; self.context.RESPONSE.expireCookie(STATUSMESSAGEKEY, path='/') annotations[STATUSMESSAGEKEY] = None return value def _encodeCookieValue(text, type, old=None): quot;quot;quot;Encodes text and type to a list of Messages. If there is already some old def showStatusMessages(): existing list, add the new Message at the end but don't add duplicate messages. quot;quot;quot; results = [] quot;quot;quot;Removes all status messages and returns message = Message(text, type=type) if old is not None: them for display. results = _decodeCookieValue(old) if not message in results: results.append(message) quot;quot;quot; # we have to remove any newlines or the cookie value will be invalid return encodestring(dumps(results)).replace('n','') def _decodeCookieValue(string): quot;quot;quot;Decode a cookie value to a list of Messages. The value has to be a base64 encoded pickle of a list of Messages. If it contains anything else, it will be ignored for security reasons. quot;quot;quot; results = [] # Return nothing if the cookie is marked as deleted if string == 'deleted': return results # Try to decode the cookie value try: values = loads(decodestring(string)) except: # If there's anything unexpected in the string ignore it logger.log(logging.ERROR, '%s n%s', 'Unexpected value in statusmessages cookie', sys.exc_value ) return [] if isinstance(values, list): # simple security check for value in values: if isinstance(value, Message): # and another simple check results.append(value) return results
  15. 15. Views + Templates Adapters (Application Logic) View Template
  16. 16. Views + Templates Let’s dumb this down further ;-)
  17. 17. Views + Templates • Think “View = Dictionary” • Views collect data from the application into a dictionary • Templates take the data from the dictionary and insert it into the markup
  18. 18. Views + Templates • Templates insert, replace and loop (conditionally) – keep them ‘dumb’ • use methods (with @property, @memoize at your discretion) • use kw dictionary for simple attributes: kw.update(‘foo’, bar)
  19. 19. Views + Templates • Templates insert, replace and loop (conditionally) – keep them ‘dumb’ • use methods (with @property, @memoize at your discretion) • use kw dictionary for simple attributes: kw.update(‘foo’, bar)
  20. 20. Views + Templates Demo
  21. 21. Views + Templates • avoid using self.foo for attributes (for consistency’s sake) • python expressions in templates are not inherently evil! (only to abuse them is) • python expressions are ca. 3x faster than path expressions!
  22. 22. On to the practical stuff Questions?
  23. 23. A Simple View from Products.Five.browser import BrowserView class MyView(BrowserView): def __call__(self, *args, **kw): kw.update({‘foo’ : self.bar()}) return super(MyView, self).__call__(*args, **kw) @property def some_value(self): return something_complicated()
  24. 24. A Simple Viewlet from Products.Five.browser import BrowserView class MyView(BrowserView): def __call__(self, *args, **kw): kw.update({‘foo’ : self.bar()}) return super(MyView, self).__call__(*args, **kw) @property def some_value(self): return something_complicated()
  25. 25. Debugging Views from Products.Five.browser import BrowserView class MyView(BrowserView): def __call__(self, *args, **kw): import pdb ; pdb.set_trace() return super(MyView, self).__call__(*args, **kw)
  26. 26. Context from Acquisition import aq_inner from Products.Five.browser import BrowserView class MyView(BrowserView): def some_view_function(self): context = aq_inner(self.context) “If you forget the aq_inner() it will probably still work 9 times out of 10, but the 10th time you're screwed and wondering why you're getting insane errors about user folders and attributes not being found.” Martin Aspeli
  27. 27. View Interfaces • a contract between developer and designer from zope.interface import Interface from zope.interface import implements from Products.Five.browser import BrowserView class ISummaryPage(Interface): def summary(): pass def body(): pass class IntroPageView(BrowserView): implements(ISummaryPage) def summary(self): return foo()
  28. 28. Dos and Don’ts • don’t use __init__() • use __call__() • don’t use context/foo (expensive!) • use kw + options/foo and/or Interfaces
  29. 29. Hack No. 1 View + skin template For extra flexibility you can hook up a Five view with a skin based template: from Acquisition import aq_acquire from Products.Five.browser import BrowserView class IntroPageView(BrowserView): def __call__(self, *args, **kw): kw.update({'some_name' : nifty_method()}) return aq_acquire(self.context, 'intro-page')(**kw)
  30. 30. Skin switching • Use a different skin depending on URL • Useful for editing sites with heavily customized public skin • For example: use Plone’s default skin when accessed via HTTPS • Old method with External Method and ‘Set Access Rule’ no longer works (plone.theme marks request with default skin before rule is processed) • New method is actually easier and less code
  31. 31. Skin switching The Code def setskin(site, event): if event.request.URL.startswith('https'): site.changeSkin(“Plone Default”, event.request) The Glue <subscriber for=quot;Products.CMFPlone.interfaces.IPloneSiteRoot zope.app.publication.interfaces.IBeforeTraverseEventquot; handler=quot;.skinswitcher.setskinquot; />
  32. 32. Caching Two basic approaches: • cache results of view methods: memoize • cache entire view/viewlet: lovely.viewcache
  33. 33. Caching from plone.memoize.instance import memoize from Products.Five.browser import BrowserView class MyView(BrowserView): @memoize def expensiveMethod(self): return foo
  34. 34. lovely.viewcache from lovely.viewcache.view import cachedView class View(BrowserView): pass CachedView = cachedView(View) Now use CachedView instead of View in your .zcml Works just the same for Viewlets
  35. 35. lovely.viewcache • Entire page usually not cacheable • But caching viewlets is particularly useful • By using views and viewlets you futureproof your product for later scalability!
  36. 36. subclass BrowserView • common methods for all your views • group and share similar behaviour • hierarchy easier to debug than Acquisition!
  37. 37. Hack No. 2: custom viewlet per page Usecase: custom logo viewlet for frontpage only. Didn’t want to add extra logic to view class and template just for that. Solution: custom template for frontpage <browser:viewlet name=quot;plone.logoquot; manager=quot;plone.app.layout.viewlets.interfaces.IPortalHeaderquot; class=quot;.viewlets.LogoViewletquot; permission=quot;zope2.Viewquot; layer=quot;.interfaces.IMySkinSpecificquot; />
  38. 38. Hack No. 2: custom viewlet per page from Products.CMFPlone.interfaces import IPloneSiteRoot from plone.app.layout.viewlets.common import LogoViewlet as LogoViewletBase class LogoViewlet(LogoViewletBase): _template = ViewPageTemplateFile('logo.pt') _frontpage_template = ViewPageTemplateFile('logo-frontpage.pt') def render(self): if IPloneSiteRoot.providedBy(self.context): return self._frontpage_template() else: return self._template()
  39. 39. Hack No. 2: custom viewlet per page That’s stupid, don’t do that! Viewlet accepts view attribute, problem solved! <browser:viewlet name=quot;plone.logoquot; manager=quot;plone.app.layout.viewlets.interfaces.IPortalHeaderquot; class=quot;.viewlets.FrontpageLogoViewletquot; permission=quot;zope2.Viewquot; layer=quot;.interfaces.IMySkinSpecificquot; view=”IFrontpageView” />
  40. 40. Fun with Views • Remember:Views are just multi-adapters that return (in most cases) HTML • ZPT is just a default behavior • Let’s use... Genshi
  41. 41. Genshi from zope.publisher.browser import BrowserPage class HelloGenshi(BrowserPage): def __call__(self): tmpl = loader.load('helloworld.html') stream = tmpl.generate( request=self.request, who=self.request.principal.id ) return stream.render('html', doctype='html')
  42. 42. Genshi <div xmlns:py=quot;http://genshi.edgewall.org/quot;> <p>Hello $who</p> <p>Hello ${request.principal.id}</p> <table> <tr py:for=quot;key in requestquot; py:if=quot;key.startswith('HTTP')quot;> <td>$key</td> <td>${request[key]}</td> </tr> </table> </div>
  43. 43. Genshi • everything you love about ZPT • (hardly) anything you hate about ZPT • also works with non-markup • still valid XHTML • less verbose
  44. 44. Thank you.
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×