In-place editing with Dancer2 and jQuery

1

Dancer

I'll start with a basic Dancer2 application. Let's pretend we're a freelance developer of some kind and we have many projects for different clients in progress at the same time. At the basic level, you'd like to see what projects you are currently working on. A useful web page might look like this.

#Web Frameworks #Developer Tools #Python Web Framework 4 social mentions

2

jQuery

Now it's time to look at the front-end. I mentioned before that the web page was designed using Bootstrap. And one of the nice things about Bootstrap is that it uses jQuery for all of its front-end cleverness. So it's likely that a page that uses Bootstrap already loads the jQuery core library. We just need to look for an add-on that will support the feature that we need to add. A couple of minutes with Google led me to jQuery-editable which does everything we need.

#Development Tools #UI #Software Libraries 87 social mentions

3

Bootstrap

This is a very basic Dancer2 application. There are two tables, called client and project. I've used Dancer2::Plugin::DBIC to make it easy to access my database from my application. There's a single route that displays this page and the page has been made to look reasonably well-designed by using Bootstrap.

#CSS Framework #Development Tools #Design Tools 326 social mentions