dhtmlxscheduler 动态实例(jsp+java+sql server).docVIP

代码部分 首先把codebase文件夹复制在WebRoot目录下，Codebase文件囊括了所有的基本配置（JS,CSS）;导入jar包：json jar包。;引用的prototype-1.7.js 放在WebRoot目录下。 Jsp showScheduler.jsp 是工程日历的主要显示页面，包括日视图、周视图、月视图、年视图等。默认是“周视图”（可以调整，在方法scheduler.init（a、b、c）中的第三个参数值，替换成想要默认的视图值（‘day’,’week’,’month’,’year’））； 视图中的数据是通过JSon数组动态加载到视图中。 shedluerAjax.jsp 是showScheduler.jsp的辅助异步与数据库交互数据的Ajax页面。该页面中是通过对接收到的数据判断操作：数据添加，数据删除，数据修改。 B、Java 1.Connecter.java 该类是复制以往项目中的数据库配置而来的。 2.Event.java 该类是事件的实体(javaBean)。 3.Utile.java 该类主要是对数据库中的数据加载。方法有: getEvents() 查询数据库中的数据;getDateType(String date) 日期格式化;getEvnetsJSON(List list)将java对象（Event）转换成JSON数组。 二、数据库部分 表名称：events 列名称 列属性 属性中文名 event_id varchar(50) 事件ID start_date datetime 事件开始时间 end_date datetime 事件结束时间 event_name text 事件内容 event_color varchar(20) 视图背景色 event_code int 表主键 showScheduler.jsp代码 html head title日程安排/title % //从数据库获取加载的数据。 Utile util=new Utile(); List list=util.getEvents(); String jsonstr=util.getEvnetsJSON(list); % script src=./prototype-1.7.js type=text/javascript charset=utf-8/script script type=text/javascript src=json.js/script !-- 以下是引用codebase中的JS、CSS -- script src=./codebase/dhtmlxscheduler.js type=text/javascript charset=utf-8/script !-- 汉化 -- script src=./codebase/locale/locale_cn.js type=text/javascript charset=utf-8/script script src=./codebase/locale/recurring/locale_recurring_cn.js type=text/javascript charset=utf-8/script link rel=stylesheet href=./codebase/dhtmlxscheduler_glossy.css type=text/css charset=utf-8 !-- 年视图 -- script src=./codebase/ext/dhtmlxscheduler_year_view.js/script !-- 工具提示视图 -- script src=./codebase/ext/dhtmlxscheduler_tooltip.js/script /head body !-- 视图显示部分 -- div id=scheduler_here class=dhx_cal_container style=width:900px;height:508px; div class=dhx_cal_navline div class=dhx_cal_prev_buttonnbsp;/div div class=dhx_cal_next_buttonnbsp;/div div class=dhx_cal_today_button/div div class=dhx_cal_tab name=year_tab