Custom Field Suite

[Heidel]

Custom Field Suite

A custom fields management UI

https://ru.wordpress.org/plugins/custom-field-suite/

@темы: Wordpress Plugins, Custom Field Suite, Wordpress, Ссылки

---

Адаптивное видео

[Heidel]

http://avexdesigns.com/responsive-youtube-embed/

CSS

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@темы: Верстка, CSS, Адаптивное видео, Ссылки

---

Materialize CSS

[Heidel]

Materialize

http://materializecss.com/

@темы: Верстка, Materialize, Учебники, Ссылки

---

Fixed header with independent scrolling left nav and right content.

[Heidel]

Fixed header with independent scrolling left nav and right content.

http://www.bootply.com/86704#

Bootstrap Sidebar With Affix and Scrollspy

http://www.bootply.com/new#

@темы: Верстка, Bootstrap, Fixed header with independent scrolling left nav and right content, Учебники, Ссылки

---

Уроки Bootstrap

[Heidel]

Уроки Bootstrap

http://itchief.ru/lessons/bootstrap-3/

@темы: Верстка, Bootstrap, Уроки Bootstrap, Учебники, Ссылки

---

Display Name Attribute of an Enum member

[Heidel]

How to get the Display Name Attribute of an Enum member via MVC razor code?

http://stackoverflow.com/questions/13099834/how-to-get-the-display-name-attribute-of-an-enum-member-via-mvc-razor-code

@темы: Razor, ASP.NET MVC, Ссылки

---

9 Most Popular Free Responsive WordPress Slider Plugins

[netcat-na-diary]

9 Most Popular Free Responsive WordPress Slider Plugins

http://www.wpbeginner.com/showcase/9-most-popular-free-responsive-wordpress-slider-plugins/

@темы: Wordpress Plugins, 9 Most Popular Free Responsive WordPress Slider Plugins, Wordpress, Ссылки

---

ResponsiveSlides.js v1.54

[Heidel]

ResponsiveSlides.js v1.54

http://responsiveslides.com/

@темы: Plugins, jQuery, ResponsiveSlides.js v1.54, Ссылки

---

ASP.NET MVC and AJAX

[Heidel]

http://stackoverflow.com/questions/33922909/declare-variable-to-return-json-result-asp-net-mvc4/33923248#33923248

@темы: ASP.NET MVC, jQuery, Javascript, AJAX, Ссылки

---

How to create a simple custom log in system - MVC 4 / Razor - Part 1 of 5

[Heidel]

https://www.youtube.com/watch?v=7RoJIgRcuOc


http://www.cyberforum.ru/asp-net-mvc/thread918132.html

SimpleCrypto

https://www.nuget.org/packages/SimpleCrypto/


Creating a custom user login form with .NET C# MVC 4 Razor
www.codeproject.com/Articles/482546/Creating-a-...

@темы: ASP.NET MVC, С#, NuGet, SimpleCrypto, Учебники, Ссылки

---

Working with Enums and Templates In ASP.NET MVC

[Heidel]

Working with Enums and Templates In ASP.NET MVC

http://odetocode.com/blogs/scott/archive/2012/09/04/working-with-enums-and-templates-in-asp-net-mvc.aspx

@темы: ASP.NET MVC, Учебники, Ссылки

---

Руководство по ASP.NET MVC 5

[Heidel]

Руководство по ASP.NET MVC 5

http://metanit.com/sharp/mvc5/

Онлайн-книга Изучаем ASP.NET MVC 4

http://metanit.com/sharp/mvc/

@темы: ASP.NET MVC, С#, Руководство по ASP.NET MVC 5, ASP.NET MVC 5, Учебники, Ссылки

---

Localization & Culture

[netcat-na-diary]

Localization & Culture

В файле Web.config в секции <system.web>

<globalization culture="auto" uiCulture="auto" />

В виде

@{
    var amount = 10.0m;
    var someData = new DateTime(2002, 7, 9);
}

<div>
    @amount.ToString("c")
</div>
<div>
    @someData.ToShortDateString()
</div>

Resources

Создаем файл ресурсов Resources.resx

Выбираем модификатор доступа Public


Создаем запись в файле Resources.resx


и используем её в виде

<div>
    @OdeToFood.Views.Home.Resources.Greeting
</div>

Для другого языка создаем свой файл ресурсов Resources.fr.resx

В файле Resources.fr.resx создаем запись с тем же именем Name


Чтобы данные не кешировались

 [OutputCache(CacheProfile="Long", VaryByHeader="X-Requested-With;Accept-Language", Location = OutputCacheLocation.Server)]
        public ActionResult Index(string searchTerm = null, int page = 1)
        {
        //...
         }

Локализация сообщений об ошибках

    public class RestaurantReview
    {
        public int Id { get; set; }
        
        [Range(1,10, ErrorMessage="custom")]
        [Required]
        public int Rating { get; set; }

        [Required(ErrorMessageResourceType=typeof(OdeToFood.Views.Home.Resources), ErrorMessageResourceName="Greeting")]
        [StringLength(1024)]
        public string Body { get; set; }

        [Display(Name="User Name")]
        [DisplayFormat(NullDisplayText="anonymous")]
        public string ReviewerName { get; set; }
        public int RestaurantId { get; set; }
    }

@темы: ASP.NET MVC, С#, Localization & Culture, Учебники

---

Кэширование

[Heidel]

[OutputCache(Duration=60)]( продолжительность в секундах)

        [OutputCache(Duration=60)]
        public ActionResult Index(string searchTerm = null, int page = 1)
        {

            var model =
                _db.Restaurants
                   .OrderByDescending(r => r.Reviews.Average(review => review.Rating))
                   .Where(r => searchTerm == null || r.Name.StartsWith(searchTerm))
                   .Select(r => new RestaurantListViewModel
                            {
                                Id = r.Id,
                                Name = r.Name,
                                City = r.City,
                                Country = r.Country,
                                CountOfReviews = r.Reviews.Count()
                            }).ToPagedList(page, 10);

            if (Request.IsAjaxRequest())
            {
                return PartialView("_Restaurants", model);
            }
            
            return View(model);
        }

Можно задать кеширование только для дочерних элементов

        [ChildActionOnly]
        [OutputCache(Duration = 60)]
        public ActionResult SayHello()
        {
            return Content("Hello");
        }

В виде

@Html.Action("SayHello");

Output Cache Settings

VaryByParam
"*"
"none"
"name"

Location где выполняется кеширование

VaryByHeader

VaryByCustom

SqlDependency

[OutputCache(Duration=360, VaryByHeader="X-Requested-With", Location = OutputCacheLocation.Server)]
        public ActionResult Index(string searchTerm = null, int page = 1)
        {

            var model =
                _db.Restaurants
                   .OrderByDescending(r => r.Reviews.Average(review => review.Rating))
                   .Where(r => searchTerm == null || r.Name.StartsWith(searchTerm))
                   .Select(r => new RestaurantListViewModel
                            {
                                Id = r.Id,
                                Name = r.Name,
                                City = r.City,
                                Country = r.Country,
                                CountOfReviews = r.Reviews.Count()
                            }).ToPagedList(page, 10);

            if (Request.IsAjaxRequest())
            {
                return PartialView("_Restaurants", model);
            }
            
            return View(model);
        }

Cache Profiles

В файле Web.config в секции <system.web>

  <system.web>

    <caching>
      <outputCacheSettings>
        <outputCacheProfiles>
          <add name="Long" duration="300" />
          <add name="Short" duration="3" />
        </outputCacheProfiles>
      </outputCacheSettings>
    </caching>

После этого профили можно использовать в контроллере

[OutputCache(CacheProfile="Long", VaryByHeader="X-Requested-With", Location = OutputCacheLocation.Server)]
        public ActionResult Index(string searchTerm = null, int page = 1)
        {//...}

@темы: ASP.NET MVC, С#, Caching, Output Caching, Учебники

---

Security and ASP.NET MVC 4

[Heidel]

Security and ASP.NET MVC 4

Authentication

3 способа
1. Forms Authentication
2. OpenID / OAuth
3. Windows Authentication

Windows Authentication
Создаем Intranet Application


Forms Authentication

Атрибут [Authorize] доступ только для авторизованных пользователей

        [Authorize]
        public ActionResult About()
        {
            //ViewBag.Message = "Your app description page.";

            var model = new AboutModel();
            model.Name = "Scott";
            model.Location = "Maryland, USA";

            return View(model);
        }

Страница, на которую перенаправляет пользователя, определяется в файле Web.config

    <authentication mode="Forms">
      
    </authentication>

Атрибут [Authorize] можно применить ко всем контроллеру

[Authorize]
    public class HomeController : Controller
    {...}

а к отдельным экшенам можно применить атрибут [AllowAnonymous]

Можно определить для каких именно пользователей есть доступ

[Authorize(Users="sallen, plall")]

Можно прописать роли пользователей

[Authorize(Roles="administrator, sales")]

Сделать какой-то элемент в виде доступным только для админа

    @if(User.IsInRole("admin")){
        @Html.ActionLink("Create New", "Create")
    }

@темы: ASP.NET MVC, С#, Security and ASP.NET MVC 4, Учебники

---

AJAX and ASP.NET MVC

[Heidel]

Форма, которая посылает данные через AJAX

@using (Ajax.BeginForm(
new AjaxOptions
{
    HttpMethod = "get",
    InsertionMode = InsertionMode.Replace,
    UpdateTargetId = "restaurantList"
}))
{
    <input type="search" name="searchTerm" />
    <input type="submit" value="Search By Name" />
}

<div id="restaurantList">
    @foreach (var item in Model)
    {
        <div>
            <h4>@item.Name</h4>
            <div>@item.City, @item.Country</div>
            <div>
                Reviews:  @item.CountOfReviews
            </div>
            <hr />
        </div>
    }
</div>

В контроллере

        public ActionResult Index(string searchTerm = null)
        {

            var model =
                _db.Restaurants
                   .OrderByDescending(r => r.Reviews.Average(review => review.Rating))
                   .Where(r => searchTerm == null || r.Name.StartsWith(searchTerm))
                   .Take(10)
                   .Select(r => new RestaurantListViewModel
                            {
                                Id = r.Id,
                                Name = r.Name,
                                City = r.City,
                                Country = r.Country,
                                CountOfReviews = r.Reviews.Count()
                            });

            if (Request.IsAjaxRequest())
            {
                return PartialView("_Restaurants", model);
            }
            
            return View(model);
        }

Форма (угловые скобки)

form method="get" action="@Url.Action("Index")"
    data-otf-ajax="true" data-otf-target="#restaurantList"

    <input type="search" name="searchTerm" />
    <input type="submit" value="Search By Name" />
/form

otf.js

$(function () {
    var ajaxFormSubmit = function () {
        var $form = $(this);

        var options = {
            url: $form.attr("action"),
            type: $form.attr("method"),
            data: $form.serialize()
        };

        $.ajax(options).done(function (data) {
            var $target = $($form.attr("data-otf-target"));
            $target.replaceWith(data);
        });

        return false;
    };

    $("form[data-otf-ajax='true']").submit(ajaxFormSubmit);
});

Autocomplete

В контроллере

        public ActionResult Autocomplete(string term)
        {
            var model = 
                _db.Restaurants
                .Where(r => r.Name.StartsWith(term))
                .Take(10)
                .Select(r => new
                {
                    label = r.Name
                });
            
            return Json(model, JsonRequestBehavior.AllowGet);
        }

В виде (угловые скобки)

form method="get" action="@Url.Action("Index")"
    data-otf-ajax="true" data-otf-target="#restaurantList"

    <input type="search" name="searchTerm" data-otf-autocomplete="@Url.Action("Autocomplete")" />
    <input type="submit" value="Search By Name" />
/form

otf.js

$(function () {
    var ajaxFormSubmit = function () {
        var $form = $(this);

        var options = {
            url: $form.attr("action"),
            type: $form.attr("method"),
            data: $form.serialize()
        };

        $.ajax(options).done(function (data) {
            var $target = $($form.attr("data-otf-target"));
            var $newHtml = $(data);
            $target.replaceWith($newHtml);
            $newHtml.effect("highlight");
        });

        return false;
    };

    var submitAutocompleteForm = function (event, ui) {
        var $input = $(this);
        $input.val(ui.item.label);

        var $form = $input.parents("form:first");
        $form.submit();
    };

    var createAutocomplete = function () {
        var $input = $(this);

        var options = {
            source: $input.attr("data-otf-autocomplete"),
            select: submitAutocompleteForm
        };

        $input.autocomplete(options);
    };

    $("form[data-otf-ajax='true']").submit(ajaxFormSubmit);
    $("input[data-otf-autocomplete]").each(createAutocomplete);
});

Paging Results

References -- Manage NuGet Packages -- Online -- в поиске задать pagedlist -- PagedList.Mvc

В контроллере

using PagedList;

public ActionResult Index(string searchTerm = null, int page = 1)
        {

            var model =
                _db.Restaurants
                   .OrderByDescending(r => r.Reviews.Average(review => review.Rating))
                   .Where(r => searchTerm == null || r.Name.StartsWith(searchTerm))
                   .Select(r => new RestaurantListViewModel
                            {
                                Id = r.Id,
                                Name = r.Name,
                                City = r.City,
                                Country = r.Country,
                                CountOfReviews = r.Reviews.Count()
                            }).ToPagedList(page, 10);

            if (Request.IsAjaxRequest())
            {
                return PartialView("_Restaurants", model);
            }
            
            return View(model);
        }

В файле Web.config, который находится в папке View, добавляем неймспейсы по умолчанию и перезагрузить Студию, чтобы изменения применились

        <add namespace="PagedList"/>
        <add namespace="PagedList.Mvc"/>
        <add namespace="OdeToFood.Models"/>

Подключить стили пейджера в бандл к стилям сайта

            bundles.Add(new StyleBundle("~/Content/css").Include("~/Content/site.css", "~/Content/PagedList.css"));

В виде _Restaurants.cshtml

@model IPagedList<RestaurantListViewModel>

<div id="restaurantList">
    
    <div class="pagedList" data-otf-target="#restaurantList">
        @Html.PagedListPager(Model, page => Url.Action("Index", new { page }),
        PagedListRenderOptions.MinimalWithItemCountText)
    </div>
    
    @foreach (var item in Model)
    {
        <div>
            <h4>@item.Name</h4>
            <div>@item.City, @item.Country</div>
            <div>
                Reviews:  @item.CountOfReviews
            </div>
            <hr />
        </div>
    }
</div>

Скрипт otf.js

$(function () {
    var ajaxFormSubmit = function () {
        var $form = $(this);

        var options = {
            url: $form.attr("action"),
            type: $form.attr("method"),
            data: $form.serialize()
        };

        $.ajax(options).done(function (data) {
            var $target = $($form.attr("data-otf-target"));
            var $newHtml = $(data);
            $target.replaceWith($newHtml);
            $newHtml.effect("highlight");
        });

        return false;
    };

    var submitAutocompleteForm = function (event, ui) {
        var $input = $(this);
        $input.val(ui.item.label);

        var $form = $input.parents("form:first");
        $form.submit();
    };

    var createAutocomplete = function () {
        var $input = $(this);

        var options = {
            source: $input.attr("data-otf-autocomplete"),
            select: submitAutocompleteForm
        };

        $input.autocomplete(options);
    };

    var getPage = function () {
        var $a = $(this);

        var options = {
            url: $a.attr("href"),
            data: $("form").serialize(),
            type: "get"
        };

        $.ajax(options).done(function (data) {
            var target = $a.parents("div.pagedList").attr("data-otf-target");
            $(target).replaceWith(data);
        });

        return false;
    };

    $("form[data-otf-ajax='true']").submit(ajaxFormSubmit);
    $("input[data-otf-autocomplete]").each(createAutocomplete);

    $(".main-content").on("click", ".pagedList a", getPage);
});

@темы: ASP.NET MVC, С#, AJAX and ASP.NET MVC

---

[Heidel]

@темы: ASP.NET MVC, С#

---

DataAnnotations

[Heidel]

using System;
using System.Collections.Generic;
using System.ComponentModel.DataAnnotations;
using System.Linq;
using System.Web;

namespace OdeToFood.Models
{
    public class RestaurantReview
    {
        public int Id { get; set; }
        
        [Range(1,10)]
        [Required]
        public int Rating { get; set; }

        [Required]
        [StringLength(1024)]
        public string Body { get; set; }

        [Display(Name="User Name")]
        [DisplayFormat(NullDisplayText="anonymous")]
        public string ReviewerName { get; set; }
        public int RestaurantId { get; set; }
    }
}

http://www.asp.net/mvc/overview/older-versions/mvc-music-store/mvc-music-store-part-6

@темы: ASP.NET MVC, С#, DataAnnotations, Учебники, Ссылки

---

Scott Allen

[Heidel]

http://odetocode.com/

@темы: ASP.NET MVC, С#, Учебники, Ссылки

---

Entity Framework

[Heidel]

Entity Framework

https://msdn.microsoft.com/en-us/data/jj193542.aspx

Server Name .\SQLEXPRESS

Создать конструктор

namespace OdeToFood.Models
{
    public class OdeToFoodDb : DbContext
    {
        public OdeToFoodDb() :base("server=")
        {

        }
        
        public DbSet<Restaurant> Restaurants { get; set; }
        public DbSet<RestaurantReview> Reviews { get; set; }
    }
}

Sample Connection String:

server=production;initial catalog=fooddb;integrated security=true


Строка соединения с БД прописана в файле Web.config

<connectionStrings>
    <add name="DefaultConnection" connectionString="Data Source=(LocalDb)\v11.0;Initial Catalog=aspnet-OdeToFood-20151105182223;Integrated Security=SSPI;AttachDBFilename=|DataDirectory|\aspnet-OdeToFood-20151105182223.mdf" providerName="System.Data.SqlClient" />
  </connectionStrings>

И прописать в конструкторе

namespace OdeToFood.Models
{
    public class OdeToFoodDb : DbContext
    {
        public OdeToFoodDb()
            : base("name=DefaultConnection")
        {

        }
        
        public DbSet<Restaurant> Restaurants { get; set; }
        public DbSet<RestaurantReview> Reviews { get; set; }
    }
}

Database Migrations

Используем Package Manager Console

Команды
Get-Date
Enable-Migrations -ContextTypeName OdeToFoodDb

Файл Configuration.cs

namespace OdeToFood.Migrations
{
    using OdeToFood.Models;
    using System;
    using System.Collections.Generic;
    using System.Data.Entity;
    using System.Data.Entity.Migrations;
    using System.Linq;

    internal sealed class Configuration : DbMigrationsConfiguration<OdeToFood.Models.OdeToFoodDb>
    {
        public Configuration()
        {
            AutomaticMigrationsEnabled = true;
        }

        protected override void Seed(OdeToFood.Models.OdeToFoodDb context)
        {
            context.Restaurants.AddOrUpdate(r => r.Name,
                new Restaurant { Name = "Sabatino's", City = "Baltimore", Country = "USA" },
                new Restaurant { Name = "Great Lake", City = "Chicago", Country = "USA" },
                new Restaurant
                {
                    Name = "Smaka",
                    City = "Gothenburg",
                    Country = "Sweden",
                    Reviews =
                       new List<RestaurantReview> {
                            new RestaurantReview { Rating = 9, Body = "Great food!"}
                        }
                });
        }
    }
}

Команда
Update-Database -Verbose

LINQ

var query = _db.Restaurants
                           .Where(r => r.Country == "USA")
                           .OrderBy(r => r.Name)
                           .Skip(10)
                           .Take(10);

Запрос

public ActionResult Index()
        {
            var model =
                from r in _db.Restaurants
                orderby r.Name ascending
                select r;

            
            return View(model);
        }

public ActionResult Index()
        {
            //var model =
            //    from r in _db.Restaurants
            //    orderby r.Reviews.Average(review => review.Rating) descending
            //    select new RestaurantListViewModel
            //    {
            //        Id = r.Id,
            //        Name = r.Name,
            //        City = r.City,
            //        Country = r.Country,
            //        CountOfReviews = r.Reviews.Count()
            //    };


            var model =
                _db.Restaurants
                   .OrderByDescending(r => r.Reviews.Average(review => review.Rating))
                   .Take(10)
                   .Select(r => new RestaurantListViewModel
                            {
                                Id = r.Id,
                                Name = r.Name,
                                City = r.City,
                                Country = r.Country,
                                CountOfReviews = r.Reviews.Count()
                            }
                            );
            
            return View(model);
        }

Апдейт базы данных
Update-Database -Verbose -Force

@темы: БД, SQL, ASP.NET MVC, Entity Framework, Учебники, Ссылки