程序员最近都爱上了这个网站  程序员们快来瞅瞅吧！  it98k网:it98k.com

JeeSite框架的简单介绍

JeeSite是基于多个优秀的开源项目，高度整合封装而成的高效，高性能，强安全性的开源Java EE快速开发平台。
JeeSite是您快速完成项目的最佳基础平台解决方案，JeeSite是您想学习Java平台的最佳学习案例，JeeSite还是接私活的最佳助手。
JeeSite是在Spring Framework基础上搭建的一个Java基础开发平台，以Spring MVC为模型视图控制器，MyBatis为数据访问层，Apache Shiro为权限授权层，Ehcahe对常用数据进行缓存，Activit为工作流引擎。是JavaEE界的最佳整合。

由此可见 → 它是一个后端框架（主要采用Java）
前端技术栈 ↓

• JS框架：jQuery 1.9。
• CSS框架：Twitter Bootstrap 2.3.1（稳定是后台，UI方面根据需求自己升级改造吧）。
• 客户端验证：JQuery Validation Plugin 1.11。
• 富文本在线编辑：CKEditor
• 在线文件管理：CKFinder
• 动态页签：Jerichotab
• 手机端框架：Jingle
• 数据表格：jqGrid
• 对话框：jQuery jBox
• 下拉选择框：jQuery Select2
• 树结构控件：jQuery zTree
• 日期控件： My97DatePicker

显而易见，JeeSite框架使用的前端技术栈比较落后，重点它是一个前后端不分离的框架，维护方面非常不便(深有体会)。

jsp文件介绍

JSP(Java Server Pages)是由Sun Microsystems公司倡导、许多公司参与一起建立的一种动态网页

1. 每个jsp文件就相当于我们所使用的html文件一样，不同之处则是它是一种更灵活的html页面。
2. 但是它又比较土，使用的是xml规范，所以也并不是H5页面所以每个文件顶部都要加上编码规范。

列：

<%@ page contentType="text/html;charset=UTF-8" %>

页面之间的跳转

1. 配置java‘路由表’
   依次打开src → main → java → thinkgem → jeesite → modules → sys → route → routeController.java
   或许文件路径大致不同，文件结构如下↓
   
2. 节点上使用data-url=“上表中value后面的路径”

列：

<li class="ting layui-nav-item"><a href="javascript:;" data-url="${ctx}/sys/warn"><i class="layui-icon layui-icon-notice"></i><cite style="display:none">消息提醒</cite></a></li>

3. 扩展（仅供参考）

• 不当人的封装
  我所维护的项目之前有人把面包屑给封装了，只有class类名为layui-nav-item的节点才能进行跳转页面。
  列如下栗 ↓

function navBar(strData){
	var data;
	if(typeof(strData) == "string"){
		var data = JSON.parse(strData); //部分用户解析出来的是字符串，转换一下
	}else{
		data = strData;
	}	
	var ulHtml = '<ul class="layui-nav layui-nav-tree">';
	for(var i=0;i<data.length;i++){
			ulHtml += '<li class="layui-nav-item">';
		if(data[i].children != undefined && data[i].children.length > 0){
			ulHtml += '<a href="javascript:;">';
			if(data[i].icon != undefined && data[i].icon != ''){
				if(data[i].icon.indexOf("icon-") != -1){
					ulHtml += '<i class="layui-icon '+data[i].icon+'"></i>';
				}else{
					ulHtml += '<i class="layui-icon '+data[i].icon+'"></i>';
				}
			}
			ulHtml += '<cite>'+data[i].name+'</cite>';
			ulHtml += '<span class="layui-nav-more"></span>';
			ulHtml += '</a>';
			ulHtml += '<dl class="layui-nav-child">';
			for(var j=0;j<data[i].children.length;j++){
				if(data[i].children[j].href != ''){
					ulHtml += '<dd><a href="javascript:;" data-url="'+ ctx +data[i].children[j].href+'">';
				}else{
					ulHtml += '<dd><a href="javascript:;"';
				}
				if(data[i].children[j].icon != undefined && data[i].children[j].icon != ''){
					if(data[i].children[j].icon.indexOf("icon-") != -1){
						ulHtml += '<i class="layui-icon '+data[i].children[j].icon+'"></i>';
					}else{
						ulHtml += '<i class="layui-icon '+data[i].children[j].icon+'"></i>';
					}
				}
				ulHtml += '<cite>'+data[i].children[j].name+'</cite></a></dd>';
			}
			ulHtml += "</dl>";
		}else{
			if(data[i].href != ''){
				ulHtml += '<a href="javascript:;" data-url="'+ ctx +data[i].href+'">';
			}else{
				ulHtml += '<a href="javascript:;"';
			}
			if(data[i].icon != undefined && data[i].icon != ''){
				if(data[i].icon.indexOf("icon-") != -1){
					ulHtml += '<i class="layui-icon '+data[i].icon+'"></i>';
				}else{
					ulHtml += '<i class="layui-icon '+data[i].icon+'"></i>';
				}
			}
			ulHtml += '<cite>'+data[i].name+'</cite></a>';
		}
		ulHtml += '</li>';
	}
	ulHtml += '</ul>';
	return ulHtml;
}

方法有点死，而且我写的所跳转页面的父级tag仅仅只是个铃铛，看封装的代码，就加了display:none;属性。

原文链接:https://blog.csdn.net/shiqina/article/details/117779384