高校整体架构采用的是springMVC+hibernate+easyui+mysql;
这个项目前台框架使用的是easyui,初次使用这个框架还是觉得挺好上手的,有中文的官网而且还有很多已经做好的demo作为参照,基本上我们在项目开发中常用的控件在官网上都能够找到。除此之外还提供了帮助文档,可以在官网上面下载。帮助文档就具体的给出了每一种控件的方法,事件已经用法,还给出了一些简单的小例子,基本上都很简单。
EasyUI demo中文官网地址:http://www.jeasyui.net/demo/321.html
EasyUI帮助文档下载地址:http://download.csdn.net/detail/lypf19900912/8400833
所以对于easyui的学习,只要有一些基本的html和js基础,学习起来都不难。这次在项目中使用easyui觉得应该总结的是easyui和后台的传值,现在高校一期已经告一段落了,所以在这个间隙就把自己在开发过程中掌握的一些传值技巧总结一下。
1. Easyui的控件中提供的传值方式
在easyui中一些控件提供了url属性,通过此属性可以直接的访问后台并且将后台传递的数据直接显示在绑定的控件上,很类似于在学习ASP.NET中学习到的数据绑定控件。
在项目的开发中使用的比较多的有表格和树形以及组合下拉框。表格和组合框示例代码如下
前台
<%@page import="com.tgb.itoo.assess.entity.CourseAssessResult"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>EasyUI传值</title>
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/themes/default/tableheight.css">
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/the