PDF《Umbraco 入门使用教程》

本电子书由站长百科(www.

zzbaike.com)教程组制作 ? 出处:站长百科 ? 原文地址:http://www.zzbaike.com/wiki/Umbraco 入门使用教程 ? 本电子书整理自站长百科 Umbraco 入门使用教程词条,查看内容请访问网站. Umbraco 入门使用教程 ? 出处:站长百科 ? 原文地址:http://www.zzbaike.com/wiki/Umbraco入门使用教程 ? 本电子书整理自站长百科Umbraco入门使用教程词条,查看内容请访问网站. 需求描述 创建一个网站,包含两个页面,每个页面内的内容可以在Umbraco后台编辑.在 两个页面上分别显示Helloword和I love Umbraco. 设计 在umbraco里,最基础的一个概念是文档类型(document type),每个文档其实可 以看成一个页面类型. 比如我们要创建的两个页面,每个页面都需要显示自己的 内容,也就是有一个属性来定义要显示的内容.他只管 内容,不管你要怎么显 示,具体显示样式在template和css里面定义. 创建好了 document type 之后,就可以创建具体的页面了,在这个页面里面可以 编辑属性的内容.然后保存,发布,这个页面就完成了. 实现 ? 1. 创建 document type(可以同时创建对应的 template) 进入管理页面后,点击左下角的 Settings 本电子书由站长百科(www.zzbaike.com)教程组制作 ? 出处:站长百科 ? 原文地址:http://www.zzbaike.com/wiki/Umbraco 入门使用教程 ? 本电子书整理自站长百科 Umbraco 入门使用教程词条,查看内容请访问网站. 右击 Document Types 选Create.输入一个名称,比如 TextPage,点Create 本电子书由站长百科(www.zzbaike.com)教程组制作 ? 出处:站长百科 ? 原文地址:http://www.zzbaike.com/wiki/Umbraco 入门使用教程 ? 本电子书整理自站长百科 Umbraco 入门使用教程词条,查看内容请访问网站. ? 2. 添加属性到 document type 从左边的 Document Type 下面选中刚刚建立的 TextPage,右边选中 Generic properties,点击'

Click here to add a new property'

本电子书由站长百科(www.zzbaike.com)教程组制作 ? 出处:站长百科 ? 原文地址:http://www.zzbaike.com/wiki/Umbraco 入门使用教程 ? 本电子书整理自站长百科 Umbraco 入门使用教程词条,查看内容请访问网站. 添加一个 Property.我们添加一个名为 Main Content 的Richtext.注意这里的 name 些什么无所谓,他只会在编辑页面时显示,不会在编程中用到,但是 Alias 是很重要的,Alias 的前后最好不要包含空格,否则会导致 js 错误.输入完成 后点击保存按钮. 本电子书由站长百科(www.zzbaike.com)教程组制作 ? 出处:站长百科 ? 原文地址:http://www.zzbaike.com/wiki/Umbraco 入门使用教程 ? 本电子书整理自站长百科 Umbraco 入门使用教程词条,查看内容请访问网站. ? 3. 创建或编辑 template 点击 Templates 文件夹图标左边那个小三角, 展开会看到已经建立好的一个模板, 选中它,右边工作区会显示他的属性. 将光标移到途中所示区域,然后点击上面保存按钮右边那个 本电子书由站长百科(www.zzbaike.com)教程组制作 ? 出处:站长百科 ? 原文地址:http://www.zzbaike.com/wiki/Umbraco 入门使用教程 ? 本电子书整理自站长百科 Umbraco 入门使用教程词条,查看内容请访问网站. 在弹出窗口中,Choose field 选择我们前面建立的 MainContent,然后点击左下 角的 Insert 本电子书由站长百科(www.zzbaike.com)教程组制作 ? 出处:站长百科 ? 原文地址:http://www.zzbaike.com/wiki/Umbraco 入门使用教程 ? 本电子书整理自站长百科 Umbraco 入门使用教程词条,查看内容请访问网站. Umbraco 会在 template 内插入一行代码.在页面被浏览的时候,这一行代码会 用实际的 mainContent 的内容替换.点保存按钮,然后我们来创建页面. 本电子书由站长百科(www.zzbaike.com)教程组制作 ? 出处:站长百科 ? 原文地址:http://www.zzbaike.com/wiki/Umbraco 入门使用教程 ? 本电子书整理自站长百科 Umbraco 入门使用教程词条,查看内容请访问网站. ? 4. 创建页面(也可以叫做文档或内容) 点左下角的 Content 进入 Content 编辑页面,右击 Content 点Create 本电子书由站长百科(www.zzbaike.com)教程组制作 ? 出处:站长百科 ? 原文地址:http://www.zzbaike.com/wiki/Umbraco 入门使用教程 ? 本电子书整理自站长百科 Umbraco 入门使用教程词条,查看内容请访问网站. 在弹出窗口中输入 name,我们可以输入 HelloWorld,然后点 Create. 本电子书由站长百科(www.zzbaike.com)教程组制作 ? 出处:站长百科 ? 原文地址:http://www.zzbaike.com/wiki/Umbraco 入门使用教程 ? 本电子书整理自站长百科 Umbraco 入门使用教程词条,查看内容请访问网站. 在下面的大文本框内输入 Hello World!选中这些文本然后点上面工具条的 B 按钮,把它设置陈粗体.再点击左边的 Publish 按钮(保存按钮右边那个).同时 你会看到 Template 被自动设置成了我们刚才建立的 dtTextPage. 本电子书由站长百科(www.zzbaike.com)教程组制作 ? 出处:站长百科 ? 原文地址:http://www.zzbaike.com/wiki/Umbraco 入门使用教程 ? 本电子书整理自站长百科 Umbraco 入门使用教程词条,查看内容请访问网站. 点Link to document 右边的链接,恭喜你,你会看到刚才自己建立的页面,里 面有你刚才输入的内容. 你可以尝试输入任何内容 publish 后刷新页面,看网页 的内容是否变化. 这就是所谓的CMS内容管理系统,在后台方便的修改内容,前台立刻发生变化, 不需要任何编程工作. 本电子书由站长百科(www.zzbaike.com)教程组制作 ? 出处:站长百科 ? 原文地址:http://www.zzbaike.com/wiki/Umbraco 入门使用教程 ? 本电子书整理自站长百科 Umbraco 入门使用教程词条,查看内容请访问网站. ? 5. 创建第二个页面. 用同样的方法右击 Content 然后创建你的第二个页面(重复步骤四). ? 6.创建第 n 个页面…… 扩展 创建 CSS 添加Javascript 相关条目 Umbraco ........