65.9K
CodeProject 正在变化。 阅读更多。
Home

适用于 ASP.NET 2.0 的企业网站入门套件

emptyStarIconemptyStarIconemptyStarIconemptyStarIconemptyStarIcon

0/5 (0投票)

2006 年 3 月 20 日

8分钟阅读

viewsIcon

63812

了解如何使用企业网站入门套件和 Visual Studio 2005 创建一个完全可编辑的、带有内容管理系统的网站。

这是我们CodeProject赞助商的展示评论。这些评论旨在为您提供我们认为对开发人员有用且有价值的产品和服务信息。

ASP.NET 2.0 和 Visual Studio 2005 大大简化了网站开发。如果您将它们与灵活的内容管理系统结合起来,您就能获得一套强大的工具来创建专业的网站。

企业网站入门套件使用 Kentico CMS for ASP.NET,这是一个面向 .NET 开发人员的开放内容管理解决方案。本文将向您展示如何自定义入门套件、创建新内容和开发自定义页面模板。您需要 Visual Studio 2005 或 Visual Web Developer 2005 Express Edition 以及 Microsoft SQL Server 2000 或 2005。

安装入门套件

http://www.kentico.com/cmsstarterkit.aspx 下载入门套件,将 ZIP 文件解压到您的磁盘,然后使用 CorporateSite.sln 文件在 Visual Studio 2005(或 Visual Web Developer)中打开解决方案。运行项目,系统将提示您创建 Microsoft SQL Server 数据库。创建数据库后,您将看到如下默认网站:

Kentico CMS .NET Corporate Site Starter Kit Home Page

修改默认内容

现在我们将登录到管理界面并创建一个新页面。点击页面顶部的“Click here to sign in”链接,然后以管理员身份登录(默认密码为空)。在主菜单中点击 Content,在左侧树状视图中点击 Services 页面,然后点击主工具栏中的 New。选择创建新的 Page (Menu Item) 并输入以下值:

  • Caption: Web Design
  • Order: 留空
  • Type: Page Template
  • Page Template: 点击 Select... 并选择 Simple Text with Left Menu
  • Page Title, Page Description, Page Keywords: 留空
  • Show in Site Map: 勾选
  • Hide in Navigation: 取消勾选

Select Page Template in Kentico CMS for .NET 2.0

点击 OK 创建页面。点击主工具栏中的 Site。在可编辑区域输入一些文本,然后使用 Save page 链接保存更改。

注销后,您将在您的网站上看到已发布的更改。您已使用内置页面模板创建了一个新页面。页面模板指定了应显示的内容,并包含可编辑区域。创建新页面时,您只需使用此模板并填写可编辑区域。

您也可以设置一个工作流程,以便在更改上线前需要进行审批,但目前我们暂时跳过此功能 – 您可以在 Kentico CMS 教程中找到更多详细信息。

应用您的设计

默认设计实际上只是一个非常简单的示例。您可以创建几乎任何网站结构、设计或布局。您可以在 http://www.kentico.com/showcase.aspx 找到 50 多个使用 Kentico CMS 构建的真实网站。

有几个地方可以修改设计:

  • main.css 文件
  • 主页面 MainMenu.master(包含 logo 和主菜单)
  • 页面模板,例如 default.aspxSimpleText.aspx(它们定义了网站页面的布局和内容)

让我们先从修改网站头部开始。您可能希望将 logo 放在右侧并使用不同的背景。

  • 在 Visual Studio 项目中打开 MainMenu.master 文件,找到 class 为 logoArea 的 <table> 元素,然后将其第二个单元格(<td> 元素)移动到第一个单元格之前。
  • 打开 main.css 文件,找到 .logoArea 样式并按如下方式修改:
    .logoArea
    {
        width: 800px;    
        background-image: url(images/title2.gif);
        background-repeat: no-repeat;    
        color: White;
        height: 200px;
    }        

保存这两个文件并刷新网站页面。您将看到如下页面:

New Corporate Site Starter Kit Home Page

创建您自己的页面模板

企业网站入门套件包含几个页面模板。现在您将学习如何创建一个新的。在 Visual Studio 中向您的 Web 项目添加一个名为 LeftMenuTwoColumns.aspx 的新 ASPX 页面。

切换到 Source 模式,删除除包含 <%@ Page ... %> 指令的第一行之外的所有行。将以下属性添加到 <%@ Page %> 指令中:

MasterPageFile="~/MainMenu.master"

这将确保显示 logo 和主菜单。在 Page 指令下输入以下文本:

<asp:Content ID="content1" runat="server" ContentPlaceHolderID="MainContent">
<table width="100%" ID="Table4">
<tr valign="top">
<td style="width:200px"></td>
<td></td>
<td style="width:200px"></td>
</tr>
</table>
</asp:Content>

切换到 Design 模式。现在我们将使用内置的 Kentico CMS 控件来定义左侧菜单和可编辑区域。右键单击 Visual Studio 中的 Toolbox 窗口,添加一个新选项卡并命名为 CMS。右键单击该选项卡并点击 Choose items...,点击 Browse...,然后在 Web 项目的 bin 目录下找到 Kentico.CMS.Controls.dll 库。点击 OK 将其添加到您的工具箱。

从 Toolbox 将以下控件拖放到页面上并设置它们的属性:

CMSTreeMenu(放在表格的左列)
  • ID: LeftMenu
CMSEditableRegion(放在表格的中间列)
  • ID: MiddleRegion
  • RegionTitle: Main Text
  • RegionType: Html Editor
  • HtmlToolbarSet: Basic
  • DialogHeight: 300px
  • DialogWidth 390
CMSEditableRegion(放在表格的右列)
  • ID: RightRegion
  • RegionTitle: Right Column
  • RegionType: Html Editor
  • HtmlToolbarSet: Basic
  • DialogHeight 300
  • DialogWidth 190

您将在 Visual Studio 中看到如下页面:

Page Template in Visual Studio 2005

双击页面(在白色区域),然后将以下代码添加到 Page_Load 方法中:

[C#]

LeftMenu.SelectNodesPath = 
  CorporateSite.Functions.GetPathLevel(CorporateSite.Functions.GetAliasPath(), 1) 
  + "/%";

[VB.NET]

LeftMenu.SelectNodesPath = _
  CorporateSite.Functions.GetPathLevel(CorporateSite.Functions.GetAliasPath, 1) _
  & "/%"

这将确保菜单控件显示子菜单而不是主菜单(它将从第一级菜单开始)。

现在我们将此新页面模板注册到 Kentico CMS 中,以便编辑器可以使用它。编译并运行项目,然后登录到 Kentico CMS Desk。转到 Development -> Page Templates,然后点击主工具栏中的 New 按钮以注册新页面模板。输入以下值:

  • Page Template Name: Left menu, two columns
  • Page Template File Name: LeftMenuTwoColumns.aspx
  • Page Template Description: Page with tree menu on the left, middle text and right column.

现在我们可以基于此模板创建一个新页面。转到 Kentico CMS Desk 的 Content 部分,然后在左侧树状视图中点击 Services 页面。点击 New 并选择创建新的 Page (Menu Item)。输入以下值:

  • Caption: Web Development
  • Order: 留空
  • Type: Page Template
  • Page Template: 点击 Select... 并选择 Left menu, two columns
  • Page Title, Page Description, Page Keywords: 留空
  • Show in Site Map: 勾选
  • Hide in Navigation: 取消勾选

点击 OK 保存页面,然后点击主工具栏中的 Site 按钮。现在您可以编辑可编辑区域的内容了。

输入一些文本并点击 Save page 保存更改。在页眉中点击 Published version 单选按钮,即可在实时网站上看到新页面。

您刚刚创建了一个标准的 ASPX 页面,它用作页面模板。您已基于此模板创建了一个新页面。很简单,不是吗?当然,还有许多其他开发主题需要涵盖 – 您可以在 Kentico CMS 教程中找到它们。

将网站部署到实时服务器

部署到实时服务器非常简单,与其他任何 ASP.NET 2.0 应用程序的部署类似。您甚至可以使用任何共享托管提供商来运行使用 Kentico CMS 创建的网站。您需要做的就是:

  • 将网站文件复制到实时服务器(通过 FTP)。
  • 在实时服务器上恢复数据库。
  • 更新以下 web.config 值:
    • CMSConnectionString: 根据您的环境更新服务器名称、数据库名称、用户 ID 和密码。
    • CMSLicenseKey: 您需要一个完整的许可证密钥(购买 Kentico CMS 后获得)或者可以在 http://www.kentico.com/cmsstarterkit.aspx 为您的域名申请一个临时试用密钥。
    • CMSWebApplicationVirtualPath: 如果您在网站根目录运行网站,请将其设置为 "/"。
    • CMSMetadataFolder: 如果您在网站根目录运行网站,请将其设置为 "/cmsdesk/metadata"。

请注意:企业网站入门套件默认仅适用于以 https:// 开头的 URL。

如果您喜欢 Kentico CMS,可以在 http://www.kentico.com/en/buy 获取完整版本许可证密钥。

延伸阅读

如果您想探索 Kentico CMS for .NET 提供的所有功能,请从 http://www.kentico.com/cmsstarterkit.aspx 下载 Kentico CMS 教程,并学习如何充分利用其强大功能!

Kentico CMS for .NET 快速事实

关键内容管理功能
  • 文档的树形组织
  • 结构化文档,带自定义字段(内容/设计分离)
  • 工作流
  • 版本控制
  • 内容调度
  • 多语言内容
  • 文档级权限
  • 内容分期(服务器之间的同步)
关键网站功能
  • 使用多种导航控件的灵活导航
  • 内容和文件的全文搜索
  • 注册用户的安全区域
  • 多语言内容
内置模块
  • 电子商务/购物车
  • 在线表单
  • 论坛
  • 新闻稿
  • 图片库
支持的平台
  • ASP.NET 1.1
  • ASP.NET 2.0
支持的 IDE
  • Visual Studio .NET 2003
  • Visual Studio 2005
  • Visual Web Developer 2005 Express Edition
支持的编程语言
  • C#
  • Visual Basic .NET
支持的数据库
  • Microsoft SQL Server 2000
  • MSDE 2000
  • Microsoft SQL Server 2005
  • Microsoft SQL Server 2005 Express
支持的用户界面语言
  • English
  • Italian
  • German
  • 西班牙语
  • Dutch
  • Czech
  • (您可以轻松创建自己的翻译)
支持的内容语言
  • 任何语言 – Kentico CMS 对所有内容使用 UNICODE 编码。
支持编辑器使用的 Web 浏览器
  • IE 6.0+
  • Mozilla 1.7.1+
  • Netscape 7.1+
  • FireFox 1.3+
支持访问者使用的 Web 浏览器
  • 主要取决于您的 HTML 代码、转换和使用的控件。
© . All rights reserved.