Пошаговое руководство по созданию приложения с помощью SQL Server Express и Visual Web Developer 2005 Express
В этом сценарии показано, как создать простое веб-приложение ASP .NET, которое использует SQL Server 2005 Express Edition (SQL Server Express).
Предварительные условия
- Должен быть установлен SQL Server Express. Дополнительные сведения см. в разделе Установка SQL Server Express.
- Должна быть установлена среда Visual Web Developer 2005 Express Edition. Для получения дополнительных сведений, а также загрузки продукта см. раздел Visual Web Developer 2005 Express Edition.
Задачи
Установка базы данных Northwind
Загрузите сценарии установки для образца базы данных Northwind с веб-узла Northwind.
Запустите загруженный файл SQL2000SampleDb.msi. Сценарии установки будут установлены в папку «C:\SQL Server 2000 Sample Databases».
По завершении установки откройте командную строку: в меню Пуск выберите команду Выполнить, введите
cmd
и нажмите кнопку ОК.В командной строке введите:
cd C:\SQL Server 2000 Sample Databases
Затем нажмите клавишу ВВОД.
В командной строке введите:
sqlcmd -S .\SQLExpress -i instnwnd.sql
Затем нажмите клавишу ВВОД.
В процессе установки базы данных Northwind программа sqlcmd выводит сообщения о ходе выполнения, после чего снова возвращает управление командной строке.
Проверка установки с помощью программы sqlcmd
Чтобы проверить установку базы данных, в командной строке введите:
sqlcmd -S .\SQLExpress
Затем нажмите клавишу ВВОД.
В командной строке средства sqlcmd введите следующие три команды:
Use Northwind Select name from sys.Tables Go
В средстве sqlcmd появятся следующие данные:
«Контекст базы данных изменен на "Northwind".».
name
-----------------------------------------------
Customers
Shippers
Suppliers
Orders
Products
Order Details
CustomerCustomerDemo
CustomerDemographics
Region
Territories
EmployeeTerritories
Employees
Categories
(обработано 13 строк)
В командной строке средства sqlcmd введите следующие две команды:
Select * from Customers
Go
В таблице Customers появится полный список сведений. Не закрывайте окно командной строки, чтобы воспользоваться им позднее.
Создание нового веб-узла
Откройте выпуск Visual Web Developer 2005 Express Edition.
В меню Файл выберите команду Создать веб-узел.
Выберите язык разработки (Visual Basic, Visual C#или Visual J#), выберите веб-узел ASP .NET, в окне Веб-узел ASP .NET введите имя и расположение для веб-узла, затем нажмите кнопку ОК. В данном примере используется имя myWebSite и каталог «C:\Websites».
Visual Web Developer 2005 Express создаст новый веб-узел и отобразит страницу Default.aspx в окне редактирования исходного кода (HTML).
Добавление пользовательского интерфейса на веб-страницу
В нижнем левом углу экрана с исходным кодом Default.aspx нажмите Проект.
В окне Инструментарий перейдите на вкладку Данные.
В окне Инструментарий на вкладке Данные перетащите объект GridView на представление конструктора Default.aspx.
Привязка веб-страницы к источнику данных
В диалоговом окне Задачи GridView, которое появляется автоматически при добавлении GridView на веб-страницу, на вкладке Выбор источника данных выберите вариант <новый источник данных>.
В диалоговом окне Конфигурация источника данных перейдите в раздел База данных, введите в качестве идентификатора
MyNwndDataSource
и нажмите кнопку ОК.На экране Выбор соединения с данными нажмите кнопку Создать соединение.
В окне Выбор источника данных выберите вариант «Microsoft SQL Server».
- В группе Поставщик данных выберите Поставщик данных .NET Framework для SQL Server.
- Нажмите кнопку Продолжить.
В окне Добавление соединения введите имя сервера, на котором установлен SQL Server Express, затем поставьте обратную косую черту (\) и введите имя экземпляра. Так, если SQL Server Express установлен в стандартном расположении, которым является именованный экземпляр SQLExpress, а также на одном компьютере с Visual Studio, можно ввести
Servername\SQLExpress
либо.\SQLExpress
.- Выберите вариант Использовать проверку подлинности Windows.
- Из раскрывающегося списка Выберите или введите имя базы данных выберите Northwind.
- Нажмите кнопку Проверить соединение. Появится диалоговое окно с подтверждением соединения. Нажмите кнопку ОК.
- Нажмите кнопку ОК, чтобы сохранить новое соединение.
На экране Выбор соединения с данными нажмите кнопку Далее.
В диалоговом окне Сохранить строку соединения в файл конфигурации приложения выберите сохранение строки соединения и присвойте имя
myNwndConnection
. Нажмите кнопку Далее.В окне Настройка инструкции Select выберите данные для использования в приложении. Выбрав параметр Указать столбцы из таблицы или представления, из раскрывающегося списка Имя выберите таблицу Заказчики, затем выберите следующие столбцы.
- CustomerID
- CompanyName
- ContactName
- Country
- Phone
В окне Настройка инструкции Select нажмите кнопку Дополнительно. В диалоговом окне Дополнительные параметры формирования SQL выберите вариант Сформировать инструкции Insert, Update и Delete, затем нажмите кнопку ОК.
Нажмите кнопку Далее.
В окне Проверка запроса нажмите кнопку Проверить запрос, чтобы убедиться, что были возвращены и отображены в сетке правильные данные. Нажмите кнопку Готово.
Затем вновь появится представление конструктора веб-страницы, теперь в GridView будут показаны столбцы, которые будут использоваться (с моделированными данными).
Проверка веб-узла
Нажмите Пуск или клавишу F5, чтобы создать и развернуть веб-узел в режиме отладки. Если при включении отладки появится запрос на добавление файла Web.config или его изменение, ответьте положительно, затем нажмите кнопку ОК.
Откроется обозреватель Internet Explorer, где отобразится веб-страница. На веб-странице появится элемент GridView и выбранные данные из таблицы Northwind.
Примечание. |
---|
Если веб-страница не загружается надлежащим образом, проверьте настройки учетной записи-посредника в веб-обозревателе. Они должны быть настроены так, чтобы для локальных адресов не использовался сервер учетных записей-посредников. |
Расширение функциональности веб-страницы
Закройте обозреватель Internet Explorer. Режим отладки выпуска Visual Web Developer 2005 Express Edition будет закрыт, после чего можно продолжить разработку веб-страницы.
В конструкторе однократно щелкните элемент GridView. Щелкните маленькую стрелку, которая появится в правом верхнем углу элемента GridView. Появится диалоговое окно Задачи GridView.
Нажмите кнопку Автоформат, выберите необходимый формат и нажмите кнопку ОК.
Нажмите кнопку Добавить новый столбец.
В диалоговом окне Добавление поля выберите вариант Командное поле в качестве типа поля. Выберите тип кнопки Кнопка и нажмите кнопку Изменить и обновить. Включите также параметр Отображать кнопку отмены. Нажмите кнопку ОК.
Теперь в сетке появится новый столбец с кнопкой Изменить.
В диалоговом окне Задачи сетки выберите Включить разбиение на страницы и Включить сортировку.
Проверка веб-узла
Перестройте веб-узел, нажав кнопку Пуск или клавишу F5.
Проверьте правильность сортировки столбцов и разбиения на страницы. Щелкнув заголовок любого столбца, можно выполнить сортировку столбца в возрастающем или убывающем порядке.
В элементе DataGrid нажмите кнопку Правка для любой строки. Обратите внимание, что значения можно изменить для всех столбцов, за исключением столбца CustomerID, который является первичным ключом и не может быть изменен.
Измените значение CompanyName в выбранной строке, введя новое значение. По завершении нажмите кнопку Обновить для этой строки.
Измененные данные запишутся в SQL Server Express, а элемент GridView будет обновлен.
Проверка базы данных
В открытом окне командной строки введите следующие три команды:
Use Northwind Select CompanyName from Customers Go
В средстве sqlcmd появится список названий компаний для каждого клиента. Должно появиться измененное значение CompanyName.