DNN快速入门教程2 – DotNetNuke 5系统界面指南

本来是想用视频来录制这节,不过声音同步后发现文件尺寸太大了,以后看看有什么好的解决办法再给大家补上。 现在我就多上点图咯。在我们开始这个教程之前请确定你已经看过了初学者教程 1 – DotNetNuke系统简介, 这篇文章会对你了解本篇教程有很大的帮助。

在此我将会介绍:

  • DotNetNuke 页面的组成
  • 管理员菜单
  • DotNetNuke 多站管理系统
  • 网站管理界面
  • DNN 编辑模式
  • DNN 布局模式

通过了解以上内容我相信你会快速的掌握,DotNetNuke 5 的界面工作流程

 

DotNetNuke 页面的组成

图1是一个全新安装的 DotNetNuke 5.0系统, 感谢alldnnskins的汉化包, 我在4.8.4的基础上简单汉化了一下。

全新安装的DNN5.0系统

图1 – DNN 5.0管理员菜单

皮肤控件(skin object):在图1中我标示出不少皮肤控件,这些皮肤控件是DNN皮肤的重要组成元 素,它们是皮肤中的动态元素。例如logo皮肤控件就可以通过后台控制来更改网站的logo, 菜单皮肤控件可以通过后台添加新的页面来来建立自己的菜单导航。我们可以通过添加,删除,甚至自定义自己的皮肤控件来实现皮肤中的动态功能。当然这些皮肤 控件也不是必须的,我们只是根据需要添加在皮肤的适当位置

编辑区(panel):图1中橙色虚线内的区域是可编辑区域,我们可以在这个区域中插入一个或多个不同的模块, 例如现在在这个区域中你看到的是一个文本编辑模块(Text/Html module)。在制作皮肤的时候我们可以指定多个可编辑区来实现不同的布局。 关于皮肤的原理和制作我们会在后续的教程中提及。

管理员菜单

DotNetNuke有两种管理员权限

  • Admin 网站管理员,只可以管理自己所在的 DotNetNuke 网站(Portal)
  • Host    主机管理员.  可以设置主机和管理所有并存于DotNetNuke系统下的网站

DNN 5.0管理员菜单

图2 – DNN 5.0管理员菜单

用网站管理员(admin)的帐号登陆你会看到菜单上多了一栏网站管理,这里面的功能是用来管理和维护 DotNetNuke Portal 就是 DotNetNuke 网站, 如果用主机管理员(host)帐号登陆在菜单上不光会显示网站管理栏,还会显示主机管理栏,这是用来配置多个网站共享的DotNetNuke运行环境。 在这里我只是介绍一下这两个菜单主要是做什么的,我们会在之后 DnnMix DotNetNuke 教程中来详细了解这些菜单的功能。

DotNetNuke 多站管理系统

DotNetNuke 可以管理多个网站

图3 – DotNetNuke 可以管理多个网站

图3可以更直观的看出 DotNetNuke 多站管理系统的实现,我来解释一下多站系统是如何工作的

  • DotNetNuke 系统可以共存无限多个网站
  • 如上图的系统有四个网站,每个网站都可以有自己独立的域名,独立的外观,功能,只属于自己网站的用户群,及资源
  • 在IIS的设置中整个DNN系统只需要占用一个网站的资源
  • 每个网站可以有自己的管理员,例如www.loans.com的管理员Albert只能够在自己的网站登陆并管理不会影响其它共存的网站
  • 每个网站的用户数据是独立的不能交叉登陆
  • 主机管理员拥有最高的权限, 可以在任何一个网站登陆,并且进行网站管理或主机管理
  • 主机管理员可以给系统中每个网站分配可使用的资源包括: 硬盘空间, 使用期限, 模块, 皮肤… 等等

网站管理界面

dotnetnuke-quick-start-guide-2-3

图4 – 网站管理界面

管理员帐号登陆后界面最大的不同就是顶部多出一个网站管理员快捷功能面板,这个面板由四大部分组成, 见图4顶部

  1. 显示方式切换区,我们可以在察看,编辑和布局三种显示方式中切换
    • 查看: 也可以叫做预览模式, 预览模式下看到的网站和在普通模式中是一样的
      在这个模式下我们不用退出系统也能快速的察看网站的变化
    • 编辑: 编辑模式和查看模式基本相同,编辑模式中我们可以快捷的编辑设置模块 (见图5)
    • 布局: 布局模式中会显示布局面板,模块的内容不会显示,只是显示容器的外观  (见图6)
  2. 页面快捷功能区
    • 添加:添加新页面
    • 编辑:编辑当前页面
    • 删除:删除当前页面
    • 复制:复制当前页面的外观和模块到一个新的页面,可以选择要复制的模块
    • 导出:可以输出当前页面的模块布局和内容存为一个模板
    • 导入:可以选则输出的模版快速创建新的页面
  3. 添加模块功能区
    • 我们可以选择一个新的模块插入到屏幕不同的编辑区中
    • 我们也可以选择一个已存在于其他页面的模块插入到当前页面
    • 在插入模块的同时我们可以快速的定义模块的基本属性,例如标题,访问权限,对齐方式
  4. 常用功能区
    • 网站:网站全局设置
    • 用户:管理网站用户,添加,删除,更改用户信息,更改用户角色
    • 角色:设置用户角色,给用户赋予不同的角色来控制用户的访问权限
    • 文件:网站文件管理器,可以上传,删除文件,设置文件夹访问权限
    • 帮助:默认链接到官网的帮助区,这个链接是可以更改的
    • 方案:链接到模块购买中心, 可以根据需求购买不同的模块扩展网站功能

DNN 编辑模式

dotnetnuke-quick-start-guide-2-6

图5 – 编辑模式

如前面提到的编辑模式(图5)中可以快捷的编辑设置模块,那我们来看看编辑模式有什么不一样呢 , 如果用过 DotNetNuke 4 你可能会发现 DotNetNuke 5 的编辑模式中没有显示可编辑区(例如LeftPane, RightPane),  原来可编辑区现在只有在布局模式(见图6)才可以看到,  是不是感觉有点不方便? 我也有同感, 那我们怎么知道把模块插入到页面上的哪个编辑区呢, 原来在DNN 5 中有一点改进,在察看和编辑模式中引入了 Pane Previews 的功能,就是在添加模块功能区选择编辑区的时候相应的编辑区会以高亮提示显示几秒钟然后消失。

在图5中我们可以看到有一个标题是 “Welcome To DotNetNuke” 的文本(Text/Html)模块。

屏幕上模块的基本组成是:

  • 模块内容
  • 模块容器, 在不影响内容的情况下我们可以选取不同的模块容器来改变模块的外观, 当然我们也可以不显示容器
  • 模块设置菜单, 可以设置模块标题,外观,权限以及模块专属的设置 – 只有在编辑和布局模式中可见
  • 模块标题
  • 模块底部的快捷键, 只有在编辑模式中可见

DNN 布局模式

dotnetnuke-quick-start-guide-2-5

图6 – 布局模式

在布局模式中我们可以一目了然的看到所有的编辑区,这对于设计人员掌握布局是个很好的帮助。

如图6中所示这里有5个可编辑区, 也就是说这5个区域是可以插入模块的, 当你在顶部的功能区选取了一个模块然后选要添加到哪个编辑区,这时根据屏幕上的布局就可以很容易的作出选择。
例如,我要在右边添加一个链接(Links)模块我要做的是:

  1. 选取模块Links
  2. 选择要添加到哪个编辑区,因为是右边所以应该选择RightPane
  3. 填写模块标题,我们就叫”有情链接”,标题可以之后在模块设置中修改
  4. 插入到底部,如果RightPane编辑区已经有一个模块了我们可以选择插入到顶部使“有情链接”模块显示在已有模块之上
  5. 访问权限和对齐就用默认的好了
  6. 点击添加模块,这时你就会看到RightPane编辑区多了一个标题为有情链接的模块

dotnetnuke-quick-start-guide-2-7

图7 – 添加链接模块

你能一口气看到这还在清醒状态,说明你是真的想了解DNN了欢迎加入DNN QQ群讨论

DNN QQ群:    74812936
DNN MSN 群: group247485@msnzone.cn

这一篇我们在此告一段落,我想看到这里你应改对DotNetNuke的操作有一个大概的了解了吧,希望这能引起你继续探索DotNetNuke的兴趣。

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s