DotNetNuke 教程全集

DotNetNuke 教程全集
2009-06-22 23:55
DotNetNuke最新下载DotNetNuke_05.00.01_Install 

DotNetNuke_05.00.01_Source


《DNN 5.0 基础应用教程》

第一节:DNN用户登录和注销

第二节:DNN的个人信息修改

第三节:DNN的站点名称修改

第四节:DNN的Logo的更换

第五节:DNN的别名设置

第六节:DNN新页面的添加

第七节:DNN模块的添加

第八节:DNN语言包的安装

第九节:DNN模块应用到站点

第十节:DNN子站点的创建

第十一节:DNN语言选择设置

第十二节:DNN皮肤选择设置

第十三节:DNN自带模块的添加

第十四节:DNN中SMTP的设置

《DNN模块开发教程》

第一节:创建空白Blog项目 [ 实例下载 ]

第二节:创建Blog表安装脚本 [ 实例下载 文档 ]

第三节:将项目加载到DNN系统

第四节:完成项目的添加功能 [ 实例下载 ]

第五节:完成项目的显示功能 [ 实例下载 ]

第六节:处理显示中的HTML标记 [ 实例下载 ]

第七节:点连接时获取信息 [ 实例下载 ]

第八节:完成项目的更新功能 [ 实例下载 ]

第九节:完成项目的删除功能 [ 实例下载 ]

第十节:Setting页面的应用 [ 实例下载 ]

第十一节:模块安装包的制作 [ 实例下载 ]

第十二节:添加自定义页面 [ 实例下载 ]

第十三节:添加修改权限的编写 [ 实例下载 ]

第十四节:自定义页面添加到安装包 [ 实例下载 ]

《DNN皮肤开发教程》

第一节:DNN皮肤的简单制作

第二节:皮肤的打包和上传


《DNN基础教程》

第一节:中文包的安装和删除

第二节:创建DNN子站点

第三节:页面的添加、删除和恢复

第四节:模块开发的单步调试

第五节:系统Logo的更新

第六节:登录或注销后转到自定义页面

DNN快速入门教程3 – 如何创建DotNetNuke网站


May 13th, 2009

这个DotNetNuke入门教程系列已经停了很长时间了,没有完成的原因是我有太多的东西想写但是自己又没有一个明确的主线。经过最近 blog,和QQ群的反馈我突然意识到,这个入门系列就是要帮助大家从零开始完成一个自己的DNN 5网站,不需要太过深入,这样可以另大家了解DNN强大功能的同时又不失去兴趣,并且跟随着这个系列最终踏入DNN之门。

 

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

 

看过了入门教程1和2相信大家已经基本了解DNN是个什么系统以及它的功能,但是我怎么才能用DNN创建一个网站?很多人仍然没有头绪,现在我就以一个初学者的观点来看看我们应该做些什么。

创建普通网站的基本流程

试想下我们创建普通网站的流程, 我想基本就是以下5步

  1. 规划网站页面结构:根据用户需求规划出网站的页面结构, 例如首页, 关于, 联系, 新闻 ….
  2. 网页设计: 用photoshop或者firework设计网页
  3. 制作网页模板:根据设计制作网页模板或者更原始点把设计转换成一页一页的html网页,然后留出添加内容的位置
  4. 创建网页:根据第一步规划出的网站页面结构使用模板建立对应的网页
  5. 添加内容:根据每页的功能, 添加文字或者动态功能。例如“关于”可能放些介绍性文字到页面, “联系”可能会放个表单在里面。

创建DNN网站的基本流程

不管用什么语言,什么系统,万变不离其宗只是会把一些步骤简化,那我们来看看用DNN内容管理系统建站是如何实现这几步的。

  1. 规划网站页面结构:还是用一样的方法解决
  2. 网页设计: 还是用一样的方法解决
  3. 安装DNN: 好了,DNN现在上场,我们先把一个干净的DNN系统安装上
  4. 制作网页模板:把网页设计转化为DNN专用的页面模板,我们叫它皮肤,在皮肤里布局留出添加内容的位置以及一些DNN专用的动态元素例如菜单,登陆等等。皮肤的格式就是普通的html,制作好后打包上传到DNN系统。
  5. 创建网页:用DNN的页面系统来创建网页,并把皮肤应用于创建好的DNN页面。
  6. 添加内容:根据每页的功能把不同的DNN模块插入到页面里,例如在“关于”页面中我们把文本模块插入到页面并在模块中添加文字, 在“联系”页面中我们把联系模块插入到页面,联系表单就会自动显示到页面。

你也许注意到了这些字眼, 皮肤,DNN页面系统,模块。 现在不是很理解也没关系,之后我们都会介绍到的。

实战开始

现在我们就按照上面创建DNN网站的基本流程来建立一个应用DNN内容管理系统的网站,首先我们先规划下页面结构,经过了解客户的业务和需求我们基本勾画出网站的页面结构,如下图所示:

how-to-build-a-dnn-website-sitemap
第二步,把客户心目中理想的网站样式反馈给设计师后,我们得到了以下设计,一个首页,一个内容页面,客户看后很满意

how-to-build-a-dnn-website-design

现在准备工作就绪,轮到DNN上场, 在下面的章节中我会把3,4,5,6步分开介绍

  • 安装DNN
  • 制作网页模板
  • 创建网页
  • 添加内容

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的兴趣。

DNN快速入门教程1 – DotNetNuke系统简介

在网上潜水好久发现很多朋友对DotNetNuke这个开源的.NET CMS系统感兴趣但是又无从入手,在这个系列里我会向大家全面的介绍一下DotNetNuke, 看过之后希望你会对这个系统有所了解。

首先我在这里欢迎你加入到DotNetNuke社区,DotNetNuke开源社区近些年发展十分迅速。在使用DotNetNuke上如果你需要任何帮助, 在官方论坛DnnMix博客, DNN中文社区论坛, DNN QQ群74812936 永远可以得到大家的慷慨相助

开篇

这些是基础知识会帮助你更清晰的了解 DotNetNuke 网站是如何工作的, 并且对操作运行你自己的网站有很大的帮助。好了闲话少说,正题来了。

皮肤和内容

DotNetNuke系统完全分离了网站的外观 (皮肤) 和实际内容 (文字)。 这意味着你可以在不影响文字内容的前提下改变网站的外观。 打个比喻网站的内容就好像一个没穿衣服的人, 而外观(皮肤)就好像不同的衣服。 一个人可以穿着不同风格的衣服,完全改变他的形象,但是实际这个人本质还是没有变的。

动态的内容和页面

DotNetNuke 使用数据库来存储网站的内容, 网站的内容是由数据库读出并生成到皮肤里

网站上的每一页网页都有一个ID值 ( Tab ID ) – 这个ID是由DotNetNuke网站自动生成并存储到数据库中。 也就是说如果在网站菜单中点击了相册页面( Tab ID = 36 见下图) , 网站就会请求数据库读取Tab ID = 36页面里的内容, 并显示在皮肤里。

在这个系统里你可以自由的的创建无限多个页面, 创建页面并不需要按照特别的顺序,显示在菜单系统里的页面名称和顺序可以随时地更改。

因为DotNetNuke使用数据库存储内容,因此你可以很容易的
- 在线登陆到网站
- 添加新的内容
- 点击更新
- 退出系统
你看用不了几分钟,更新就搞定了!
根据所请求的TabID数据库读取相应的内容发送到页面根据所请求的TabID数据库读取相应的内容发送到页面 

模块和内容

DotNetNuke使用模块( module )来添加网站的内容。DotNetNuke本身提供了不少免费的模块, 例如在页面里用文本模块 (Text/Html Module) 添加文字图片 , 或者用连接模块( Links Module ) 来在页面中添加连接。

在网上你可以发现很多免费的和收费的模块,这些模块覆盖了网站的各方面应用, 从社交模块,到电子商务模块无所不有。

容器(模块的外观)

和皮肤一样, 在页面中添加一个模块你同样可以选择用什么样的外观来表示这个模块。 在DotNetNuke中这个用来表示模块的外观叫做容器( container )。 通常在网上下载或购买的皮肤包里都附加有和皮肤风格类似的容器。 容器和皮肤的组合给了你很大的灵活度来展示网站的外观

比较切换皮肤和容器后网站外观的变化比较切换皮肤和容器后网站外观的变化 

接下来呢?

好了现在了解了DotNetNuke中的基本元素我们该来看看如何具体的应用这些元素呢,请看下篇咯,我想最好是以视频的方式展示, 这样会更生动些,不过以前没做过还要研究研究。