Umbraco建站指南[1]:下载、安装与初探

一、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。

安装 demo

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

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

四、安装后检查

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

空网站

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

demo 站点

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

五、Umbrco 初探

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

Section:

section

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

Tree:

tree

 

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

Dashboard:

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 开发网站』这盘菜

posted @ 2017-07-27 18:07  雨帝夜泪  阅读(799)  评论(0编辑  收藏  举报