Click here to Skip to main content
15,861,172 members
Articles / Database Development / NoSQL

RavenDB - An Introduction

,
Rate me:
Please Sign up or sign in to vote.
4.87/5 (38 votes)
28 Apr 2010CPOL7 min read 259.7K   2.7K   112  
An introduction to RavenDB - a new open source .NET document database using .NET 4.0 and VS 2010
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Raven DB</title>
    <link href="css/rdb.css" rel="stylesheet" type="text/css" />
    <link href="css/Pager.css" rel="stylesheet" type="text/css" />
    <link href="css/smoothness/jquery-ui-1.8rc2.custom.css" rel="Stylesheet" type="text/css" />

    <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
    <script type="text/javascript" src="js/jquery-ui.js"></script>
    <script type="text/javascript" src="js/jquery-jtemplates.js"></script>
    <script type="text/javascript" src="js/jquery.pager.js"></script>
    <script type="text/javascript" src="js/json2.js"></script>

    <script type="text/javascript" src="js/jquery.RavenDB.js"></script>
    <script type="text/javascript" src="js/raven-ui.js"></script>

    <script type="text/javascript">
        var pageNumber = 1;
        var pageSize = 25;
        var numPages;

        $(document).ready(function () {
            RavenUI.GetIndexCount(function (totalCount) {
            numPages = Math.ceil(totalCount / pageSize);
                var totalIndexes = totalCount;
                if (totalIndexes != 0) {                    
                    getIndexPage();
                } else {
                    $('#indexList').html('There are no indexes in your database');
                }
            });

            $('#createNewIndex').button({
                icons: { primary: 'ui-icon-plusthick' }
            }).click(function () {
                CreateIndex();
            });

            $('#editSearchedIndex').button({
                icons: { primary: 'ui-icon-pencil' }
            }).click(function () {
                EditIndex($('#indexNameSearch').val());
            });
            
            $('#deleteIndex').button({
                icons: { primary: 'ui-icon-trash' }
            });


            $('#indexNameSearch').autocomplete({
                source: function (request, response) {
                    RavenUI.SearchIndexes(request.term, function (searchResult) {
                        response(searchResult);
                    });
                },
                minLength: 2,
                select: function (event, ui) {
                    $('#editSearchedIndex').fadeIn();
                }
            }).keyup(function (event) {
                if (event.keyCode != 13) {
                    $('#editSearchedIndex').fadeOut();
                }
            });
        });

        function getIndexPage() {
            $('#indexList').html('<img src="images/ajax-loader.gif" /> Loading...');

            RavenUI.GetIndexPage(pageNumber, pageSize, '#indexList', function () {
                $('.searchListItem').each(function () {
                    $(this).click(function () {
                        EditIndex($(this).attr('id'));
                    });
                    
                    $("#pager").pager({
                        pagenumber: pageNumber,
                        pagecount: numPages,
                        buttonClickCallback: pagerClick
                    });
                    
                    var previousBGColor;
                    $(this).hover(function () {
                        previousBGColor =  $(this).css('background-color');
                        $(this).css('background-color', '#94C2D8');
                        var x = $(this).position().left + $(this).outerWidth();
                        var y = $('.searchListWrapper').position().top;
                        var width = $('#body').width() - x - 20;
                        var previewText = unescape($(this).children('.searchListItemValue').html());                       
                        var previewDiv = $('<div class="indexPreview"></div>');
                        $(previewDiv).html("<h2>Click to edit this index</h2><h3>Index Preview:</h3>" + previewText);                        
                        $('#indexPreview')
                            .css('width', width +'px')
                            .css('position', 'absolute')
                            .css('left', x + 'px')
                            .css('top', y + 'px')
                            .html(previewDiv);
                        if ($('#indexPreview').is(":animated"))
                                $('#indexPreview').stop().show().fadeTo("normal",  0.9);
                        else
                            $('#indexPreview').is(':visible') ? $('#indexPreview').fadeTo("normal", 0.9) : $('#indexPreview').fadeIn();                        
                    }, function () {
                        $(this).css('background-color', previousBGColor);
                        if ($('#indexPreview').is(':animated'))
                            $('#indexPreview').stop().fadeTo("normal", 0, function() { $(this).hide() });
                        else
                            $('#indexPreview').stop().fadeOut();
                    });
                });
            });
        }

        function EditIndex(name) {
            RavenUI.GetIndex(name, function (index) {
                $('#indexEditorName').val(name);
                $('#indexEditorMapDef').val(index.index.Map);
                $('#saveError, #ajaxSuccess, #ajaxError').hide();
                
                $('#deleteIndex').show().click(function() {
                    var deleteDialog = $('<div title="Delete Confirmation" class="ui-state-error ui-corner-all" style="padding:20px;"></div>');
                    $(deleteDialog)
                        .html('<p><span style="float: left; margin-right: 0.3em;" class="ui-icon ui-icon-alert"></span>Are you sure you want to delete this index?</p>')
                        .dialog({
                            modal: true,
                            buttons: { 
                                'Delete' : function() {
                                    RavenUI.DeleteIndex(name, function(data) {
                                        $(deleteDialog).dialog('close');
                                        $('#divEditor').dialog('close');                       
                                        $('#ajaxSuccess').html('Your index has been deleted.').fadeIn('slow');
                                        getIndexPage();
                                    });                                                             
                                }, 
                                Cancel: function() {
                                    $(this).dialog('close');
                                }
                            },
                            width: 'auto'
                        });
                });
                $('#divEditor').dialog({
                    modal: true,
                    buttons: {
                        Save: function () {
                            var newName = $('#indexEditorName').val();
                            var mapDef = $('#indexEditorMapDef').val();
                            RavenUI.SaveIndex(newName, mapDef, function (data) {
                                $('#divEditor').dialog('close');
                                $('#ajaxSuccess').html('Your index has been updated. Click <a href="#" onclick="EditIndex(\'' + newName + '\'); return false;">here</a> to see it again.').fadeIn('slow');
                                getIndexPage();
                            }, function() {
                                $('#saveError').fadeIn();
                            });                                                        
                        },
                        Cancel: function () {
                            $(this).dialog('close');
                        }
                    },
                    title: 'Edit Index',
                    width: 500
                });
            });
        }

        function CreateIndex() {
            $('#indexEditorName').val('');
            $('#indexEditorMapDef').val('');
            $('#saveError, #ajaxSuccess, #ajaxError').hide(); 
            $('#deleteIndex').hide();           
            $('#divEditor').dialog({
                modal: true,
                buttons: {
                    Save: function () {
                        var newName = $('#indexEditorName').val();
                        var mapDef = $('#indexEditorMapDef').val();
                        RavenUI.SaveIndex(newName, mapDef, function (data) {
                            $('#divEditor').dialog('close');
                            getIndexPage();
                            $('#ajaxSuccess').html('Your index has been created. Click <a href="#" onclick="EditIndex(\'' + newName + '\'); return false;">here</a> to see it again.').fadeIn('slow');
                        }, function() {
                            $('#saveError').fadeIn();
                        });
                    },
                    Cancel: function () {
                        $(this).dialog('close');
                    }
                },
                title: 'Create New Index',
                width: 500
            });
        }


        function pagerClick(newPageNumber) {
            pageNumber = newPageNumber;            
            getIndexPage();
        }
    </script>
</head>
<body>
    <div id="header">
        <div id="logo">
            <a href="index.html" title="Home"><img src="images/logo.png" alt="RavenDB" style="border:none;" /></a>
        </div>
        <div id="nav">
            <ul>
                <li><a href="index.html">home</a></li>
                <li><a href="statistics.html">global statistics</a></li>
                <li><a href="documents.html">documents</a></li>
                <li><a href="indexes.html" class="nav_active">indexes</a></li>
                <li><a href="view.html?docId=raven_documentation/index">documentation</a></li>
            </ul>
        </div>
        <div class="clear"></div>
    </div>    
    <div id="body" style="position:relative;">
        <div id="ajaxSuccess"></div>
        <div id="ajaxError"></div>
        <div id="right" style="width:250px;">
            <div class="sideBarListBox">
                <h3>Index Actions</h3>
                <ul>
                    <li><button id="createNewIndex">Create New Index</button></li>
                    <li>
                        Search Indexes By Name<br />
                        <input id="indexNameSearch" style="width:200px; margin: 10px 0;" /><br />
                        <button id="editSearchedIndex" style="display:none;">Edit Index</button>
                    </li>
                </ul>
            </div>
        </div>
        <div id="content" style="margin-right:350px;">
            <h2>
                Indexes
            </h2>
            <div id="divEditor" style="display:none;">
                <div id="saveError" style="font-weight:bold; color:Red; margin:20px 0; display:none;">
                    There was an error saving your index.<br />
                    Please ensure your syntax is correct and try again.
                </div>
                <label for="indexEditorName">Name</label><br />
                <input type="text" style="width:100%;" id="indexEditorName" name="indexEditorName"></input><br /><br />

                <label for="indexEditorMapDef">Map:</label><br />
                <textarea style="width:100%; height:100px;" id="indexEditorMapDef" name="indexEditorMapDef"></textarea><br /><br />
                <button id="deleteIndex" style="margin-bottom:20px;">Delete Index</button>
            </div>
            <p id="indexList">
                <img src="images/ajax-loader.gif" /> Loading...
            </p>
            <div id="pager"></div>
            <div id="indexPreview" class="ui-corner-all" style="display:none; background-color: #fff; border:1px solid #000; opacity: 0.9;">
            
            </div>
        </div>                
    </div>
    <div id="footer">
        <div style="float:left; margin-left:20px;">
            Copyright 2010 <a href="http://hibernatingrhinos.com">Hibernating Rhinos</a>. All Rights Reserved.            
        </div>
        <div style="float:right; margin-right:20px;">
            Web interface developed by <a href="http://werul.com">Wer�l</a>
        </div>
        <div style="clear:both;"></div>
    </div>
</body>
</html>

By viewing downloads associated with this article you agree to the Terms of Service and the article's licence.

If a file you wish to view isn't highlighted, and is a text file (not binary), please let us know and we'll add colourisation support for it.

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)


Written By
United States United States
I've been a software developer since 1996 and have enjoyed C# since 2003. I have a Bachelor's degree in Computer Science and for some reason, a Master's degree in Business Administration. I currently do software development contracting/consulting.

Written By
Israel Israel
This member has not yet provided a Biography. Assume it's interesting and varied, and probably something to do with programming.

Comments and Discussions