CMS
上将军
这个作者很懒,什么都没留下…
展开
-
CMS之图片管理(1)
图片管理要在两个地方使用:一是标签页内的图片管理,一是文章内容编辑时嵌套到插入图片的窗口内。因而,将图片管理做成一个扩展比较方便。当然,做成MVC模式也行,不争论,不讨论。要记住,扩展要写在Scripts\ExtJS\Ux目录下,因为在路径的设置中,扩展目录是指向这里的。在该目录下创建一个名为PicManager.js的脚本文件。图片管理的主要界面分两部分,左边以树的形式列出文件目录,要实现目录的原创 2012-10-06 17:44:06 · 5080 阅读 · 2 评论 -
CMS之图片管理(5)
现在,图片管理就剩上传文件功能没有完成了。这需要用到swfupload,在《CMS之图片管理(1)》中有它的下载地址和加入项目的说明。使用swfupload最麻烦的地方是要有一个HTML元素让它嵌入加载Flash的HTML代码,而且这个HTML元素必须覆盖住Flash来实现功能,这个有点类似做单按钮的上传按钮。现在,先为swfupload生成一个HTML元素来实现它的功能。实现方法是在显示图片的视原创 2012-11-03 23:00:06 · 3854 阅读 · 2 评论 -
有爱好者把我的CMS管理系统改成了JAVA版,有兴趣的可以看看
链接:Ext JS MVC与java 开发简单的CMS后台管理系统转载 2013-01-23 16:15:52 · 3215 阅读 · 1 评论 -
CMS:文章管理之视图(6)
现在来完成文章管理的编辑窗口。在开始之前,先去官方论坛一个名称为Ext.ux.form.TinyMCETextArea的扩展,地址是http://www.sencha.com/forum/showthread.php?198699。该扩展的作用是将TinyMCE封装为一个表单字段。TinyMCE则是一个所见即所得的HTML编辑器,相当好用的一个东西。下载解压缩后,把TinyMCETextArea.原创 2012-12-05 01:05:34 · 4741 阅读 · 9 评论 -
CMS:文章管理之视图(5)
在完成文章管理功能前,先来完成文章列表工作。文章列表,都是在文章分类选择后执行的,因而要从文章类别的选择入手,文章管理的控制器Content.js中,文章类别的选择方法已经有了,是onTreeSelect方法,现在要做的就是完成文章列表的功能。在这里有2种方式可供选择,一种是使用Store的filter方法来实现筛选,一种是利用Proxy的extraParams配置项来完成。第一种方法的好处是可以原创 2012-12-05 00:56:03 · 2178 阅读 · 4 评论 -
CMS:文章管理之视图(4)
现在来完成分类的编辑操作。原来是想用模型加载数据的,但现在想想,用表单加载会方便些。切换到文章管理的控制器,添加onCategoryEdit方法,利用表单来加载数据,代码如下:onCategoryEdit:function () { var me = this, tree =me.view.down("treepanel"), rs =tree.getSelect原创 2012-11-17 19:04:47 · 2341 阅读 · 6 评论 -
CMS:文章管理之视图(3)
要想让Combobox列表显示像树,只要按Ext JS树的形式组织显示文本就行了。因而先用Firebug分析一下Ext JS树的格式就可以了。在浏览器打开Ext JS示例中的Check Tree示例,依次展开Grocery List和Ebergy Foods节点,会看到图53的效果。图53 Check Tree示例的效果因为Combobox中返回的是一个完整的树,其节点全部是展开的,因而可以知道,原创 2012-11-17 18:45:33 · 5006 阅读 · 0 评论 -
CMS:文章管理之视图(1)
文章管理的视图与文件管理区别不大,都是分左右两部分。文章管理的左边是树状的分类列表,右边以Grid形式显示的文章列表。基本上重复劳动比较多,使用Sencha Architect这个可视化工具来做这方面的设计,是不错的选择,如果公司收益好,强烈建议使用,一个开发包的价格是399美金,大约2800人民币,还是很划得来的,起码比请多个程序员划得来。废话又有点多了,转回正题,在Scripts\app\vi原创 2012-11-11 00:55:43 · 5119 阅读 · 14 评论 -
CMS:文章管理之视图(2)
上一篇已经完成了分类树的显示,现在开始逐步完成分类的添加、删除和编辑操作。首先要做的是在树面板上添加一个工具栏,放置添加、删除和编辑按钮。切换到文章管理视图的脚本文件view.js,在树的定义内,添加以下代码添加工具栏和按钮:tbar: [ { iconCls: "folder-add", scope:me, tooltip: '增加文章类别',id:"CategoryButtonAdd"}原创 2012-11-11 18:17:58 · 2999 阅读 · 0 评论 -
CMS:文章管理之控制器
有了编写用户管理的控制器的经验,写这个问题应该不大。不过,文章管理的控制器还是要考虑一下怎么写这个问题,因为在视图里涉及分类的操作和文章的操作。这确实是一个比较费神的事。在这里,问题的焦点就是需要不需要拆分的问题了。根据松耦合的原则,必然是拆分的,但是拆得太小,太凌乱,写代码是比较痛苦的,尤其是象Javascript这样灵活但结构不太严谨的语言。笔者开发大型系统经验不多,因而一向比较随心所欲,方便原创 2012-11-10 17:53:07 · 2361 阅读 · 0 评论 -
CMS:文章管理之模型和Store
文章管理涉及T_Category 、T_Content 、T_Tag 和T_TagInContent 这4个表,在客户端,由于标签的两个表的显示会合并到文章内容里,因而文章管理至少需要2个模型和2个Store,一个是分类的,一个是Content的。现在的问题是,文章管理界面左边的分类是以树形式显示的,是否需要用到一个完整的模型?完整的模型肯定是需要的,因为分类也要编辑、修改和新增。但树是否直接使用原创 2012-11-10 17:08:37 · 2432 阅读 · 0 评论 -
CMS之图片管理(4)
今天来完成排序问题,这个在书中示例不少,不过,在这里啰嗦一下也是有好处的。要实现远程排序,首先要清楚的是排序信息是如何提交到服务器的,而这个,利用Firebug相当简单。在VS,切换到PicManager.js文件,找到filestore的定义,先将renmoteSort修改为true。然后添加sorters配置项,代码如下:sorters: [ { property:"modify" ,原创 2012-10-28 17:04:57 · 3975 阅读 · 6 评论 -
CMS之图片管理(2)
先来完成树目录的显示。开始前,现在解决方案中创建一个Upload目录用来存放上传的图片,为了便于测试,在Upload目录下随便添加两个目录,这里添加1和2。好,现在创建一个名为FolderController的控制器,添加必要的引用后,先添加一个字符串常量,用来表示根目录:stringroot = "../upload"; 在这里使用虚拟目录是因为可以结合提交数据直接转换为实际目录。这里要注意,当原创 2012-10-20 19:32:53 · 2719 阅读 · 0 评论 -
CMS之图片管理(3)
现在要完成目录的编辑操作。因为目录的编辑只是改变目录名称,因而使用Cellediting插件就可完成工作。根据书11.3.2节的示例,要完成这个不难,首先在目录树的定义中加入以下语句隐藏列标题:hideHeaders:true, 接着添加plugins配置项来配置CellEditing插件。因为根目录是不运行编辑的,因而需要监听beforeedit事件,如果当前选择节点是根目录就返回false,不原创 2012-10-27 17:55:51 · 2835 阅读 · 3 评论 -
【翻译】十大要避免的Ext JS开发方法
原文地址:http://www.sencha.com/blog/top-10-ext-js-development-practices-to-avoid/作者:Sean Lanktree Sean is an Ext JS Professional Services Lead at CNX Corporation.在CNX,尽管翻译 2013-07-16 16:07:12 · 10936 阅读 · 9 评论