Orchard:使用VS2010来生成一个地图Content Part

本篇介绍使用VS2010来开发一个地图Map part，然后在一个内容项中显示一个地图图片。在本文最后我将附上本示例的模块代码，大家可以下载进行查看。如果你还不知道如何生成一个Content part，请先看我之前写的在Orchard:生成一个Content Part。

生成模块目录结构

打开Code Generation 功能，输入下面的命令来生成Maps模块：
codegen module Maps /IncludeInSolution:true

这里的参数IncludeInSolution 表示Orchard把Maps module项目文件加入到Orchard.sln方案中

打开Orchard.sln方案后，可以看到Map项目：

生成model

在Modle目录下生成文件Map.cs:

生成数据迁移类data migration

进入Orchard命令行，输入

codegen datamigration Maps

Migrations.s文件如下：

View Code

using System;
using System.Collections.Generic;
using System.Data;
using Maps.Models;
using Orchard.ContentManagement.Drivers;
using Orchard.ContentManagement.MetaData;
using Orchard.ContentManagement.MetaData.Builders;
using Orchard.Core.Contents.Extensions;
using Orchard.Data.Migration;

namespace Maps.DataMigrations
{
    public class Migrations : DataMigrationImpl
    {

        public int Create()
        {
            // Creating table MapRecord
            SchemaBuilder.CreateTable("MapRecord", table => table
                .ContentPartRecord()
                .Column("Latitude", DbType.Double)
                .Column("Longitude", DbType.Double)
            );

            ContentDefinitionManager.AlterPartDefinition(
                typeof(MapPart).Name, cfg => cfg.Attachable());

            return 1;
        }
    }
}

增加handler

添加文件Handlers\MapHandler.cs:

View Code

using Maps.Models;
using Orchard.ContentManagement.Handlers;
using Orchard.Data;

namespace Maps.Handlers
{
    public class MapHandler : ContentHandler
    {
        public MapHandler(IRepository<MapRecord> repository)
        {
            Filters.Add(StorageFilter.For(repository));
        }
    }
}

添加 driver

添加文件Drivers\MapDriver.cs

View Code

using Maps.Models;
using Orchard.ContentManagement;
using Orchard.ContentManagement.Drivers;

namespace Maps.Drivers
{
    public class MapDriver : ContentPartDriver<MapPart>
    {
        protected override DriverResult Display(
            MapPart part, string displayType, dynamic shapeHelper)
        {

            return ContentShape("Parts_Map", () => shapeHelper.Parts_Map(
                Longitude: part.Longitude,
                Latitude: part.Latitude));
        }

        //GET
        protected override DriverResult Editor(
            MapPart part, dynamic shapeHelper)
        {

            return ContentShape("Parts_Map_Edit",
                () => shapeHelper.EditorTemplate(
                    TemplateName: "Parts/Map",
                    Model: part,
                    Prefix: Prefix));
        }
        //POST
        protected override DriverResult Editor(
            MapPart part, IUpdateModel updater, dynamic shapeHelper)
        {

            updater.TryUpdateModel(part, Prefix, null, null);
            return Editor(part, shapeHelper);
        }
    }
}

建立模板templates

添加文件Views/EditorTemplates/Parts/Map.cshtml:

View Code

@model Maps.Models.MapPart

<fieldset>
  <legend>Map Fields</legend>
            
  <div class="editor-label">
    @Html.LabelFor(model => model.Latitude)
  </div>
  <div class="editor-field">
    @Html.TextBoxFor(model => model.Latitude)
    @Html.ValidationMessageFor(model => model.Latitude)
  </div>

  <div class="editor-label">
    @Html.LabelFor(model => model.Longitude)
  </div>
  <div class="editor-field">
    @Html.TextBoxFor(model => model.Longitude)
    @Html.ValidationMessageFor(model => model.Longitude)
  </div>
            
</fieldset>

添加文件Views/Parts/Map.cshtml:

View Code

<img alt="Location" border="1" src="http://maps.google.com/maps/api/staticmap? 
     &zoom=12
     &size=500x500
     &maptype=roadmap
     &markers=color:blue|@Model.Latitude,@Model.Longitude
     &sensor=false" />