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命令行，输入

 

 

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
      
      
      
      =
      
      
      
      50
      
      
      
      0x500
      
      
      
      
     
      
      
      
      &
      
      
      
      maptype
      
      
      
      =
      
      
      
      roadmap
     
      
      
      
      &
      
      
      
      markers
      
      
      
      =
      
      
      
      color:blue
      
      
      
      |
      
      
      
      @Model.Latitude,@Model.Longitude
     
      
      
      
      &
      
      
      
      sensor
      
      
      
      =
      
      
      
      false
      
      
      
      "
      
      
      
       />
     
     
     
     

在模块根目录下新建一个placement.info文件，指定plcaement

 

<Placement>

<Place Parts_Map="Content:10"/>

<Place Parts_Map_Edit="Content:7.5"/>

Placement>

打开功能

给上一示例的Prodcut Content Types增加Map.

新建一个Prodcut

可以在FireFox插件FireBug上打开控制台命令行，输入 gApplication.getMap().getCenter() 运行后获得当前Google地图中心的经纬度

查看

代码下载地址：http://u.115.com/file/f0bd649a78 （有效期31天）

参考：Writing a content part

推荐：你可能需要的在线电子书 

我的新浪围脖： http://t.sina.com.cn/openexpressapp

欢迎转载，转载请注明：转载自周金根 [ http://zhoujg.cnblogs.com/ ]

 

    
    
    
    

     
     
     
     codegen datamigration Maps