在Orchard中使用Image Gallery模块
作为ASP.NET MVC领域一款优秀的开源CMS,Orchard值得所有.NET Web开发人员学习和研究,然后二次开发,最后在其基础上创新。也是遵循国内人员学习IT技术的路线:引进->吸收->消化。
Orchard有很多优秀的功能,在此不一一列举。目前感兴趣的方向:模块化和定义CMS的新体验。目前园内主要由,周金根(http://www.cnblogs.com/zhoujg/tag/Orchard/)、二十四画生(http://www.cnblogs.com/esshs/category/302436.html)、
爱因斯坦的小脑(http://www.cnblogs.com/n-pei/tag/Orchard/)等人的文章相机的开始介绍Orchard的相关技术。在此表示感谢,对我学习Orchard提供了很大的帮助。
在现代的CMS中,Photo Gallery或者Image Gallery的功能是非常常见的。一般用于展示图片或者相册。在Orchard的Gallery里面就有Orchard Image Gallery 模块。主要是说说Image Gallery的使用,以及使用的感受。
Orchard Image Gallery(http://orchardimagegallery.codeplex.com/documentation)。
Orchard Image Gallery提供以下功能:
- Rename the image gallery
- Change the images thumbnail size
- Remove the image gallery
- Choose whether to keep the images aspect ratio or not.(选择是否保持图像的宽/高比例缩放)。
显示Image Gallery可以有2种方式,一中是作为一个Content Part,另外一种就是Widget。在新建一个Content Types时,将Image Gallery作为一个Part添加进来,当然不要忘了添加一些必要的Parts(比如Route),否则Image Gallery无法显示出来。添加成功之后,在管理员界面就可以看到:
图1-1 图1-2
此时我们可以创建一个Gallery了,Gallery可以采用3种方式中的一种方式显示(如图1-2)。通过前台查看效果,就LightBox显示稍微好一些,PrettyPhoto和SlideViewerPro都显示的不是很好,在使用PrettyPhoto显示方式时,还会有Javascript Error。后续我会看看是什么原因导致的。与目前门户网站的相册功能,此模块还需要改进一些。呵呵!这个仅仅是我个人的使用体验,不知您的使用效果怎么样。
把Image Gallery作为一个Content Part,可以阅读:http://www.orchardproject.net/docs/Creating-custom-content-types.ashx
把Image Gallery作为一个Widget来使用,请查看:http://www.orchardproject.net/docs/Managing-widgets.ashx
PS:前端时间,Orchard支持URL里面直接显示中文,不知道为什么今天URL里面的中文都进行编码,对于中国用户来说相对不是非常友好。不知有前辈了解这个。
- 程序员你为什么这么累【续】:编写简陋的接口调用框架 - 动态代理学习
- hdu---(Tell me the area)(几何/三角形面积以及圆面积的一些知识)
- MySQL数据库(六):体系结构和存储引擎
- hdu----(2222)Keywords Search(trie树)
- MySQL数据库(七):数据导出与导入
- flume与kafka整合高可靠教程
- Oracle 12c系列(一)|多租户容器数据库
- Spring Security入门(三):密码加密
- MySQL数据库(八):表记录的基本操作(增删改查)
- flume应该思考的问题
- 利用Go语言实现简单Ping过程的方法
- MySQL数据库(九):修改表结构
- Go语言中反射的正确使用
- spark零基础学习线路指导
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- PHP异常类及异常处理操作实例详解
- PHP面向对象程序设计(OOP)之方法重写(override)操作示例
- Python3与fastdfs分布式文件系统如何实现交互
- PHP判断是否微信访问的方法示例
- Pytorch损失函数nn.NLLLoss2d()用法说明
- python实现学生成绩测评系统
- Python dict的常用方法示例代码
- Scrapy模拟登录赶集网的实现代码
- opencv 图像腐蚀和图像膨胀的实现
- PHP实现微信退款的方法示例
- 基于Python和C++实现删除链表的节点
- python让函数不返回结果的方法
- PHP微商城开源代码实例
- PHP小程序支付功能完整版【基于thinkPHP】
- CodeIgniter框架实现的整合Smarty引擎DEMO示例