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

妖狐艹你老母 2022-03-29 04:48 169阅读 0赞

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

### 生成模块目录结构 ###

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

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

![201102151538076394.png][]

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

<table style="border-collapse:collapse;">    
 <tbody> 
  <tr> 
   <td> <p><img src="https://images.cnblogs.com/cnblogs_com/zhoujg/201102/201102151538087374.png" alt="201102151538087374.png"></p> </td> 
  </tr> 
 </tbody> 
</table>

###    生成model ###

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

<table style="border-collapse:collapse;">    
 <tbody> 
  <tr> 
   <td> <p><a href="http://orchardproject.net/docs/GetFile.aspx?File=/screenshots/vs_add_model_class.png" title="&quot;GetFile.aspx?File=/screenshots/vs_add_model_class.png&quot;" rel="nofollow"><img src="https://images.cnblogs.com/cnblogs_com/zhoujg/201102/201102151538105540.png" alt="201102151538105540.png"></a></p> </td> 
  </tr> 
 </tbody> 
</table>

### 生成数据迁移类data migration ###

进入Orchard命令行，输入

codegen datamigration Maps

<table style="border-collapse:collapse;">    
 <tbody> 
  <tr> 
   <td> <p><img src="https://images.cnblogs.com/cnblogs_com/zhoujg/201102/201102151538115507.png" alt="201102151538115507.png"></p> </td> 
  </tr> 
 </tbody> 
</table>

Migrations.s文件如下：

![ContractedBlock.gif][] ![ExpandedBlockStart.gif][]

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:

![ContractedBlock.gif][] ![ExpandedBlockStart.gif][]

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

![ContractedBlock.gif][] ![ExpandedBlockStart.gif][]

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:

![ContractedBlock.gif][] ![ExpandedBlockStart.gif][]

@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:

![ContractedBlock.gif][] ![ExpandedBlockStart.gif][]

< 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>

<PlaceParts\_Map="Content:10"/>

<PlaceParts\_Map\_Edit="Content:7.5"/>

</Placement>

### 打开功能 ###

<table style="border-collapse:collapse;">    
 <tbody> 
  <tr> 
   <td> <p><img src="https://images.cnblogs.com/cnblogs_com/zhoujg/201102/201102151538119618.png" alt="201102151538119618.png"></p> </td> 
  </tr> 
 </tbody> 
</table>

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

<table style="border-collapse:collapse;">    
 <tbody> 
  <tr> 
   <td> <p><img src="https://images.cnblogs.com/cnblogs_com/zhoujg/201102/20110215153811142.png" alt="20110215153811142.png"></p> </td> 
  </tr> 
  <tr> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td> <p><img src="https://images.cnblogs.com/cnblogs_com/zhoujg/201102/201102151538112617.png" alt="201102151538112617.png"><span style="font-family:'宋体';font-size:12pt;"><br></span></p> </td> 
  </tr> 
  <tr> 
   <td> <p><img src="https://images.cnblogs.com/cnblogs_com/zhoujg/201102/201102151538111504.png" alt="201102151538111504.png"></p> </td> 
  </tr> 
 </tbody> 
</table>

### 新建一个Prodcut ###

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

<table style="border-collapse:collapse;">    
 <tbody> 
  <tr> 
   <td> <p><img src="https://images.cnblogs.com/cnblogs_com/zhoujg/201102/201102151538137402.png" alt="201102151538137402.png"><span style="font-family:'宋体';font-size:12pt;"> </span></p> <p><img src="https://images.cnblogs.com/cnblogs_com/zhoujg/201102/201102151538134338.png" alt="201102151538134338.png"></p> </td> 
  </tr> 
  <tr> 
   <td>&nbsp;</td> 
  </tr> 
 </tbody> 
</table>

### 查看 ###

<table style="border-collapse:collapse;">    
 <tbody> 
  <tr> 
   <td> <p><img src="https://images.cnblogs.com/cnblogs_com/zhoujg/201102/201102151538144239.png" alt="201102151538144239.png"></p> </td> 
  </tr> 
 </tbody> 
</table>

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

参考：[Writing a content part][]

**推荐：[你可能需要的在线电子书][Link 1][![201102151538155078.gif][]][Link 1] **

**我的新浪围脖： [http://t.sina.com.cn/openexpressapp][http_t.sina.com.cn_openexpressapp]**

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

[Orchard_Content Part]: http://www.cnblogs.com/zhoujg/archive/2011/02/15/1954859.html
[201102151538076394.png]: /images/20220329/713033f02a334c96935dfaf9aac2c34d.png
[ContractedBlock.gif]: https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif
[ExpandedBlockStart.gif]: /images/20220329/4612e9d54f4444308d4f1789f33f0d96.png
[http_u.115.com_file_f0bd649a78]: http://u.115.com/file/f0bd649a78
[Writing a content part]: http://orchardproject.net/docs/Writing-a-content-part.ashx
[Link 1]: http://www.cnblogs.com/zhoujg/archive/2011/02/archive/2011/01/archive/2011/01/archive/2011/01/archive/2010/11/archive/2010/02/28/1675183.html
[201102151538155078.gif]: /images/20220329/99431b87816948cdb8ddd1f127997bc3.png
[http_t.sina.com.cn_openexpressapp]: http://t.sina.com.cn/openexpressapp
[Link 2]: http://zhoujg.cnblogs.com/

发表评论取消回复

表情：

评论列表（有 0 条评论，169人围观）

还没有评论，来说两句吧...

相关阅读

相关 vs2010 中使用 log4net

\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ vs2010

左手的ㄟ右手/ 2024年02月17日 20:34/ 0 赞/ 40 阅读

相关 Vs2010 打包项目使用（打包）

一、打包项目常用参数设置 1.在解决方案中新建一个打包项目 2.在解决方案管理器中选中新建的“打包项目”命名为AppSetup 3.查看该项目的属性（注：此处的属性不是右

矫情吗；*/ 2024年02月17日 19:54/ 0 赞/ 57 阅读

相关 VS2010使用设置

Visual Studio里的几个输出的设置及一些文件的作用 <from [http://hi.baidu.com/gamedot/item/e0a10f2db1130b0

痛定思痛。/ 2022年09月19日 01:29/ 0 赞/ 357 阅读

相关来生一起走

Time Limit: 1000/1000 MS (Java/Others) Memory Limit: 32768/32768 K (Java/Others)

偏执的太偏执、/ 2022年08月11日 00:43/ 0 赞/ 87 阅读

相关创建一个动态链接库 (DLL)，使用VS2010

在本演练中，您将创建一个动态链接库 (DLL)，其中包含可供其他应用程序使用的有用例程。使用 DLL 是一种重用代码的绝佳方式。您不必在自己创建的每个程序中重新实现这些例程，而

桃扇骨/ 2022年08月03日 14:40/ 0 赞/ 185 阅读

相关 ajaxPro 在vs2010 MVC下使用

在global中加入下句代码 routes.IgnoreRoute("ajaxpro/\{\pathInfo\}"); 原帖： [Ajax.NET][] is th

向右看齐/ 2022年07月16日 15:55/ 0 赞/ 191 阅读

相关 vs2010 "行号显示"设置(vs简单使用)

Microsoft Visual Studio 2010 默认情况下是不显示代码的行号的，但是在编译出错时，可点击下面输出窗口中的错误提示进行定位。但是这

喜欢ヅ旅行/ 2022年07月03日 13:29/ 0 赞/ 281 阅读

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

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

妖狐艹你老母/ 2022年03月29日 04:48/ 0 赞/ 170 阅读

相关 VS2010使用c#连接SQLServer数据库

准备工作: 准备好vs2010，sqlSERVER2008的安装包，如果需要的话，留下邮箱我发给你 ![20190226210938776.png][] 第一步：安装

快来打我*/ 2022年03月16日 06:42/ 0 赞/ 521 阅读

相关 VS2010 快捷键

Keyboard Shortcuts 1. Alt-Shift-Enter to View Coding Window Full-screen [![clip\_image

た入场券/ 2021年12月17日 14:41/ 0 赞/ 430 阅读