一、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』 按钮,请务必记牢这一步填写的nameemail 和 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是指一组相关管理功能的集合。例如:内容、媒体、开发者等。你可以在浏览不同section 间通过点击 section 按钮来进行切换。
Tree:
树结构表示的是具有相关性内容的层次结构,例如内容树和媒体树。你可以点击左侧的下箭头展开或者关闭某个节点(节点,是指的在数结构中的每一个具体的条目,媒体部分的媒体和目录,都表示为一个具体的节点)。
Dashboard:
仪表板是你进入后台之后最主要的视图,用来显示多数主要的信息。在不同 section 中,dashboard 也有所不同,有些还包含嵌套一级的标签页,以及不同的操作界面。
六、Core Concepts
在真正开始前,建议您先认识一些核心概念,现在并不需要知道准确的意思,只要能留下一个大致的印象即可。
Content :
Content 表示 【Content】 中的页面与内容。树中的每一个条目称之为节点。每个节点都包含不同的字段。每个内容都是由 【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 开发网站』这盘菜