Ошибка биндинга - приходит пустая модель

#c_sharp #aspnet_mvc

Есть два метода для редактирования 

Первый передает значения для редактирования, а второй редактирует

public ActionResult EditMagazine(int id)
{
    var editMagazineModel = new EditMagazineViewModel()
    {
        Magazine = magazineService.EditMagazine(id)
    };
    return View(editMagazineModel);
}
[HttpPost]
[ValidateAntiForgeryToken]
public ActionResult EditMagazine1(EditMagazineViewModel magazine)
{
    var magazineModel = new Magazine
    {
        MagazineId = magazine.Magazine.MagazineId,
        Name = magazine.Magazine.Name,
        Number = magazine.Magazine.Number,
        YearOfPublishing = magazine.Magazine.YearOfPublishing
    };
    magazineService.EditMagazine1(magazineModel);
    return RedirectToAction("Magazine");
}


из-за того что делаю ViewModel пришлось столкнуться с mapping'ом ,

так вот проблема в том что во втором методе выходит исключение из-за этого 

var magazineModel = new Magazine
 {


я создаю новый обьект 

Кто подскажет как правильно передать значения с первого метода для второго метода 

[NullReferenceException: Object reference not set to an instance of an object.]


Вот ViewModel 

public class EditMagazineViewModel
{
    public Magazine Magazine { get; set; }       
}


а вот Model 

public class Magazine
{
    public int MagazineId { get; set; }
    public string Name { get; set; }
    public int Number { get; set; }
    public int YearOfPublishing { get; set; }
}


Вот View EditMagazine 

@model Library.ViewModel.MagazineViewModel.EditMagazineViewModel

@{
Layout = "~/Views/Home/Layout.cshtml";
}

 








 @using (Html.BeginForm("EditMagazine1", "Magazine"))

   {

       @Html.AntiForgeryToken()

    

        
Magazine
        

        @Html.ValidationSummary(true, "", new { @class = "text-danger" })
        @Html.HiddenFor(model => model.Magazine.MagazineId)

        

            @Html.LabelFor(model => model.Magazine.Name, htmlAttributes: new { @class
= "control-label col-md-2" })
            

                @Html.EditorFor(model => model.Magazine.Name, new { htmlAttributes
= new { @class = "form-control" } })
                @Html.ValidationMessageFor(model => model.Magazine.Name, "", new
{ @class = "text-danger" })
            
        

        

            @Html.LabelFor(model => model.Magazine.Number, htmlAttributes: new {
@class = "control-label col-md-2" })
            

                @Html.EditorFor(model => model.Magazine.Number, new { htmlAttributes
= new { @class = "form-control" } })
                @Html.ValidationMessageFor(model => model.Magazine.Number, "", new
{ @class = "text-danger" })
            
        

        

            @Html.LabelFor(model => model.Magazine.YearOfPublishing, htmlAttributes:
new { @class = "control-label col-md-2" })
            

                @Html.EditorFor(model => model.Magazine.YearOfPublishing, new { htmlAttributes
= new { @class = "form-control" } })
                @Html.ValidationMessageFor(model => model.Magazine.YearOfPublishing,
"", new { @class = "text-danger" })
            
        

        

            

                
            
        
    
}




    

Ответы

Ответ 1

Ваша модель основана на простых типах типа int и string:

public class Magazine
{
    public int MagazineId { get; set; }
    public string Name { get; set; }
    public int Number { get; set; }
    public int YearOfPublishing { get; set; }
}


При этом вы могли пойти по пути использования модели в качестве ViewModel - но раз
уж вы пошли по пути ухода от модели - то не надо было во вьюмодели ссылаться на доменную
логику:

public class EditMagazineViewModel
{
    public Magazine Magazine { get; set; }       
}


Сделайте класс на простых типах:

public class EditMagazineViewModel
{
    public int MagazineId { get; set; }
    public string Name { get; set; }
    public int Number { get; set; }
    public int YearOfPublishing { get; set; }
}


(Чувствуете, что хочется записаться в сторонники использования моделей в качестве
вьюмоделей? Код копипастится)

Давайте теперь переделаем наш первый action:

public ActionResult Edit(int id)
{
    var magazine = magazineService.GetById(id);
    var model = new EditMagazineViewModel(magazine);
    return View(model);
}


и второй:

[HttpPost]
[ValidateAntiForgeryToken]
public ActionResult Edit(EditMagazineViewModel model)
{
    if (!this.ModelState.IsValid)
        return this.View(model);

    var magazine = model.ToEntity();
    magazineService.Update(magazine);
    return RedirectToAction("Magazine");
}


(Обратите внимание: в сервис мы передаём уже доменную модель, сервис относится к
слою бизнес-логики и может ничего не знать о десятках приложений (веб, мобильных) у
каждого свои собственные вьюмодели)

Только для этого нам нужно класс модели переписать следующим образом:

public class EditMagazineViewModel
{
    public EditMagazineViewModel()
    {
    }

    public EditMagazineViewModel(Magazine magazine)
    {
        this.MagazineId = magazine.MagazineId;
        this.Name = magazine.Name;
        this.Number = magazine.Number;
        this.YearOfPublishing = magazine.YearOfPublishing;
    }

    public Magazine ToEntity()
    {
        return new Magazine
        {
            MagazineId = this.MagazineId,
            Name = this.Name,
            Number = this.Number,
            YearOfPublishing = this.YearOfPublishing,
        };
    }

    public int MagazineId { get; set; }
    public string Name { get; set; }
    public int Number { get; set; }
    public int YearOfPublishing { get; set; }
}


Первый конструктор нужен для asp.net, второй - для нас (чтобы не разбухал метод контроллера),
а ToEntity - преобразует обратно ViewModel в Model.

Понадобится - можете потом подтащить мапперы вместо этих методов.

Остаётся переписать view:

@model Library.ViewModel.MagazineViewModel.EditMagazineViewModel
@{
    Viewbag.Title = "Edit magazine";
}
@Viewbag.Title
@using (Html.BeginForm("EditMagazine", "Magazine", FormMethod.Post))
{
    @Html.AntiForgeryToken()
    

        @Html.ValidationSummary(true, "", new { @class = "text-danger" })
        @Html.HiddenFor(model => model.MagazineId)
        

            @Html.LabelFor(model => model.Name, htmlAttributes: new { @class = "control-label
col-md-2" })
            

                @Html.EditorFor(model => model.Name, new { htmlAttributes = new {
@class = "form-control" } })
                @Html.ValidationMessageFor(model => model.Name, "", new { @class
= "text-danger" })
            
        
        

            @Html.LabelFor(model => model.Number, htmlAttributes: new { @class =
"control-label col-md-2" })
            

                @Html.EditorFor(model => model.Number, new { htmlAttributes = new
{ @class = "form-control" } })
                @Html.ValidationMessageFor(model => model.Number, "", new { @class
= "text-danger" })
            
        
        

            @Html.LabelFor(model => model.YearOfPublishing, htmlAttributes: new {
@class = "control-label col-md-2" })
            

                @Html.EditorFor(model => model.YearOfPublishing, new { htmlAttributes
= new { @class = "form-control" } })
                @Html.ValidationMessageFor(model => model.YearOfPublishing, "", new
{ @class = "text-danger" })
            
        
        

            

                
            
        
    
}


У меня в тестовом приложении работает (естественно чуть другие неймспейсы), проблем нет:

Как создать конструктор внутри объекта?

#javascript

Существует объект который содержит объекты . В этом объекте есть метод который является
конструктором при вызове которого просто добавляет еще объект. 

var obj = {
            list1:{petName:'Gyffy', 
                    petOwner:'Peter',
                    date: '2016-05-03',
                    time: '14:23',
                    note:'sfdsfsdfdsf'},
            list2:{petName:'Catty', 
                    petOwner:'Oleg',
                    date: '2017-05-03',
                    time: '16:23',
                    note:'xcxzcxcxc'},
            addObj: function(petName,petOwner,date,time,note){
                    this.petName = petName,
                    this.petOwner = petOwner,
                    this.date = date,
                    this.time = time,
                    this.note = note
            }       
        }
        obj.addObj('Kitty','Max','2014-06-03','14:34','bla bla');


В результате этого "кода") создаются свойства текущего объекта.

{list1: {…}, list2: {…}, addObj: ƒ, petName: "Kitty", petOwner: "Max", …}
addObj
:
ƒ (petName,petOwner,date,time,note)
date
:
"2014-06-03"
list1
:
{petName: "Gyffy", petOwner: "Peter", date: "2016-05-03", time: "14:23", note: "sfdsfsdfdsf"}
list2
:
{petName: "Catty", petOwner: "Oleg", date: "2017-05-03", time: "16:23", note: "xcxzcxcxc"}
list3
:
{petName: "dsfdsf", petOwner: "Olga", date: "2018-12-06", time: "13:23", note: "dsfsd"}
note
:
"bla bla"
petName
:
"Kitty"
petOwner
:
"Max"
time
:
"14:34"
__proto__
:
Object


Как мне реализовать вызов конструктора и создать новый объект в obj
    

Ответы

Ответ 1

var obj = {
  list1: {
    petName: 'Gyffy',
    petOwner: 'Peter',
    date: '2016-05-03',
    time: '14:23',
    note: 'sfdsfsdfdsf'
  },
  list2: {
    petName: 'Catty',
    petOwner: 'Oleg',
    date: '2017-05-03',
    time: '16:23',
    note: 'xcxzcxcxc'
  },
  addObj: function(petName, petOwner, date, time, note) {
    for (var i = 1; ; i++) {
      if (!this["list" + i]) {
        this["list" + i] = {
          petName: petName,
          petOwner: petOwner,
          date: date,
          time: time,
          note: note
        };
        break;
      }
    }
  }
}

obj.addObj('Kitty', 'Max', '2014-06-03', '14:34', 'bla bla');
console.log(obj);


Ответ 2

Если вы хотите дёрнуть функцию в качестве конструктора, то вам нужно вызывать её с new



var obj = {
    list1:{petName:'Gyffy', 
            petOwner:'Peter',
            date: '2016-05-03',
            time: '14:23',
            note:'sfdsfsdfdsf'},
    list2:{petName:'Catty', 
            petOwner:'Oleg',
            date: '2017-05-03',
            time: '16:23',
            note:'xcxzcxcxc'},
    addObj: function(petName,petOwner,date,time,note){
            this.petName = petName,
            this.petOwner = petOwner,
            this.date = date,
            this.time = time,
            this.note = note
    }       
}
obj.list3 = new obj.addObj('Kitty','Max','2014-06-03','14:34','bla bla');

console.log(obj);

Поиск элементов в блоке

#javascript #html #jquery #css

Как скриптом проверить, если у 
 есть див sub то 
 присвоить класс parent?


 Букеты
   

       Розы поштучно
       Букеты из роз
   

 Авторские букеты
 Розы


    

Ответы

Ответ 1

$("li").each(function() {
  if ($(this).find("div.sub").length) {
    $(this).addClass("parent");
  }
});
.parent, .parent a {
  color: red;
}


  
 Букеты
    

       Розы поштучно
       Букеты из роз
    
  
  
 Авторские букеты
  
 Розы





или



$("li:has(div.sub)").addClass("parent");
.parent, .parent a {
  color: red;
}


  
 Букеты
    

       Розы поштучно
       Букеты из роз
    
  
  
 Авторские букеты
  
 Розы

Обновление виджета QLabel PyQt5

#python #pyqt5

Здравствуйте. Подскажите как обновить виджет с фотографией - QLabel, библиотеки PyQt5
в python 3.6. Смысл заключается в том, что сокет получает bytes фотографии и нужно
при каждом получении обновлять фотографию в окне gui.

Код gui:

import io
from PIL import Image
from PIL.ImageQt import ImageQt
from PyQt5.QtGui import *
from PyQt5 import QtWidgets, QtGui
import sys


class Window(QtWidgets.QWidget):
    def __init__(self, ):
        super().__init__()
        self.resize(800, 600)
        self.wiget_photo()

    def wiget_photo(self):
        self.img = Image.open(io.BytesIO(photo)) #открытие bytes фото (библиотека PIL)
        self.qimage = ImageQt(self.img)
        self.pixmap = QPixmap.fromImage(self.qimage) #формотирование bytes фото в
pixmap для setPixmap
        self.lbl = QtWidgets.QLabel(self)
        self.pix = QtGui.QPixmap(self.pixmap)
        self.lbl.setPixmap(self.pix)
        self.lbl.resize(500, 500) #размер виджета
        self.lbl.move(50, 50) #расположение виджета
        self.show()

if __name__ == '__main__':
    app = QtWidgets.QApplication(sys.argv)
    GUI = Window()
    sys.exit(app.exec_())

    

Ответы

Ответ 1

Чтобы показывать картинки, полученные через сокет, можно принимать картинки в фоновом
потоке, используя простой сокет сервер (в общем случае, Qt позволяет сервер в цикле
событий запустить в том же потоке) и получив картинку послать сигнал, чтобы отобразить
картинку в GUI:

#!/usr/bin/env python3
import socket
import sys
from PyQt5.QtCore import QObject, QThread, pyqtSignal
from PyQt5.QtGui import QPixmap
from PyQt5.QtWidgets import QApplication, QLabel

def server(signal_obj, host='localhost', port=29044):
    sock = socket.socket(socket.AF_INET, socket.SOCK_STREAM)
    # reuse sockets in TIME_WAIT state
    sock.setsockopt(socket.SOL_SOCKET, socket.SO_REUSEADDR, 1)
    sock.bind((host, port))
    sock.listen()
    signal_obj.server_started.emit(host, port)
    while True:
        conn, addr = sock.accept()  # XXX add error handling
        with conn, conn.makefile('rb') as file:  # one client at a time
            signal_obj.got_image.emit(addr, file.read())  # image received

class SignalObject(QObject):
    server_started = pyqtSignal(str, int)  # host, port
    got_image = pyqtSignal(tuple, bytes)   # addr, image data

    def receive_images(self):
        server(self)

class ImageViewer(QLabel):
    def on_server_start(self, host, port):
        self.setText(f'Waiting for images on {host}:{port}')
        self.adjustSize()

    def on_received_image(self, addr, image_data):
        self.setWindowTitle('Image from {}:{}'.format(*addr))
        pixmap = QPixmap()
        pixmap.loadFromData(image_data)
        self.setPixmap(pixmap)
        self.resize(pixmap.width(), pixmap.height())

app = QApplication(sys.argv)
# run server in a background thread
thread = QThread()
signal_obj = SignalObject()  # communicate with GUI using signals
signal_obj.moveToThread(thread)
thread.started.connect(signal_obj.receive_images)

image_viewer = ImageViewer()
image_viewer.setWindowTitle('Show Images from socket')
signal_obj.server_started.connect(image_viewer.on_server_start)
signal_obj.got_image.connect(image_viewer.on_received_image)
image_viewer.show()
thread.start()       # start server
sys.exit(app.exec())


Чтобы послать картинку при запущенном приложении:

$ nc localhost 29044 < /path/to/image.png


В коде две основных части:


server() ожидает по указанному адресу (host, port) новые соединения. Когда клиент
подключается, сервер читает данные и публикует их как got_image  сигнал:

signal_obj.got_image.emit(addr, file.read())

GUI, которое подписано на этот сигнал:

signal_obj.got_image.connect(image_viewer.on_received_image)


показывает новую картинку, используя Pixmap.loadFromData метод. Отображение картинок
на экран PyQt5 доступных как bytes.


В Qt у каждого объекта, есть свой поток (thread affinity), чтобы SignalObject.receive_images
слот выполнялся в фоновом потоке, используется signal_obj.moveToThread(thread) вызов.
Background thread with QThread in PyQt.

Не обязательно QThread использовать, посылка сигналов является thread-safe, можно
из обычного Питон-потока сигналы посылать, пример кода.


Ответ 2

Пример обновлении QLabel при помощи функции setText() раз в секунду.

В вашем случае обновление будет при получении фотографии. 

import sys
from PyQt5 import QtWidgets, QtCore


class Main(QtWidgets.QWidget):
    def __init__(self):
        super().__init__()
        self.setFixedSize(200, 200)
        self.setWindowTitle('Test')
        self.i = 0
        self.label = QtWidgets.QLabel()
        lay = QtWidgets.QVBoxLayout()
        lay.addWidget(self.label)
        self.setLayout(lay)
        self.timer = QtCore.QTimer()
        self.timer.timeout.connect(self.tick)
        self.timer.start(1000)

    def tick(self):
        self.i += 1
        self.label.setText("Значение равно {}".format(self.i))
        if self.i == 10:
            self.label.setText("Подсчет окончен")
            self.timer.stop()


if __name__ == "__main__":
    app = QtWidgets.QApplication(sys.argv)
    main = Main()
    main.show()
    sys.exit(app.exec_())

HTML код в JS без кавычек. Как это реализовано в React?

#javascript #html #reactjs

В методе ReactDOM.render React-a мы можем объявлять компоненты сразу HTML кодом. Вот так:

ReactDOM.render(

    
, 
document.getElementById('fieldToShow'));


Как я понимаю render() - это метод написанный на JS, а HTML передается в него как
аргумент функции. Но ведь JS не может оперировать HTML кодом без кавычек.
Например, если я напишу следующий код, то само-собой получу ошибку "Unexpected token <":

function test(
) {}


Также при выводе HTML из JS функции:

function test(){
    return 

}


У кого-нибудь есть идеи, как это реализовано в React-е? 

Можете привести пример кода, позволяющего передавать в JS функцию HTML код в качестве
аргумента, при этом не вызывая ошибки компиляции?
    

Ответы

Ответ 1

В данном случае используется не html, а jsx код, который, впрочем, очень похож на
html. Подробнее можно прчесть в документации тут https://reactjs.org/docs/introducing-jsx.html
или тут https://facebook.github.io/jsx/

Уничтожить последовательность если она существует

#sql #oracle

Перед запуском сценария хочу проверить есть ли в БД секвенция и если есть - дропнуть
её. Но DROP SEQUENCE не работает в PLSQL, а IF не работает в SQL. Как быть? Сейчас
в начало сценария приписал:

DECLARE
    V_TEMP_NUM NUMBER(9) := 0;
BEGIN
SELECT COUNT(*) INTO V_TEMP_NUM FROM USER_SEQUENCES WHERE SEQUENCE_NAME = 'TMM_TEMP10_SEQ';
IF V_TEMP_NUM > 0 THEN
  DROP SEQUENCE TMM_TEMP10_SEQ;
END IF;
CREATE SEQUENCE TMM_TEMP10_SEQ
    MINVALUE 0
    START WITH 10
    INCREMENT BY 10
    CACHE 20;
END;


Как я и сказал, ругается на DROP.
    

Ответы

Ответ 1

Много лет назад я написал небольшую процедуру, которая реализует логику: 

CREATE/ALTER/DROP