Silverlighting Your PHP, часть 3: перевод PHP в Visual Studio

Установите флажок «Размещать приложение Silverlight на новом веб-сайте».

Когда ваш новый пустой проект открывается впервые, все, что вы получаете, это пустой холст. Технически говоря, это фактически пустой элемент управления Grid, а не элемент управления Canvas. Вы увидите на панели инструментов слева список других элементов управления. Подобно Expression Blend, Visual Studio предлагает огромный набор предварительно запеченных функций, которые вы можете добавить в свое приложение, такие как элементы управления формой, средство выбора даты, календарь и элементы управления мультимедиа.

Он также включает в себя набор элементов управления данными для подключения внешнего набора данных. Это то, что вы собираетесь использовать здесь. Перетащите элемент управления DataGrid на холст и измените его размер, чтобы заполнить весь блок.

DataGrid делает только то, на что это похоже — тянет данные в предварительно отформатированную сетку. Эта сетка представляет данные в столбцах с изменяемыми размерами фиксированной или переменной ширины, которые, начиная с Silverlight 4, можно сортировать в порядке возрастания или убывания. Все, что вам нужно сделать, чтобы включить эту функцию, это подключить ее к источнику данных, обычно к базе данных SQL Server.

В этом случае вы собираетесь подключить его к внешнему XML-файлу. Да, файл, который вы только что создали в своем приложении PHP.

В обозревателе решений справа под MemberGrid.Web создайте новую папку с именем xmldata. В этой папке добавьте существующий файл: members.xml.

Опять же, вам может понадобиться перейти к этой папке в проводнике Windows и добавить разрешения безопасности для записи в папку, которая понадобится вам позже. Кроме того, вы можете заметить на панели свойств, что ваш файл members.xml был добавлен в развернутый проект как «Содержимое». Это хорошая вещь. Обычно элементы в решении связываются в файле приложения .xap при развертывании, что облегчает развертывание проекта, но затрудняет редактирование с помощью внешнего скрипта. Но так как ваш файл members.xml был добавлен с установленным для «Действие сборки» «Содержимое», это означает, что он будет скопирован в место назначения развертывания, но не включен в .xap. Единственное другое свойство, которое вам нужно изменить, — это установить «Копировать в выходной каталог» в «Копировать, если новее».Это должно удерживать Visual Studio от перезаписи ваших данных, если вы внедряете изменения после того, как ваше приложение работает некоторое время.

Последнее, что нужно сделать, прежде чем начать кодирование. Вам нужно будет добавить ссылку на библиотеку System.Xml.Linq. Вы должны иметь возможность добавить компонент v4.0, щелкнув правой кнопкой мыши на папке Reference в обозревателе решений и выбрав компонент System.Xml.Linq .NET.

Но вам может понадобиться перейти к справочному файлу вручную. Если это так, перейдите на вкладку «Обзор» и перейдите к / Program Files / Microsoft SDKs / Silverlight / v4.0 / Libraries / Client и выберите System.Xml.Linq.dll.

Добавить код C #

Прежде чем добавлять код PHP, продолжайте и подключите ваш источник данных. Это требует немного кодирования, поэтому начните с именования элемента управления DataGrid. В коде XAML под вашим холстом найдите имя вашей DataGrid и измените его на «dgMemberGrid».

Пока вы там, измените AutoGenerateColumns на True, иначе ваши данные будут подключены, но фактически не появятся в сетке.

В обозревателе решений щелкните правой кнопкой мыши элемент MemberGrid и добавьте новый класс. Назовите это MemberRecord.

Откройте MemberRecord.cs. В конструкторе добавьте следующее:

public string Name { get; set; }
public string Function { get; set; }
public string Status { get; set; }
public string Description { get; set; }

Откройте код позади MainPage, то есть MainPage.xaml.cs. В списке ссылок добавьте эту ссылку в библиотеку Linq:

using System.Xml.Linq;

Замените оставшуюся часть кода следующим:

namespace MemberGrid
{
    public partial class MainPage : UserControl
    {
        DataGrid memberGrid;
        XDocument xMembers;
 
        public MainPage()
        {
            InitializeComponent();
            loadXMLFile();
        }

        private void loadXMLFile()
        {
            WebClient xmlClient = new WebClient();
            xmlClient.DownloadStringCompleted += new DownloadStringCompletedEventHandler(membersLoaded);
            xmlClient.DownloadStringAsync(new Uri("../xmldata/members.xml", UriKind.Relative));
        }

        private void membersLoaded(object sender, DownloadStringCompletedEventArgs e)
        {
            xMembers = XDocument.Parse(e.Result);
            setGridDatasource();
        }
 
        private void setGridDatasource()
        {
            var memberList = from memberXml in xMembers.Descendants("member")
                 select new MemberRecord
                 {
                     Name = Convert.ToString(memberXml.Element("memberName").Value),
                     Function = Convert.ToString(memberXml.Element("memberFunction").Value),
                     Status = Convert.ToString(memberXml.Element("memberStatus").Value),
                     Description = Convert.ToString(memberXml.Element("memberDescription").Value)
                 };
            memberGrid = this.FindName("dgMemberGrid") as DataGrid;
            memberGrid.ItemsSource = memberList;
        }
    }
}

Внимательно посмотрите на этот код, и вы увидите, что происходит несколько вещей.

Во-первых, у вас есть много способов подключения данных. Если вы собираетесь использовать статический XML-файл, который никогда не менялся, вероятно, самый простой способ сделать это — перенести его в проект как встроенный ресурс, чтобы он был упакован в файл .xap, а затем ссылаться на него в коде. как местный ресурс. Но поскольку файл будет обновляться из-за пределов приложения Silverlight, вы захотите ссылаться на него как на внешний файл, что означает создание объекта WebClient, как вы можете видеть в loadXMLFile ().

Преимущество использования этого метода заключается в том, что вы также можете использовать его для ссылки на удаленный канал XML, например канал RSS.

Как видно из потока этого кода, инстанцирование страницы запускает загрузку XML-файла асинхронно. Когда это завершено, он запускает процедуру membersLoaded (), которая анализирует XML-документ и запускает setGridDataSource ().

И вот где происходит доброта. Подобно DOMDocument-> getElementsByTagName в PHP, вы используете Linq, чтобы выбрать все элементы-элементы из вашего XML-документа, а затем перебрать их, создав для каждого новый объект MemberRecord. По-прежнему используя Linq, вы затем подключаете различные узлы XML к соответствующим им свойствам MemberRecord.

Как только ваша коллекция объектов MemberRecord была создана, ваш последний шаг — установить источник вашей dgMemberGrid для этой коллекции. Как только это будет сделано, Bang — DataGrid.

Попробуйте запустить решение. Вы должны получить простую веб-страницу с DataGrid, которая отображает две записи примера в вашем файле members.xml. Уже сейчас вы можете начать видеть силу Silverlight в добавлении огромного количества функциональности в ваше PHP-приложение. При относительно небольшом кодировании у вас есть сетка данных с изменяемыми размерами, которая может динамически отображать ваш источник данных.

Смешайте в некотором PHP

Чтобы настроить для развертывания, вы можете смешать ваш PHP-файл, фактически не выполняя его. Щелкните правой кнопкой мыши на MemberGrid.Web и выберите Добавить -> Существующий элемент. Перейдите к memberForm.php и добавьте его. Это копирует файл в каталог вашего проекта. В свойствах файла установите для параметра «Действие сборки» значение «Содержимое» и для параметра «Копировать в выходной каталог» значение «Всегда копировать».

Для реального теста разверните все приложение в исходном веб-каталоге для этой вещи. Щелкните правой кнопкой мыши MemberGrid.Web в обозревателе решений и выберите «Опубликовать». В профиле публикации выберите «Файловая система» в качестве метода публикации и перейдите в каталог развертывания для цели. Нажмите Опубликовать.

Пока вы не можете на самом деле код и отладки PHP скрипт с помощью Visual Studio без 3 — ^й партии надстройку, это хороший способ , чтобы собрать весь кощунственный сверток в одном месте для удобства развертывания.

Запустите приложение

Попробуй! Перейдите на свою страницу memberForm.php и введите некоторые тестовые данные.

После того как вы отправите его, перейдите к MemberGridTestPage.html. Если все прошло хорошо, вы должны увидеть что-то вроде этого:

Хотя в этом пошаговом руководстве показаны некоторые возможности Visual Studio по созданию приложения Silverlight с вашим PHP-кодом, в нем даже не рассматривается весь вопрос параллельной разработки. С помощью кодера на одном конце офиса, работающего в Visual Studio, и дизайнера на другом конце, работающего в Expression Bend, обе стороны могут работать над одним приложением одновременно. И смирись с этим, это нужно немного нарядить.