全能系统使用说明
1. 登入可以设置单点登入,需要在数据库设置,具体在 K_SysWebSite 这张表里面,还
需要什么自动条件可自己添加。
2. 登 录 之 后 可 以 看 到 大 体 的 界 面 了 , 桌 面 信 息 可 以 添 加
建立好之后
可以创建多个消息窗。
3. 好了,我们主要介绍下系统管理模块。
4. 我们可以看到系统管理有个回收站,回收站是防止用户不小心删了某些数据,想再
次回复,可以在回收站里面找到,要想清理系统垃圾可以直接删除不需要的信息
5. 模型列表直接跟数据库打交道,每个模型都关联着一张表
每个模型可以直接点进去编辑数据表里面的字段,可以进行字段的修改
这里要注意的是:每张表到每个字段的修改都要点生成模型,不然不成功
子模块比较简单,跟模型功能一样,只是模型用起来比较重要。
6. 子节点是添加主节点的,比如系统管理,你也可以直接添加开发的系统节点,比如
OA 管理系统,然后就直接出现在 这里的节点里,
然后针对该节点可以添加系统模块。
7. 栏目管理,是添加模块的功能,在网站开发里面可以叫栏目,可以添加多个子栏目
子栏目可以无限延伸,只要你需要。
点 文 件 就 可 新 增 栏 目 , 进 入 栏 目 编 辑 界 面
填写相应信息,然后选择你新建的模型,然后看是否在主功能显示,可以点击栏目
选项,然后看相应的功能有没做限制,可以设定多个自定义内容。添加了之后就可
以产生相应的栏目了。然后需要注意的是,进入修改的时候发现选择模型不能选,
可以点击是否包含子栏目复选框,然后再点回来就可以选择了。
8. 模块管理是自己建立或者开发页面,然后建立指向,就可以在栏目管理里面模型选
择就可以出现选择,这是个人个性化创建页面重新设计和功能开发,也可以不用这
么麻烦,按照我上面说是直接创建模型来用就行了。
9. 站点信息这块大家看下就明白了。有什么问题联系本人就行了。
10. fullcalendar
使用 首先,fullcalendar 和 JQUERY 一样,以面向对象的
方式来组织代码。当然,这里的面向对象仅仅是指可以把整个 fullcalendar 理解为
一个类,这个类里包括有很多的属性、方法、委托(函数回调)作为成员变量。通过
为这些成员变量赋值,即可实例化出一个符合自己需求的 fullcalendar 实例出来,
即最终在浏览器里渲染出的日历。换句话说,我们所做的绝大多数工作就是按照
fullcalendar 的语法约定去配置出一个符合我们需求的 fullcalendar 实例。除非对于
极 少 的 特 殊 需 求 , fullcalendar 向 我 们 提 供 的 接 口不 足 以 满 足 , 才 会 去 修 改
fullcalendar 本身的 js 文件。
作为一种 JQUERY 插件,可以把 fullcalendar 理解为向 jquery 对象集里添加了一个日
历相关的对象,这个对象里相关方法、属性、的调用方式,即为 fullcalendar 的基本语法。
整个语法分为两种:
第一种和日历本身无关,仅仅是利用 fullcalendar 提供的方法来进行字符串和日期间的
转换,形式如下:
$.fullCalendar.formatDate();
第二种则是与和配置 fullcalendar 实例相关的,这最终会影响到 fullcalendar 在浏览器
里的渲染,形式如下$(‘#someId’) .fullCalendar(content);
$(‘#someId’)将得到一个 jquery 对象,其中 someId 为你希望渲染日历的元素 id。重点
是后面一部分.fullCalendar(content);
Content 有三种形式:
① 为属性赋值 {key:value,…}
$('#calendar').fullCalendar({
weekends: false // will hide Saturdays and Sundays
});
这里即得到一个 fullcalendar 实例,其中 weekends 属性为 false,即月日历不会显示周末。
② 方法调用'methodName','para'
$('#calendar').fullCalendar('next')
这里会调用 fullcalendar 实例的 next 方法,其结果是浏览器的日历向后翻一月(日)
③ 为方法回调赋值
$('#calendar').fullCalendar({
dayClick: function() { alert('a day has been clicked!'); }
});
这里是为日历控件的 dayClick 事件赋值为相应的匿名函数,其结果是日历的每日被点击时,
会弹出对话框。
我想先有这样一种观念更便于后面的理解,需要渲染一个 fullcalendar 控件时,通常是
直接在实例化一个 fullcalendar 时即完成它的绝大多数属性 和委托的赋值,如此即得到一
个会被浏览器渲染成日历的 fullcalendar 对象(A),当这个对象已经被渲染后,如果需要
动态的修改它的相关配置,可以通过$('#calendar').fullCalendar('option','aspectRatio',
1.8); 的形式去修改。
如果需要对象 A 发生某些变化,也可以调用 A 的某些方法,比如说翻页。
2、内容框架
整个 fullcalendar 由两部分组成
日历+事件
其中日历即为由 js 脚本在浏览器描绘出的日历控件,这一部分完全由 js 控制,和服务器无
需相关联。
事件则是日历功能的扩展,可以把事件理解为一个个会议安排。这些会议安排通常是保存
在服务器的,在每次页面加载时,fullcalendar 得到会议安排的集合,然后按照其中的日期
去把事件描绘到日历对应的地方。
3、知识点概要
余下详细的知识点均为 fullcalendar 官方文档的翻译和组合。每一部分均按照属性、方法、
函数回调的顺序来组织。通常会有相关知识点的简介,对于比较复杂或者关键的点,会有
相关联的代码作为事例。同样,这些事例也出之于 fullcalendar 官方文档。
以下是对这所有知识点的归纳和概览
日历部分:
视图:日历的不同的展现模式。当前共有 5 中视图
视图的通用配置:这一部分的配置通常可以对 5 中视图均有效。
视图对象:fullcalendar 的视图 Module
获取视图对象以及跳转到指定视图的方法
议程相关:即对议程视图模式下,相关细节的配置
日期相关:涉及到日历系统里日期的显示格式,日历加载的日期,以及获取相关日期或者
日历改变日期的相关方法
时间和文本的自定义设置:涉及到自定义或者本地化的相关配置大多在这里完成
鼠标的相关事件捕获:比如鼠标单击到某个特殊地方(日历中的某一天等)等触发的方法
在这里配置
选中元素的配置:这一部分是来配置当鼠标点击某一日历元素时,是否选中该元素以及与
此相关的事件
事件部分如下:
事件
Module
包含的信息
事件的产生:包括事件源的管理和事件的管理
事件的描绘:把一个事件描绘到浏览器的整个过程包含在这里
拖拽事件:用鼠标拖拽以移动某个时间,这需要其他 JQUERY ui 插件的支持
从日历外拖拽事件到日历内以添加事件:对日历内拖拽事件的扩展
4、详细知识点
4.1、合法的视图
month-see example 月视图
basicWeek-see example周视图(一周内事件和日期的集合)
basicDay-see example(一日内事件和日期的集合)
agendaWeek-see example(周日程表)
agendaDay-see example(日日程表)
4.2、视图的通用配置
header
头部显示的信息,分 left , center, right 三个部位
合法的属性值:title,prev,next,prevYear,nextYear,today, avaibleViewName
header:{
left:'title',
center:'prevYear,nextYear',
right:'prev,today,next,agendaDay,month'
}
theme
当为 true 时,可以配合 JQUERY-UI,配置日历的皮肤
buttonIcons:http://jqueryui.com/themeroller/
buttonIcons:{
prev:'circle-triangle-w',
next:'circle-triangle-e'
}
注意去掉.ui-icon-
firstDay:每周开始的日期:0 为周日
isRTL:是否从右至左组织日历
weekends:是否显示周末
weekMode:周的显示模式:
fixed:每月始终显示 6 周
liquid:周数不定,每周的高度可变,整个日历高度不变
variable:周数不定,每周的高度固定,整个日历的高度可变
height
整个日历的高度(包括 header 和 content)
contentHeight
内容高度:
aspectRatio
宽和高的比例
$('#calendar').fullCalendar('option','aspectRatio', 1.8); 可以动态设置
viewDisplay(callback)函数回调,每次 view 显示时均会调用
function(view) { }
View 是 view 对象
windowResize(callback)函数回调,每次窗口大小改变时调用,
viewDisplay
评论5