任务 1:使用 VS2012 创建 ASP.NET MVC4 应用程序

1. 启动 VS2012, 开开始页面点击新建项目,或者在文件菜单中,选择新建,项目。

云中漫步 - 2:使用 VS2012 与 Windows Azure Web 站点创建并发布 ASP.NET Web 应用程序

2. 使用 .NET Framework 4.5 创建一个新的 ASP.NET MVC4 网站应用程序,将项目命名为:MVC4Sample.Web

云中漫步 - 2:使用 VS2012 与 Windows Azure Web 站点创建并发布 ASP.NET Web 应用程序

3.  选择 Internet 应用程序,点击确定。

云中漫步 - 2:使用 VS2012 与 Windows Azure Web 站点创建并发布 ASP.NET Web 应用程序

4. 在解决方案管理器中,在 Models 文件夹上右键,选择添加,新类,创建 Person 的 POCO 类,命名为 Person.cs。确定。

5. 在 Person 类中,输入如下代码:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;

namespace MVC4Sample.Web.Models
{
    public class Person
    {
        public int PersonID { get; set; }

        public string FirstName { get; set; }

        public string LastName { get; set; }
    }
}

6. 编译项目。

7. 在解决方案管理器中,在 Controllers 文件夹上右键,选择添加,控制器。

8. 将控制器命名为 PersonController,使用如下的值填充基架选项。

  • 模版选择:MVC Controller with read/write actions and views, using Entity Framework
  • 模型类:Person
  • 数据上下文:选择新建上下文,在对话框中,使用 MVC4Sample.Web.Models.PersonContext 作为类名。
  • 视图引擎:Razor

云中漫步 - 2:使用 VS2012 与 Windows Azure Web 站点创建并发布 ASP.NET Web 应用程序

9. 点击添加,使用基架为 Person 创建控制器,你会得到如下的控制器和视图。

云中漫步 - 2:使用 VS2012 与 Windows Azure Web 站点创建并发布 ASP.NET Web 应用程序

10. 打开 PersonController.cs,基架已经生成了基本的 CRUD 代码。

//
// POST: /Person/Create
[HttpPost]
public ActionResult Create(Person person)
{
     if (ModelState.IsValid)
     {
          db.People.Add(person);
          db.SaveChanges();
          return RedirectToAction("Index");
     }
     return View(person);
}

//
// GET: /Person/Edit/5
public ActionResult Edit(int id = 0)
{
     Person person = db.People.Find(id);
     if (person == null)
     { 
          return HttpNotFound();
     }
     return View(person);
}

11. 不要关闭 Visual Studio.

任务 1 使用 Windows Azure 门户创建新的 Web 站点

1. 访问 Windows Azure 门户,使用你的订阅使用的标识登录。

云中漫步 - 2:使用 VS2012 与 Windows Azure Web 站点创建并发布 ASP.NET Web 应用程序

2. 在底部的命令条上,点击新建。

云中漫步 - 2:使用 VS2012 与 Windows Azure Web 站点创建并发布 ASP.NET Web 应用程序

3. 点击计算,网站,快速创建。在 URL 中提供一个可用的地址,点击创建网站。

云中漫步 - 2:使用 VS2012 与 Windows Azure Web 站点创建并发布 ASP.NET Web 应用程序

4. 稍等,直到网站创建完成。

如果使用共享或者已保留模式,你可以为网站配置自定义的域名,

云中漫步 - 2:使用 VS2012 与 Windows Azure Web 站点创建并发布 ASP.NET Web 应用程序

在网站的配置页面中,点击管理域名。

云中漫步 - 2:使用 VS2012 与 Windows Azure Web 站点创建并发布 ASP.NET Web 应用程序

弹出的管理域名窗口。

云中漫步 - 2:使用 VS2012 与 Windows Azure Web 站点创建并发布 ASP.NET Web 应用程序

 

5.  一旦网站创建成功, 点击 Url 列检查网站。

云中漫步 - 2:使用 VS2012 与 Windows Azure Web 站点创建并发布 ASP.NET Web 应用程序

浏览新创建的网站。

云中漫步 - 2:使用 VS2012 与 Windows Azure Web 站点创建并发布 ASP.NET Web 应用程序

6. 回到门户页面,点击网站的名字,进入网站的管理页面。

云中漫步 - 2:使用 VS2012 与 Windows Azure Web 站点创建并发布 ASP.NET Web 应用程序

7. 在仪表板页面中,在发布应用程序部分,点击下载发布配置文件链接

云中漫步 - 2:使用 VS2012 与 Windows Azure Web 站点创建并发布 ASP.NET Web 应用程序

8. 保存发布配置文件,后面,我们将使用这个发布文件在 VS2012 中发布应用程序。

云中漫步 - 2:使用 VS2012 与 Windows Azure Web 站点创建并发布 ASP.NET Web 应用程序

任务 2:配置数据库服务器

1. 在 Azure 的门户中,点击 SQL 数据库中的服务器,如果还没有服务器的话,点击下面的新建按钮创建一个。

云中漫步 - 2:使用 VS2012 与 Windows Azure Web 站点创建并发布 ASP.NET Web 应用程序

确认服务器的名称,管理使用的 Url 地址,以及管理员登录,用来获取服务器的口令。最后的这个没有在门户中显示。

现在不用创建数据库,可以让 EF 来自动创建。

云中漫步 - 2:使用 VS2012 与 Windows Azure Web 站点创建并发布 ASP.NET Web 应用程序

2. 下一步,我们需要在 VS 中测试数据库连接串,所以,你需要在服务器允许的 IP 地址列表中加入你的本地地址,点击仪表板,在右下角的速览中,点击管理允许的 IP 地址。

云中漫步 - 2:使用 VS2012 与 Windows Azure Web 站点创建并发布 ASP.NET Web 应用程序

获取当前客户端 IP 地址。

云中漫步 - 2:使用 VS2012 与 Windows Azure Web 站点创建并发布 ASP.NET Web 应用程序

3. 将客户端 IP 地址添加到允许列表中之后,保存。

云中漫步 - 2:使用 VS2012 与 Windows Azure Web 站点创建并发布 ASP.NET Web 应用程序

4. 修改管理员口令

4.1. 在门户的数据库服务器列表中,点击服务器而不是名称,可以进入使用概览界面

云中漫步 - 2:使用 VS2012 与 Windows Azure Web 站点创建并发布 ASP.NET Web 应用程序

4.2. 在使用概览页面的右边,速览中,可以重置管理员密码。

云中漫步 - 2:使用 VS2012 与 Windows Azure Web 站点创建并发布 ASP.NET Web 应用程序

4.3. 点击重置管理员密码后,在对话框中设置。

云中漫步 - 2:使用 VS2012 与 Windows Azure Web 站点创建并发布 ASP.NET Web 应用程序

 

任务 3:使用 Web 部署发布 ASP.NET MVC4 应用程序。

1. 回到 MVC4 解决方法中,在解决方案上右键,选择发布。

云中漫步 - 2:使用 VS2012 与 Windows Azure Web 站点创建并发布 ASP.NET Web 应用程序

2. 在配置页中,点击导入,选择你已经下载的发布配置文件。

云中漫步 - 2:使用 VS2012 与 Windows Azure Web 站点创建并发布 ASP.NET Web 应用程序

3. 在连接页面中,使用导入的值,点击 Validate Connection 按钮,验证通过之后,点击下一步。

云中漫步 - 2:使用 VS2012 与 Windows Azure Web 站点创建并发布 ASP.NET Web 应用程序

4. 在设置页中,数据库部分,点击 PersonContext 文本框之后的按钮。

云中漫步 - 2:使用 VS2012 与 Windows Azure Web 站点创建并发布 ASP.NET Web 应用程序

5. 如下配置数据库连接串

服务器名称:输入你的数据库服务器名称。

用户名:输入你的管理员登陆名称

口令:你的管理员口令

输入新建数据库的名称,例如:MVC4SampleDB

云中漫步 - 2:使用 VS2012 与 Windows Azure Web 站点创建并发布 ASP.NET Web 应用程序

6. 点击 Ok 创建数据库,在创建数据库的提示框中,点击 Yes.

云中漫步 - 2:使用 VS2012 与 Windows Azure Web 站点创建并发布 ASP.NET Web 应用程序

7. 将 PersonContext 中的数据库连接串复制下来以后使用,点击下一步。

云中漫步 - 2:使用 VS2012 与 Windows Azure Web 站点创建并发布 ASP.NET Web 应用程序

8. 在预览页面中,点击发布。

云中漫步 - 2:使用 VS2012 与 Windows Azure Web 站点创建并发布 ASP.NET Web 应用程序

9. 发布完成之后,你的默认浏览器就会打开已经发布的站点。验证你的网站正确发布在 Windows Azure 中。

云中漫步 - 2:使用 VS2012 与 Windows Azure Web 站点创建并发布 ASP.NET Web 应用程序

10. 访问地址 /Person,验证 Person 视图如你期望的正常工作。你可以试着添加一个 Person 到数据库中。

云中漫步 - 2:使用 VS2012 与 Windows Azure Web 站点创建并发布 ASP.NET Web 应用程序

相关文章:

  • 2021-07-22
  • 2022-02-05
  • 2022-12-23
  • 2022-12-23
  • 2022-02-07
  • 2021-11-02
  • 2022-12-23
猜你喜欢
  • 2021-11-29
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-06-02
  • 2021-06-29
相关资源
相似解决方案