用 Umbraco 开发网站[1]：下载安装与初探

Posted 2020-09-30 所需即所学的老菜鸟

一、Umbraco 下载方式

学习如何使用软件，首先要从有软件开始。Umbraco 的下载方式有四种：

1、直接下载（包括下载发行包、源代码）：前往官网(https://our.umbraco.org/contribute/releases/)或者 github(https://github.com/umbraco/Umbraco-CMS) 下载发行包或者源代码；

2、NuGet下载：使用 VS 自带的 NuGet 插件，搜索合适版本的 UmbracoCms（https://www.nuget.org/packages/UmbracoCms/），创建 WebApplication 后安装；

3、WebMatrix安装：先下载发行包或者直接使用 WebMatrix 下载安装；

4、Webplatform 安装：在服务上，运行Webplatform，搜索 Umbraco 下载并并直接安装在服务器上。

以上四种方式，强烈推荐使用第二种方式安装，其他几种仅作为一种辅助性的手段。我是一直使用的第二种方式，所以本系列，也一直使用此方式来安装 Umbraco。

二、Umbraco下载

1、首先在 VS 中创建 Empty Web Application 项目，.Net Framework 选择4.5：

 

如果是 VS2013/VS2015，可能下一步会要求选择使用的模板类型，请选择 Empty，如下图：

2、项目创建好之后，点击菜单：工具-->NuGet 包管理器程序-->包管理器控制台，输入下面的命令，并回车：

Install-Package UmbracoCms -Version 7.4.3

选择7.4.3的版本是因为~~~目前 NuGet 上该版本下载量最多~~~

3、视网速而定，在一段时间之后，NuGet 命令行会提示软件已安装完毕，需要覆盖一些配置文件，如果是第一次安装，选择 A 全部覆盖。

如果是升级，或者已有 web.config，再次安装，切记不要全部覆盖，而是手工合并具体的修改项目。

4、接下来，就可以运行 F5或者 F11调试运行项目，但是正如【准备篇】所说的，并不建议这么操作。而是建议发布项目后，打包上传至服务器，或者本地创建的 IIS 站点，进行初始化安装操作。

5、这一阶段操作，只是获取了 Umbraco 代码，并将其发布为可运行状态，真正意义上的 Umbraco 安装及初始化，在下一步开始。

三、安装初始化Umbraco

经过第一阶段的操作，实际上目前在网站目录中存在的是一个：仅包含『Umbraco 管理后台』的『空』网站，接下来，我们要初始化真正的安装一个实际可用的网站，并进行简单的初始化

1、安装前的准备：

在【准备篇】中，曾经提到过，安装 Umbraco 时需要服务器开放较大的权限，简单来说，就是需要 IIS_User 拥有对网站根目录的完全操作权限，具体的设置，请咨询系统管理员，在安装结束后，则只保留 App_Data 及 Config 目录的完全操作权限就可以了。具体的权限设置，请参考官方文档： https://our.umbraco.org/documentation/Getting-Started/Setup/Server-Setup/permissions

2、启动安装

此时直接访问网站域名（本地IIS，可能是类似于 http://localhost/一类的名字），会出现安装屏幕，选择自定义安装，前往设置 db 信息，在最终一个画面中，选择不安装”Starter Website”。

图1、安装启动画面，注意选择『Customize Link』 链接，而不是直接点击『Install』 按钮，请务必记牢这一步填写的name\email 和 password。

图2、安装『Starter Website』 画面，注意点选『No Thanks！』

注意：这里之所以不选择安装一个默认的网站，是因为对于初学来说，Umbraco 多站点的管理机制，会导致无所适从，而且过于完整的demo，也并不利于初期的学期。后期如果掌握了基础理论，想参考一下其他站点的时候，可以选择安装 demo 站点进行参考学习。

四、安装后检查

为了避免因为安装出现的异常，请在安装结束后，再次访问域名，检查看到的画面。

图3、当你看到这个画面，恭喜你~~~~~证明你安装正确了，你已经正确开始了 Umbraco 建站的第一步；

图4、当你看到这个画面~~~~~那么！！！很不幸，你安装了默认的 started website，建议您还是删了网站，重新执行一遍吧

五、Umbrco 初探

几乎所有的 Umbraco 系统都是通过 http://domain/umbraco 进入管理平台，登录名请输入你在安装时输入的初始信息，一般 email 和 name 都可以尝试一下。 进入系统后，看到的是基于 AngularJS开发的后台 UI。大致分为三个区域：

 

Section：

 

Umbraco 中的 section是指与该 seciton 相关的管理功能。例如：内容、媒体、开发者等。你可以在浏览不同section 间通过点击 section 按钮来进行切换。

Tree：

 

树结构表示的是具有相关性内容的层次结构，例如内容树和媒体树。你可以点击左侧的下箭头展开或者关闭某个节点（节点，是指的在数结构中的每一个具体的条目，媒体部分的媒体和目录，都表示为一个具体的节点）。

Dashboard：

 仪表板是你进入后台之后最主要的视图，用来显示有价值的信息。

六、Core Concepts

在真正开始前，建议您先认识一些核心概念，现在并不需要知道准确的意思，只要能留下一个大致的印象即可。

Content：

Content 表示 【Content Section】 中的页面与内容。树中的每一个条目称之为节点。每个节点都包含不同的字段。每个内容都是由 【Document Type】 所定义的；

Document Type：

Document Type 定义了用户可以在后台的内容树中创建什么样的页面和节点。每个 Document Type 都包含不同的属性，或称之为字段。每个字段又可以设置为不同的 【Data Type】，例如：数字、文本等；

Properties：

每一个 Document Type都包含属性。它规定了每一个节点可以接受什么样的内容类型。

Data Type：

每个 Document Type的属性都由 Data Type来定义可以输入什么类型的内容。它引用自后台【Developer Section】中通过【Property Editors】所定义的类型。他可能很简单，例如：字符串、数字、是\否等；也可能很复杂，例如：多节点选择、图片裁剪等。

Property Editors：

它是往 Umbraco 中查询信息的一种途径，一个例子是富文本编辑器，他可以使用属性编辑，为其指定不同的配置文件，从而生成不同的 Data Type。

Media：

媒体项用于在Media Section 中存储图片和视频等资料，并且可以从内容项目中引用它们。

Member：

指某个可以在你公开网站中注册、登录的一般用户。不要和后台的 User 相混淆。

Templates：

模板是定义网站标记的地方。一种常见的布局就是在模板中写入 head这种全局通用标签。

User：

用户是指的可以操作你的网站后台的用户，请不要和 member 混淆。当 Umbraco 安装时会根据输入的信息创建超级管理员用户，后期可以在系统中创建、编辑新的用户。

七、总结

经过前面的准备，我们基本做好了一切用 Umbraco 开发网站的准备。正如菜谱记于心、材料采购齐、炉火已备好，准备开火炒菜。下一章，开始真正的炒『用 Umbraco 开发网站』这盘菜