Nayeli Ortiz Garcia & Luis Fernando Rodriguez Cruz: Libreria Online | C# Online Compiler

Nayeli Ortiz Garcia & Luis Fernando Rodriguez Cruz: Libreria Online by Anonymous

using System;
using System.ComponentModel.DataAnnotations;

namespace OnlineLibraryMvcApp
{
    public class BookViewModel
    {
        [Required]
        [MinLength(3)]
        [MaxLength(100)]
        [Display(Name = "Book Title")]
        public string Title { get; set; }

        [Required]
        [MinLength(3)]
        [MaxLength(100)]
        [Display(Name = "Author Name")]
        public string Author { get; set; }

        [Required]
        [MinLength(3)]
        [MaxLength(50)]
        [Display(Name = "Genre")]
        public string Genre { get; set; }

        public int BookId { get; set; }
    }
}

Model

​x
 
using System;
using System.ComponentModel.DataAnnotations;
​
namespace OnlineLibraryMvcApp
{
    public class BookViewModel
    {
        [Required]
        [MinLength(3)]
        [MaxLength(100)]
        [Display(Name = "Book Title")]
        public string Title { get; set; }
​
        [Required]
        [MinLength(3)]
        [MaxLength(100)]
        [Display(Name = "Author Name")]
        public string Author { get; set; }
​
        [Required]
        [MinLength(3)]
        [MaxLength(50)]
        [Display(Name = "Genre")]
        public string Genre { get; set; }
​
        public int BookId { get; set; }
    }
}
​
​

@model OnlineLibraryMvcApp.BookViewModel

@{
    Layout = null;
}

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Online Library</title>
    <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
</head>
<body>
    <div class="container">
        <div class="col-md-6 col-md-offset-3">
            <h1>Online Library</h1>

            @using (Html.BeginForm("AddBook", "Library", FormMethod.Post, new { id = "bookForm" }))
            {
                <div class="form-group">
                    @Html.LabelFor(m => m.Title)
                    @Html.TextBoxFor(m => m.Title, new { @class = "form-control" })
                    @Html.ValidationMessageFor(m => m.Title)
                </div>

                <div class="form-group">
                    @Html.LabelFor(m => m.Author)
                    @Html.TextBoxFor(m => m.Author, new { @class = "form-control" })
                    @Html.ValidationMessageFor(m => m.Author)
                </div>

                <div class="form-group">
                    @Html.LabelFor(m => m.Genre)
                    @Html.TextBoxFor(m => m.Genre, new { @class = "form-control" })
                    @Html.ValidationMessageFor(m => m.Genre)
                </div>

                <button type="button" class="btn btn-success submit">Add Book</button>
            }

            <br/><br/>
            <div class="alert alert-warning fade">
                <strong><span class="alert-content"></span></strong>
            </div>

            <h2>Library Inventory</h2>
            <ul id="bookList" class="list-group">
                <!-- List of books will be populated here -->
            </ul>
        </div>
    </div>

    <!-- JS includes -->
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
    <script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>

    <script type="text/javascript">
        function openAlert(txt) {
            $('.alert-content').text(txt);
            $('.alert').addClass('in');
        }

        function closeAlert() {
            $('.alert').removeClass('in');
        }

        function loadBooks() {
            $.getJSON('@Url.Action("GetBookList", "Library")', function (books) {
                var bookList = $('#bookList');
                bookList.empty();
                $.each(books, function (i, book) {
                    bookList.append('<li class="list-group-item">' + book.Title + ' - ' + book.Author + ' (' + book.Genre + ')' +
                        '<button class="btn btn-danger btn-sm pull-right delete-book" data-id="' + book.BookId + '">Delete</button>' +
                        '</li>');
                });
            });
        }

        $(function () {
            loadBooks();

            $('.submit').click(function () {
                if ($('#bookForm').valid()) {
                    $.ajax({
                        url: '@Url.Action("AddBook", "Library")',
                        type: 'POST',
                        data: $('#bookForm').serialize(),
                        success: function (resp) {
                            openAlert(resp.message);
                            if (resp.success) {
                                loadBooks();
                            }
                        },
                        error: function () {
                            openAlert("An error occurred while processing your request.");
                        }
                    });
                }
            });

            $(document).on('click', '.delete-book', function () {
                var bookId = $(this).data('id');
                $.ajax({
                    url: '@Url.Action("DeleteBook", "Library")',
                    type: 'POST',
                    data: { bookId: bookId },
                    success: function (resp) {
                        openAlert(resp.message);
                        if (resp.success) {
                            loadBooks();
                        }
                    }
                });
            });
        });
    </script>
</body>
</html>

View

 
@model OnlineLibraryMvcApp.BookViewModel
​
@{
    Layout = null;
}
​
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Online Library</title>
    <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
</head>
<body>
    <div class="container">
        <div class="col-md-6 col-md-offset-3">
            <h1>Online Library</h1>
​
            @using (Html.BeginForm("AddBook", "Library", FormMethod.Post, new { id = "bookForm" }))
            {
                <div class="form-group">
                    @Html.LabelFor(m => m.Title)
                    @Html.TextBoxFor(m => m.Title, new { @class = "form-control" })
                    @Html.ValidationMessageFor(m => m.Title)
                </div>
​
                <div class="form-group">
                    @Html.LabelFor(m => m.Author)
                    @Html.TextBoxFor(m => m.Author, new { @class = "form-control" })
                    @Html.ValidationMessageFor(m => m.Author)
                </div>
​
                <div class="form-group">
                    @Html.LabelFor(m => m.Genre)
                    @Html.TextBoxFor(m => m.Genre, new { @class = "form-control" })
                    @Html.ValidationMessageFor(m => m.Genre)
                </div>
​
                <button type="button" class="btn btn-success submit">Add Book</button>
            }
​
            <br/><br/>
            <div class="alert alert-warning fade">
                <strong><span class="alert-content"></span></strong>
            </div>
​
            <h2>Library Inventory</h2>
            <ul id="bookList" class="list-group">
                <!-- List of books will be populated here -->
            </ul>
        </div>
    </div>
​
    <!-- JS includes -->
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
    <script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
​
    <script type="text/javascript">
        function openAlert(txt) {
            $('.alert-content').text(txt);
            $('.alert').addClass('in');
        }
​
        function closeAlert() {
            $('.alert').removeClass('in');
        }
​
        function loadBooks() {
            $.getJSON('@Url.Action("GetBookList", "Library")', function (books) {
                var bookList = $('#bookList');
                bookList.empty();
                $.each(books, function (i, book) {
                    bookList.append('<li class="list-group-item">' + book.Title + ' - ' + book.Author + ' (' + book.Genre + ')' +
                        '<button class="btn btn-danger btn-sm pull-right delete-book" data-id="' + book.BookId + '">Delete</button>' +
                        '</li>');
                });
            });
        }
​
        $(function () {
            loadBooks();
​
            $('.submit').click(function () {
                if ($('#bookForm').valid()) {
                    $.ajax({
                        url: '@Url.Action("AddBook", "Library")',
                        type: 'POST',
                        data: $('#bookForm').serialize(),
                        success: function (resp) {
                            openAlert(resp.message);
                            if (resp.success) {
                                loadBooks();
                            }
                        },
                        error: function () {
                            openAlert("An error occurred while processing your request.");
                        }
                    });
                }
            });
​
            $(document).on('click', '.delete-book', function () {
                var bookId = $(this).data('id');
                $.ajax({
                    url: '@Url.Action("DeleteBook", "Library")',
                    type: 'POST',
                    data: { bookId: bookId },
                    success: function (resp) {
                        openAlert(resp.message);
                        if (resp.success) {
                            loadBooks();
                        }
                    }
                });
            });
        });
    </script>
</body>
</html>
​
​

using System;
using System.Web.Mvc;
using System.Collections.Generic;

namespace OnlineLibraryMvcApp
{
    public class LibraryController : Controller
    {
        private static readonly List<BookViewModel> _bookList = new List<BookViewModel>();

        [HttpGet]
        public ActionResult Index()
        {
            return View(new BookViewModel());
        }

        [HttpPost]
        public JsonResult AddBook(BookViewModel model)
        {
            if (ModelState.IsValid)
            {
                model.BookId = _bookList.Count + 1; // Simulación de un ID incremental
                _bookList.Add(model);
                return Json(new { success = true, message = "Book added successfully!" });
            }
            return Json(new { success = false, message = "Failed to add the book. Please check the input." });
        }

        [HttpPost]
        public JsonResult UpdateBook(BookViewModel model)
        {
            var book = _bookList.Find(b => b.BookId == model.BookId);
            if (book != null && ModelState.IsValid)
            {
                book.Title = model.Title;
                book.Author = model.Author;
                book.Genre = model.Genre;
                return Json(new { success = true, message = "Book updated successfully!" });
            }
            return Json(new { success = false, message = "Failed to update the book." });
        }

        [HttpPost]
        public JsonResult DeleteBook(int bookId)
        {
            var book = _bookList.Find(b => b.BookId == bookId);
            if (book != null)
            {
                _bookList.Remove(book);
                return Json(new { success = true, message = "Book deleted successfully!" });
            }
            return Json(new { success = false, message = "Failed to delete the book." });
        }

        [HttpGet]
        public JsonResult GetBookList()
        {
            return Json(_bookList, JsonRequestBehavior.AllowGet);
        }
    }
}

Controller

 
using System;
using System.Web.Mvc;
using System.Collections.Generic;
​
namespace OnlineLibraryMvcApp
{
    public class LibraryController : Controller
    {
        private static readonly List<BookViewModel> _bookList = new List<BookViewModel>();
​
        [HttpGet]
        public ActionResult Index()
        {
            return View(new BookViewModel());
        }
​
        [HttpPost]
        public JsonResult AddBook(BookViewModel model)
        {
            if (ModelState.IsValid)
            {
                model.BookId = _bookList.Count + 1; // Simulación de un ID incremental
                _bookList.Add(model);
                return Json(new { success = true, message = "Book added successfully!" });
            }
            return Json(new { success = false, message = "Failed to add the book. Please check the input." });
        }
​
        [HttpPost]
        public JsonResult UpdateBook(BookViewModel model)
        {
            var book = _bookList.Find(b => b.BookId == model.BookId);
            if (book != null && ModelState.IsValid)
            {
                book.Title = model.Title;
                book.Author = model.Author;
                book.Genre = model.Genre;
                return Json(new { success = true, message = "Book updated successfully!" });
            }
            return Json(new { success = false, message = "Failed to update the book." });
        }
​
        [HttpPost]
        public JsonResult DeleteBook(int bookId)
        {
            var book = _bookList.Find(b => b.BookId == bookId);
            if (book != null)
            {
                _bookList.Remove(book);
                return Json(new { success = true, message = "Book deleted successfully!" });
            }
            return Json(new { success = false, message = "Failed to delete the book." });
        }
​
        [HttpGet]
        public JsonResult GetBookList()
        {
            return Json(_bookList, JsonRequestBehavior.AllowGet);
        }
    }
}
​

View in Full Screen

Contact1 (JsonPropertyName): OK, type = Phone
Contact1 (JsonPropertyName): FAIL, message = The JSON value could not be converted to System.Nullable`1[Program+ContactType1]. Path: $.type | LineNumber: 0 | BytePositionInLine: 17.
Contact2 (EnumMember): OK, type = Phone
Contact2 (EnumMember): FAIL, message = The JSON value could not be converted to System.Nullable`1[Program+ContactType2]. Path: $.type | LineNumber: 0 | BytePositionInLine: 17.
Contact3 (JsonStringEnumConverter): OK, type = Phone
Contact3 (JsonStringEnumConverter): OK, type = Phone

Last Run:	11:05:50 am
Compile:	0.037s
Execute:	0.14s
Memory:	3.84Mb
CPU:	0.177s

View IL Code