GigaUp | блог веб-программиста

ASP.NET настройка React.JS

02.08.2017 Автор Алексей Тимофеев·0 Комментарий

1. Необходимо установить Расширение “npm”

Для этого Tools->Extensions and Updates. в открывшимся окне слева выбрать вкладку “Online” и в поиске набрать “npm”, найдите и установите “NPM Task Runner”. После закачки расширения необходимо перезапустить студию для начала установки.

Аналогично необходимо установить PackageInstaller

Продолжить чтение

C# ASP.NET MVC Использование файлов LESS в Bundles.

14.11.2016 Автор Алексей Тимофеев·0 Комментарий

1. Установить библиотеку dotless

2. Создаем класс LessTransform.cs, например в папке App_Start

using System.IO;
using System.Web.Hosting;
using System.Web.Optimization;
using dotless.Core.configuration;
using dotless.Core.Input;

namespace ILK.Web.App_Start
{
    public class LessTransform : IBundleTransform
    {
        public void Process(BundleContext context, BundleResponse response)
        {
            DotlessConfiguration config = new DotlessConfiguration();
            config.MinifyOutput = false;
            config.ImportAllFilesAsLess = true;
            config.CacheEnabled = false;
            config.LessSource = typeof(VirtualFileReader);

            response.Content = dotless.Core.Less.Parse(response.Content, config);
            response.ContentType = "text/css";
        }
    }

    internal sealed class VirtualFileReader : IFileReader
    {
        public byte[] GetBinaryFileContents(string fileName)
        {
            fileName = GetFullPath(fileName);
            return File.ReadAllBytes(fileName);
        }

        public string GetFileContents(string fileName)
        {
            fileName = GetFullPath(fileName);
            return File.ReadAllText(fileName);
        }

        public bool DoesFileExist(string fileName)
        {
            fileName = GetFullPath(fileName);
            return File.Exists(fileName);
        }

        private static string GetFullPath(string path)
        {
            return HostingEnvironment.MapPath("~" + path);
        }

        public bool UseCacheDependencies
        {
            get { return false; }
        }
    }
}

using System.IO;

using System.Web.Hosting;

using System.Web.Optimization;

using dotless.Core.configuration;

using dotless.Core.Input;

namespace ILK.Web.App_Start

{

public class LessTransform : IBundleTransform

{

public void Process(BundleContext context, BundleResponse response)

{

DotlessConfiguration config = new DotlessConfiguration();

config.MinifyOutput = false;

config.ImportAllFilesAsLess = true;

config.CacheEnabled = false;

config.LessSource = typeof(VirtualFileReader);

response.Content = dotless.Core.Less.Parse(response.Content, config);

response.ContentType = "text/css";

}

internal sealed class VirtualFileReader : IFileReader

{

public byte[] GetBinaryFileContents(string fileName)

{

fileName = GetFullPath(fileName);

return File.ReadAllBytes(fileName);

}

public string GetFileContents(string fileName)

{

fileName = GetFullPath(fileName);

return File.ReadAllText(fileName);

}

public bool DoesFileExist(string fileName)

{

fileName = GetFullPath(fileName);

return File.Exists(fileName);

}

private static string GetFullPath(string path)

{

return HostingEnvironment.MapPath("~" + path);

}

public bool UseCacheDependencies

{

get { return false; }

}

3. В классе BundleConfig пишем следующий код

public class BundleConfig
	{
		public static void RegisterBundles(BundleCollection bundles)
		{
			

            // Styles
            var styleBundleList = new List<Bundle>
            {
                new StyleBundle("~/css/site-css").Include(
                        "~/content/css/reset.css",
                        "~/content/css/select.less",
                        "~/content/css/site.less"
                    )
            };

            foreach (var bundle in styleBundleList)
            {
                bundle.Transforms.Add(new LessTransform());
                bundle.Transforms.Add(new CssMinify());
                bundles.Add(bundle);
            }
        }
	}

public class BundleConfig

{

public static void RegisterBundles(BundleCollection bundles)

{

// Styles

var styleBundleList = new List<Bundle>

{

new StyleBundle("~/css/site-css").Include(

"~/content/css/reset.css",

"~/content/css/select.less",

"~/content/css/site.less"

)

};

foreach (var bundle in styleBundleList)

{

bundle.Transforms.Add(new LessTransform());

bundle.Transforms.Add(new CssMinify());

bundles.Add(bundle);

}

4. Для минификации добавьте в BundleConfig:

#if RELEASE
            BundleTable.EnableOptimizations = true;
#endif

#if RELEASE

BundleTable.EnableOptimizations = true;

#endif

C# ASP.NET MVC Локализация ошибок.

10.10.2016 Автор Алексей Тимофеев·0 Комментарий

Для локализации используем файлы ресурсов. Добавим папку Resources и создадим в ней файл ErrorMessqges.resx

И заполняем строки Ключ – Значение

Далее в модели добавляем атрибут:

        [Required(ErrorMessageResourceType = typeof(ErrorMessqges), ErrorMessageResourceName = "Required")]
        public string OfferName { get; set; }

1 2	[Required(ErrorMessageResourceType = typeof(ErrorMessqges), ErrorMessageResourceName = "Required")] public string OfferName { get; set; }

не забываем подключить Namespace:

using Project1.Resources;

1	using Project1.Resources;

Шаблонизатор Handlebars для JS

23.09.2016 Автор Алексей Тимофеев·0 Комментарий

Цель использования шаблонизатора – хранить куски html в файлах для использования их в файлах javascript.

Для использования шаблонизатора, подключите файл handlebars-v4.0.5.js скачать

Напишем вспомогательную функцию, которая загружает необходимый шаблон из файла в элемент на странице:

//Загрузить шаблон в элемент, для дальнейшего использования
function loadTemplate(path, elementId) {
    $.ajax({
        url: path,
        success: function (data) {
            var element = $('<div id = "' + elementId + '"></div>');
            element.hide();
            element.html(data);
            $("body").append(element);
        }
    });
};

//Загрузить шаблон в элемент, для дальнейшего использования

function loadTemplate(path, elementId) {

$.ajax({

url: path,

success: function (data) {

var element = $('<div id = "' + elementId + '"></div>');

element.hide();

element.html(data);

$("body").append(element);

}

});

};

Эта функция добавит элемент в конец body и запишет в него шаблон.

Шаблон popup.html:

<div class="white-popup">
   <div class="popup-title">{{{title}}}</div>
   <div class="popup-actions">
      {{{body}}}
    </div>
</div>

<div class="popup-title">{{{title}}}</div>

{{{body}}}

</div>

Использование шаблона:

var elementId = "popuptemplate"; // ID элемента для загрузки шаблона.
var template = "/Content/js/templates/popup.html"; // Путь к шаблону
loadTemplate(template, elementId); // Загружаем шаблон

var template = Handlebars.compile($("#" + elementId).html());
var context = { title: "title", body: "<p>Body</p>" };
var html = template(context );

var elementId = "popuptemplate"; // ID элемента для загрузки шаблона.

var template = "/Content/js/templates/popup.html"; // Путь к шаблону

loadTemplate(template, elementId); // Загружаем шаблон

var template = Handlebars.compile($("#" + elementId).html());

var context = { title: "title", body: "<p>Body</p>" };

var html = template(context );

В итоге в переменной html у нас окажется шаблон с подставленными в него значениями переменных title и body.

Используйте двойные скобки {{ вместо тройных {{{ и шаблонизатор будет отображать html в переменных как текст.

Html поле с паролем сделать большие точки. Input type password custom dots.

05.07.2016 Автор Алексей Тимофеев·0 Комментарий

Сделать большие точки для поля пароль:

Пример https://jsfiddle.net/Brigadier/bydh14gh/

input[type="password"]
{
  font: large Verdana,sans-serif;
  letter-spacing: 1px;
}

input[type="password"]

{

font: large Verdana,sans-serif;

letter-spacing: 1px;

}

C# ASP.NET Получить название контролера и метода в базовом контроллере

28.06.2016 Автор Алексей Тимофеев·0 Комментарий

 public class BaseController : Controller
    {        
        public string  _actionName ;
        public string _controllerName ;
       
        protected override void OnActionExecuting(ActionExecutingContext filterContext)
        {
            _menu = MenuService.GetMenu();
            _actionName = filterContext.ActionDescriptor.ActionName;
            _controllerName = filterContext.ActionDescriptor.ControllerDescriptor.ControllerName;

            base.OnActionExecuting(filterContext);

           // логика
        }

      

    }

public class BaseController : Controller

{

public string _actionName ;

public string _controllerName ;

protected override void OnActionExecuting(ActionExecutingContext filterContext)

{

_menu = MenuService.GetMenu();

_actionName = filterContext.ActionDescriptor.ActionName;

_controllerName = filterContext.ActionDescriptor.ControllerDescriptor.ControllerName;

base.OnActionExecuting(filterContext);

// логика

}

С# ASP.NET Отключить контроллер, отключить действие

28.06.2016 Автор Алексей Тимофеев·0 Комментарий

Отключить контроллер можно с помощью атрибута - NonAction

[NonAction]
public ActionResult Index()
{
   return View();
}

[NonAction]

public ActionResult Index()

{

return View();

}

после этого реакция на запрос будет такая же, как будто контроллера не существует

C# Транслитерация из русских в латинские символы. Белорусский, украинский, болгарский, македонский

06.06.2016 Автор Алексей Тимофеев·0 Комментарий

Для транслитерации установим пакет NickBuhro.Translit

Install-Package NickBuhro.Translit

1	Install-Package NickBuhro.Translit

Использование:

// Cyrillic to latin example

var latin = Transliteration.CyrillicToLatin("Предками данная мудрость народная!", Language.Russian);
Console.WriteLine(latin);   // Output: Predkami dannaya mudrost` narodnaya!

// Latin to cyrillic example

var cyrillic = Transliteration.LatinToCyrillic("Predkami dannaya mudrost` narodnaya!", Language.Russian);
Console.WriteLine(cyrillic);    // Output: Предками данная мудрость народная!

// Cyrillic to latin example

var latin = Transliteration.CyrillicToLatin("Предками данная мудрость народная!", Language.Russian);

Console.WriteLine(latin); // Output: Predkami dannaya mudrost` narodnaya!

// Latin to cyrillic example

var cyrillic = Transliteration.LatinToCyrillic("Predkami dannaya mudrost` narodnaya!", Language.Russian);

Console.WriteLine(cyrillic); // Output: Предками данная мудрость народная!

Как настроить почтовый сервис SendGrid. Как прикреплять файл. ASP.NET C#

06.06.2016 Автор Алексей Тимофеев·0 Комментарий

У сервиса есть своя библиотека в Nuget для удобной работы с сервисом.

в Packege Manager Console вставляем строку и жмем Enter:

Install-Package Sendgrid

1	Install-Package Sendgrid

Лог работы :

SendGridMessage myMessage = new SendGridMessage();
myMessage.AddTo(mailTo);
myMessage.From = new MailAddress(_mailFrom);
myMessage.Subject = MailSubj;
myMessage.Html = MailBody;
                              
myMessage.AddAttachment(@""+attachmentFilename);

myMessage.EnableClickTracking(true);
myMessage.SetCategory("Statistics");

var apiKey = "SendGridKey";
var transportWeb = new Web(apiKey);

transportWeb.DeliverAsync(myMessage).Wait();

SendGridMessage myMessage = new SendGridMessage();

myMessage.AddTo(mailTo);

myMessage.From = new MailAddress(_mailFrom);

myMessage.Subject = MailSubj;

myMessage.Html = MailBody;

myMessage.AddAttachment(@""+attachmentFilename);

myMessage.EnableClickTracking(true);

myMessage.SetCategory("Statistics");

var apiKey = "SendGridKey";

var transportWeb = new Web(apiKey);

transportWeb.DeliverAsync(myMessage).Wait();

! Файл не должен содержать русские символы. Используйте траслитерацию

My Skills

06.06.2016 Автор Алексей Тимофеев·0 Комментарий

C#
T-SQL
PHP
CSS
LESS
HTML
JQuery
Bitrix
Адаптивная верстка

Автор блога Тимофеев Алексей