ASP.NET MVC: MVVM на HTML или использование knockout при создании сайта (часть 2 из 2).

   1:  <h3data-bind="text: view.title"></h3>

   2:  <pdata-bind="text: sendResult"></p>

   3:  <divdata-bind="ifnot: isbusy, visible: sended">

   4:  <p>

   5:  <labelfor="Subject">Выберите тему сообщения</label>

   6:  <selectdata-bind="options: subjects, 
                                  value: vm().Subject, 
                                  optionsCaption:'выбрать тему'"id="Subject"></select>

   7:  <small>загружено тем:
                    <spandata-bind="text: subjects().length"></span>шт.</small>

   8:  <br/>

   9:  <spandata-bind="visible: vm().Subject">Выбранная тема: <b>

  10:  <spandata-bind="text: vm().Subject"></span></b>

  11:  </span>

  12:  </p>

  13:  <p>

  14:  <labelfor="userName">Ваше имя</label>

  15:  <inputtype="text"data-bind="value: vm().UserName"id="userName"required/>

  16:  </p>

  17:  <p>

  18:  <labelfor="email">Ваш почтовый адрес для ответа</label>

  19:  <inputtype="email"data-bind="value: vm().Email"id="email"required/>

  20:  </p>

  21:  <p>

  22:  <labelfor="message">Тескт сообщения</label>

  23:  <textareaid="message"data-bind="value: vm().Message"rows="5"required></textarea>

  24:  </p>

  25:  <p>

  26:  <buttondata-bind="click: sendMessage">Отправить сообщение</button>

  27:  </p>

  28:  </div>

  29:  

  30:  @section scripts {

  31:      @Scripts.Render("~/bundles/koval")

  32:  <scriptsrc="@Scripts.Url("~/js/site.core.js")"></script>

  33:      <script src="@Scripts.Url("~/js/site.service.feedback.js")"></script>

  34:      <script src="@Scripts.Url("~/js/site.vm.feedback.js")"></script>

  35:  }

   1:  /// <summary>

   2:  /// Отправленная с формы модель

   3:  /// будет приходить сюда

   4:  /// </summary>

   5:  /// <param name="model"></param>

   6:  /// <returns></returns>

   7:  [HttpPost]

   8:  public JsonResult SendFeedback(FeedbackViewModel feedback) {

   9:  string message = "Простите ошибка. Не могу отправить сообщение. 
                  Возможно форма неверно заполнена или проблемы на сервере.";

  10:  bool sended = false;

  11:  if (ModelState.IsValid) {

  12:  

  13:  // реальная отправка сообщения

  14:          message = "Спасибо за ваше сообщение. Приходите еще!";

  15:          sended = true;

  16:      }

  17:  return Json(new { Message = message, Sended = sended });

  18:  }

   1:  ///////////////////////////////////////////////////////////////

   2:  //  site.feedback

   3:  //  Работает через dataService с объектами на форме

   4:  //  Feedback

   5:  //  автор: calabonga.net

   6:  ///////////////////////////////////////////////////////////////

   7:  

   8:  (function (site) {

   9:  

  10:  "use strict";

  11:  

  12:      site.vm.feedbackViewModel = function () {

  13:  var

  14:              view = {

  15:                  title: "Отправка сообщения"

  16:              },

  17:              subjects = ko.observableArray([]),

  18:              sendResult = ko.observable("Заполните все поля формы, пожалуйста"),

  19:              isbusy = ko.observable(false),

  20:              cansended = ko.observable(true),

  21:              feedback = ko.observable({

  22:  "Subject": ko.observable(),

  23:  "UserName": ko.observable(),

  24:  "Email": ko.observable(),

  25:  "Message": ko.observable()

  26:              }),

  27:  

  28:              loadSubjects = function () {

  29:                  isbusy(true);

  30:                  site.services.feedbackForm.loadSubjects(callbackSubjects);

  31:              },

  32:              callbackSubjects = function (json) {

  33:                  isbusy(false);

  34:                  ko.mapping.fromJS(json, {}, subjects);

  35:  var total = subjects().length;

  36:              },

  37:              sendMessage = function () {

  38:                  sendResult("Ждите. Идет отправка сообщения");

  39:                  isbusy(true);

  40:                  site.services.feedbackForm.sendFeedback(JSON.stringify(feedback), callbackMessage);

  41:              },

  42:              callbackMessage = function (json) {

  43:                  isbusy(false);

  44:                  cansended(json.Sended ? false : true)

  45:                  sendResult(json.Message);

  46:              };

  47:  

  48:          loadSubjects();

  49:  

  50:  return {

  51:              view: view,

  52:              vm: feedback,

  53:              isbusy: isbusy,

  54:              sendResult: sendResult,

  55:              sended: cansended,

  56:              subjects: subjects,

  57:              sendMessage: sendMessage

  58:          }

  59:  

  60:      }();

  61:  

  62:  })(site);

   1:  ///////////////////////////////////////////////////////////////

   2:  //  ViewModel для отправки feedback на сервер

   3:  //  автор: calabonga.net

   4:  ///////////////////////////////////////////////////////////////

   5:  

   6:  function FeedbackViewModel(subject, userName, email, message) {

   7:  this.Subject = subject;

   8:  this.UserName = userName;

   9:  this.EmailAdrress = email;

  10:  this.Message = message;

  11:  };

   1:  feedback = ko.validatedObservable({

   2:  "Subject": ko.observable().extend({ required: true }),

   3:  "UserName": ko.observable().extend({ required: true, minLength: 4 }),

   4:  "Email": ko.observable().extend({ required: true, email: true }),

   5:  "Message": ko.observable().extend({ required: true, minLength: 10 })

   6:  }),

   1:  <p>

   2:  <buttondata-bind="click : sendMessage, 

                              enable: vm().isValid()">Отправить сообщение</button>

   3:  </p>

   1:  bundles.Add(new ScriptBundle("~/bundles/koval").Include(

   2:  "~/Scripts/knockout.validation.*"

   1:  .validationMessage

   2:  {

   3:      background-color:red;

   4:      color:white;

   5:      padding:5px;

   6:  }

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

Что нужно сделать, чтобы заказать создание сайта у нас?

Ну для начала вам нужно представлять (хотя бы в общих чертах), что вы хотите получить от сайта и возможно каким вы хотите его видеть. А дальше все просто. Позвоните нам или оставьте заявку нашим менеджерам, чтобы они связались с Вами, проконсультировали и помогли определиться с подходящим именно Вам сайтом по цене, сроку, дизайну или функционалу. Если вы все ещё не уверены, какой сайт вам нужен, просто обратитесь к нам! Мы вместе проанализируем вашу ситуацию и определим максимально эффективный для вас вариант.

Для всех тарифных планов на создание и размещение сайтов включено:

• Создание сайта cо всем необходимым прикладным функционалом. В дальнейшем все сайты можно развивать и расширять функционал под ваши нужды.
• ИНДИВИДУАЛЬНЫЙ дизайн по вашим пожеланиям. Современный дизайн главной и внутренних страниц сайта. Высокопрофессиональная, адаптивная и кроссбраузерная верстка с учетом всех требований юзабилити и адаптивности к различным браузерам и устройствам.
• Создание структуры сайта. Предварительное наполнение его информацией.
• Возможность создания НЕОГРАНИЧЕННОГО количества разделов и страниц на сайте.
• Базовая SEO оптимизация сайта для поисковых систем и юзабилити оптимизация для пользователей при разработке и запуске.
• SEO-ИНСТРУМЕНТЫ для продвижения вашего сайта в системе управления.
• Регистрация сайта в поисковых системах и установка систем сбора статистики и аналитики.
• Регистрация уникального доменного имени.
• Размещение сайта в Интернете сроком на 1 календарный год (Хостинг сайта, предоставление системы управления сайтом (кроме "сайта-страницы" и "посадочной страницы"), регистрация доменного имени сроком на 1 календарный год).
• Гарантийная техническая поддержка сайта. И бонусные бесплатные часы работы наших специалистов: контент-менеджеров и программистов.
• Техническая поддержка и консультационная поддержка проекта в неограниченном объеме.
• Поддержка постоянной работоспособности и безопасности сайта.
• Защита от вирусов и DDos атак. Проверка на вирусы.
• Неограниченный трафик. Неограниченный трафик не распространяется на сайты файловых архивов (графических, музыкальных, программных)
• Почтовый сервис: Защита от вирусов, спам-фильтры. Почтовые ящики, возможно подключение к сайту Веб почты Яндекс или Mail.ru...
• Резервное копирование сайтов и возможность их оперативного восстановления.
• И многое многое другое...
• Мы предлагаем действительно КОМПЛЕКСНЫЕ РЕШЕНИЯ по разработке веб-ресурсов, а также последующего ведения и развития вашего бизнеса в онлайне.
  Вы платите один раз и получаете готовый инструмент для развития вашего бизнеса и продаж в Интернете!

Комплексный подход это не просто продвижение сайта, это целый комплекс мероприятий, который определяется целями и задачами поставленными перед сайтом и организацией, которая за этим стоит. Время однобоких методов в продвижении сайтов уже прошло, конкуренция слишком высока, чтобы была возможность расслабиться и получать \ удерживать клиентов из Интернета, просто сделав сайт и не занимаясь им...

Комплексная раскрутка работает в рамках стратегии развития вашего бизнеса в сети и направлена

• на увеличение продаж,
• улучшение имиджа компании на рынке,
• корректирование бренда в глазах потребителей и повышение его узнаваемости.

ЭФФЕКТИВНОЕ СОПРОВОЖДЕНИЕ (ПОДДЕРЖКА, ОБСЛУЖИВАНИЕ) САЙТОВ

Мы оказываем полный комплекс услуг по сопровождению сайта: информационному и техническому обслуживанию и развитию Интернет сайтов.

Передав свой сайт для поддержки в руки наших специалистов, Вы избавитесь от проблем, связанных с обновлением информации и контролем за работой ресурса.

Наша компания осуществляет техническую и информационную поддержку уже имеющихся сайтов. В понятие «поддержка сайтов» также входят услуги администрирования сайтов, обновления сайтов и их модернизация.

Современный, технологичный, кроссбраузерный ... Профессиональный дизайн сайтов и веб-приложений

Редизайн сайта — создание нового дизайна сайта с целью улучшения внешнего вида, функциональности и удобства использования. Редизайн сайта – это способ преобразовать проект к извлечению из него максимальной отдачи и средств. В современном мире задачами редизайна является поднятие существующего сайта на новый уровень для внедрения новых технологий, при этом сохраняя многолетний сформировавшийся опыт и успешные решения компаний.

Адаптивный дизайн сайтов и веб-приложений

Все больше людей пользуются мобильными устройствами (телефонами, планшетами и прочими) для посещения Интернета, это не для кого уже не новость. Количество таких людей в процентном отношении будет только больше с каждым годом, потому что это удобно и по многим другим причинам.

На сегодняшний день адаптивный дизайн является стандартным подходом при разработке новых сайтов (или веб-приложений) и в идеале ваш сайт должен смотреться и функционировать так, как вы задумывали, на всём разнообразии устройств.

Контекстная реклама - это эффективный инструмент в интернет маркетинге, целью которого является увеличение продаж. Главный плюс контекстной рекламы заключается в том, что она работает избирательно.

Реклама в поисковых системах Яндекс и Google. Профессиональная настройка рекламы и отслеживание эффективности!

Рекламные объявления показываются именно тем пользователям, которые ищут информацию о Ваших товарах или услугах, поэтому такая реклама не является навязчивой и раздражающей в отличие от других видов рекламы, с которыми мы сталкиваемся на телевидении или радио. Контекстная реклама нацелена лишь на тех пользователей, которые непосредственно заинтересованы в рекламе Ваших услуг или товаров.