Ajax, ZF and Smarty feed reader: part 1



In this series I will walk you through the code of a site that uses only Ajax and Scriptaculous to handle it’s completely windowed interface. Making an interface like this is not really good design, it’s only done here for the sake of teaching. It is kinda cool though. Especially if you have a big screen.

Download the Ajax, Zend and Smarty feed reader source.

To set the site up you have to:
1.) Unzip the source in your dev dir which you can access through http://localhost, it’s usually c:\wamp\www\. I will pretend that that is the directory from now on.
2.) Make sure you have a PEAR directory in the www dir.
3.) Se to it that you have the Smarty core directory called ‘libs’ inside the PEAR directory like this: PEAR\libs.
4.) Check that you have HTML Ajax in the PEAR\HTML directory.
5.) And lastly, don’t forget to put the Zend Framework inside the PEAR directory too, it should look like this: PEAR\Zend.
6.) Now you import ajax_tut.sql into a newly created database with the same name.

When that is done you are ready to use the application:
1.) Start with registering a new user.
2.) Login
3.) Create your favorite feeds and categorize them as needed.
4.) Open the list feeds window.
5.) Open the manage feeds window.
6.) Proceed by dragging the red up arrow of feeds you like to the big drop area that is shown in light blue. You have the picture below as your reference.
7.) Lastly, read your feeds by clicking the feed name in the manage feeds window.

feed reader with ajax interface


When you check the source you might realize that it isn’t as slick as the Marry the Zend Framework and HTML Ajax example. True, I made this application before I started doing things “the right way”. However, I trust that you can fill in the blanks yourself as to how code can be removed from the AjaxForm and AjaxRss classes into appropriate controllers, that will be your homework! :)

If this feels like too much for you then check out my first part on how to code a CMS/Community with Smarty and ZF. There are two good links there to newbie resources.

  • Digg
  • del.icio.us
  • blogmarks
  • Reddit
  • Simpy
  • StumbleUpon
  • Technorati
  • description
  • Ma.gnolia
  • Slashdot
  • Sphinn
  • Spurl

Related Posts

Sponsored links

Bvlgari-Bvlgari Automatic
Searching for the credit card that suits you?

Tags: , , ,

Posts linking to this article:

[web] 連結分享
又delay 了...最近太忙,一下子積了太多連結。 不過現在真的發現我的分類能力很差...orz. 所以今年重新調整分類了,網路上的服務或資訊歸類到internet 。還是大家能不能給我一些分類的建議? 有空的話(有嗎?) 要寫一個自己用的書籤整理工具. ...

[Web] 連結分享
PHP. The new way to write AJAX applications with PHP. 繼承phpajax 這個類別後,你就可以很方便地產生以AJAX 操作的HTML 元素。 The completely unofficial Xdebug.ini. 最完整的xdebug 可在php.ini 設定的項目及說明。 ...

Create an Ajax FeedReader with Zend Framework and Smarty
ProDevTips have a good series on creating an Ajax feedreader in three parts. The tutorial uses Zend Framework, Smarty, HTML_AJAX , Prototype and Scriptaculous. Scriptaculous and prototype are used for windowing and drag&drop, ...

ProDevTips.com: Ajax, ZF and Smarty feed reader: part 3
ProDevTips.com has posted the thier part of their series looking at building a feed reader with Ajax, the Zend Framework and Smarty (see parts one and two here). This time we will take a look at the feed list window and the manage ...

ProDevTips.com: Ajax, ZF and Smarty feed reader - part 1
On the ProDevTips.com website, there's a new tutorial (part one of a series) that walks the developer through the integration of the Zend Framework, some Ajax functionality and Smarty to create a feed reader. ...

Subscribe with Google Reader