Backbone.js + Twitter Bootstrap

Question

I have been trying to follow the guide at http://coenraets.org/directory/

I have the contents of the "Web" folder copied onto the root of my website and the page appears just fine, I also installed his sql script into my database. The search bar isn't working (probably since my SQL database requires a username and password?). How do I fix this?

Answer 1

I am assuming that you have set up slim to run the php application that receives the javascript calls from backbone.js?

Reference - https://github.com/ccoenraets/backbone-directory/blob/master/api/index.php

The API directory contains a file named index.php . For the php slim framework (http://www.slimframework.com/) in this application, it should contain your database IP, username and password.

Lines 148 onwards in the index.php file.

function getConnection() {
    $dbhost="127.0.0.1";
    $dbuser="root";
    $dbpass="";
    $dbname="directory";
    $dbh = new PDO("mysql:host=$dbhost;dbname=$dbname", $dbuser, $dbpass);  
    $dbh->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
    return $dbh;
}

Your server location - 98.214.131.200 - does not matter if you have set this php application on that server itself. 127.0.0.1 refers to the server localhost itself.

What you need to configure is the $dbuser and $dbpass (your $dbname is obviously correct since you mentioned that that's the MySQL db you created by running the provided sql script) which corresponds to the MySQL database you have set up for this demo app.

If you are using apache to run slim, make sure mod_rewrite is enabled and configure your apache virtualhost to be something like:-

<Directory "C:\Path\To\Your\slimphp">
    Allow From All
    AllowOverride All
</Directory>
<VirtualHost *:80>
    ServerName "slim.php"
    DocumentRoot "C:\Path\To\Your\slimphp"
</VirtualHost>

Ah, if using IIS as @vicvicvic has pointed out, use ModRewrite - http://www.micronovae.com/ModRewrite/ModRewrite.html

Answer 2

You need to configure the backend in the api folder so that it actually communicates with your SQL database. Do this in the getConnection function in api/index.php :

function getConnection() {
    $dbhost="127.0.0.1";
    $dbuser="root";
    $dbpass="";
    $dbname="directory";
    $dbh = new PDO("mysql:host=$dbhost;dbname=$dbname", $dbuser, $dbpass);  
    $dbh->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
    return $dbh;
}