2008年10月15日
摘要: * 此框架采用前后臺分開，前后臺都可以單獨部署，前端采用輕量級的扁平化設計（html+javascript+Bootstrap）, 會自動針對不同的屏幕尺寸調整頁面，使其在各個尺寸的屏幕上表現良好。
* 后端采用Spring boot，它使我們更容易去創建基于Spring的獨立和產品級的可以即時運行的應用和服務。直接嵌入Tomcat 或Jetty服務器，不需要部署WAR 文件，可直接運行jar文件。
* 系統權限框架采用Shiro，實現前后臺權限校驗 * 持久層采用JPA ，并實現類ibatis的查詢功能；數據響應該采用json格式。
* 服務采用REST形式，能夠方便的與手機app進行對接，集成swagger能夠在線查看RESTAPI 文檔和在線測試服務接口
* 支持單點登錄，可以多系統進行菜單集成，形成一個portal
* 支持高并發和水平擴展，支持Session的統一存儲
* 項目采用gradle構建，能夠方便的將各項目進行按需組裝
閱讀全文
posted @
2016-06-13 10:00 Loy Fu 閱讀(4037) |
評論 (0) |
編輯 收藏
摘要: java nio的全稱是java new I/O，即一個全新的I/O控制系統，它的API的包名為java.nio，是在jdk1.4后引入的。
nio之所以為為新，在于它并沒在原來I/O的基礎上進行開發，而是提供了全新的類和接口，除了原來的基本功能之外，它還提供了以下新的特征：
? 多路選擇的非封鎖式...
閱讀全文
posted @
2008-10-21 17:44 Loy Fu 閱讀(835) |
評論 (0) |
編輯 收藏
作者:羅代均 ldj_work#126.com,轉載請保持完整性
環境說明
Apache :apache_2.0.55 1 個
Tomcat: apache-tomcat-5.5.17 (zip版) 2個
mod_jk:: mod_jk-apache-2.0.55.so 1個
第一部分：負載均衡
負載均衡，就是apache將客戶請求均衡的分給tomcat1,tomcat2....去處理
1.安裝apche,tomcat
http://httpd.apache.org/ 下載Apache 2.0.55
http://tomcat.apache.org/download-55.cgi 下載tomcat5.5 zip版本（解壓即可，綠色版）
http://apache.justdn.org/tomcat/tomcat-connectors/jk/binaries/win32/jk-1.2.15/ 下載mod_jk,注意和 apache版本匹配
按照jdk,我的路徑為:E:\ide\apache\Apache2
解壓兩份Tomcat, 路徑分別為 E:\ide\tomcat1,E:\ide\tomcat2
下載mod_jk
2.修改Apache配置文件http.conf
在apache安裝目錄下conf目錄中找到http.conf
在文件最后加上下面一句話就可以了
include "E:\ide\apache\Apache2\conf\mod_jk.conf"
2. http.conf 同目錄下新建mod_jk.conf文件，內容如下
#加載mod_jk Module
LoadModule jk_module modules/mod_jk-apache-2.0.55.so
#指定 workers.properties文件路徑
JkWorkersFile conf/workers.properties
#指定那些請求交給tomcat處理,"controller"為在workers.propertise里指定的負載分配控制器
JkMount /*.jsp controller
3.在http.conf同目錄下新建 workers.properties文件，內容如下
worker.list = controller,tomcat1,tomcat2 #server 列表
#========tomcat1========
worker.tomcat1.port=8009 #ajp13 端口號，在tomcat下server.xml配置,默認8009
worker.tomcat1.host=localhost #tomcat的主機地址，如不為本機，請填寫ip地址
worker.tomcat1.type=ajp13
worker.tomcat1.lbfactor = 1 #server的加權比重，值越高，分得的請求越多
#========tomcat2========
worker.tomcat2.port=9009 #ajp13 端口號，在tomcat下server.xml配置,默認8009
worker.tomcat2.host=localhost #tomcat的主機地址，如不為本機，請填寫ip地址
worker.tomcat2.type=ajp13
worker.tomcat2.lbfactor = 1 #server的加權比重，值越高，分得的請求越多
#========controller,負載均衡控制器========
worker.controller.type=lb
worker.controller.balanced_workers=tomcat1,tomcat2 #指定分擔請求的tomcat
worker.controller.sticky_session=1
4.修改tomcat配置文件server.xml
如果你在不同電腦上安裝tomcat,tomcat的安裝數量為一個，可以不必修改tomcat配置文件
我這里是在同一臺電腦上安裝兩個tomcat，所以需要更改其中一個的設置
打開tomcat2/conf/server.xml文件
5.編寫一個測試jsp
建立一個目錄test.里面新建一個test.jsp,內容為
<%
System.out.println("===========================");
%>
把test放到tomcat1,tomcat2的webapps下
6.啟動apache,tomcat1,tomcat2,進行測試
再刷新一次，tomcat2也打印了一條，再刷新，可以看到請求會被tomcat1,tomcat2輪流處理,實現了負載均衡
第二部分，配置集群
只配置負載均衡還不行，還要session復制，也就是說其中任何一個tomcat的添加的session，是要同步復制到其它tomcat， 集群內的tomcat都有相同的session
1. 修改tomcat1, tomcat2的server.xml,將集群部分配置的在注釋符刪掉,并將tomcat2的4001端口改為4002，以避免與tomcat沖突，當然，如果是兩臺電腦，是不用改端口的，去掉注釋符即可
2，修改測試項目test
修改test.jsp,內容如下
<%@ page contentType="text/html; charset=GBK" %>
<%@ page import="java.util.*" %>
<html><head><title>Cluster App Test</title></head>
<body>
Server Info:
<%
out.println(request.getLocalAddr() + " : " + request.getLocalPort()+"<br>");%>
<%
out.println("<br> ID " + session.getId()+"<br>");
// 如果有新的 Session 屬性設置
String dataName = request.getParameter("dataName");
if (dataName != null && dataName.length() > 0) {
String dataValue = request.getParameter("dataValue");
session.setAttribute(dataName, dataValue);
}
out.print("<b>Session 列表</b>");
Enumeration e = session.getAttributeNames();
while (e.hasMoreElements()) {
String name = (String)e.nextElement();
String value = session.getAttribute(name).toString();
out.println( name + " = " + value+"<br>");
System.out.println( name + " = " + value);
}
%>
<form action="index.jsp" method="POST">
名稱:<input type=text size=20 name="dataName">
<br>
值:<input type=text size=20 name="dataValue">
<br>
<input type=submit>
</form>
</body>
</html>
然后在test 新建WEB-INF目錄，WEB-INF下新建web.xml,內容如下
注意：在你的應用的web.xml加入 <distributable/> 即可
ok,講test復制到tomcat1,tomcat2的webapps下，重啟apache,tomcat1,tomcat2,
新建一個 名稱為 xiaoluo ,值為 cdut 的session,提交查詢，新開一個ie窗口，再提交查詢，如圖，可以看到，兩個tomcat 是負載均衡，并且session同步的
posted @
2008-10-20 08:49 Loy Fu 閱讀(527) |
評論 (0) |
編輯 收藏
在實際的網頁開發中，大部分時間都要涉及到Form表單的處理。在Ext框架中也提供了很多這方面的控件，而且還有一個專門的FormPanel布 局，該布局默認為放在面板上面的所有控件都是換行放置，而在實際應用中為了美觀，有些需要橫排，特別是Radio控件，這個時候就需要我們重新定制這些控 件的布局了，該例子中使用CSS來實現這些功能，先貼出一張效果圖。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Ext中FormPanel面板及Form控件橫排測試(CSS)</title>
<link rel="stylesheet" type="text/css" media="all" href="../ext/resources/css/ext-all.css" />
<style type="text/css" media="all">
.allow-float {clear:none!important;} /* 允許該元素浮動 */
.stop-float {clear:both!important;} /* 阻止該元素浮動 */
.sex-male {float:left;}
.sex-female {float:left;padding:0 0 0 20px;}
.age-field {float:left;padding:0 0 0 58px;*padding:0 0 0 50px!important;*padding:0 0 0 50px;}
</style>
</head>
<body>
<script type="text/javascript" src="../ext/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="../ext/ext-all.js"></script>
<script type="text/javascript" src="../ext/build/locale/ext-lang-zh_CN.js"></script>
<script type="text/javascript">Ext.BLANK_IMAGE_URL = '../ext/resources/images/default/s.gif';</script>
<script type="text/javascript">
Ext.onReady(function() {
//創建Form面板
var fp = new Ext.form.FormPanel({
buttonAlign:'center',
labelAlign:'right',
labelWidth:40,
frame:true,
bodyStyle:'padding:8px 0 0 0;',
items:[{
xtype:'textfield',
fieldLabel:'姓名',
name:'n_username',
id:'i_username',
width:320
},{
xtype:'radio',
fieldLabel:'性別',
boxLabel:'男',
name:'sex',
id:'male',
itemCls:'sex-male', //向左邊浮動,處理控件橫排
clearCls:'allow-float', //允許兩邊浮動,在實際生成的HTML結構中有專門的DIV阻斷浮動
checked:true
},{
xtype:'radio',
boxLabel:'女',
name:'sex',
id:'female',
itemCls:'sex-female', //向左浮動,處理控件橫排
clearCls:'allow-float', //允許兩邊浮動
hideLabel:true //不顯示前面"性別"的標簽
},{
xtype:'textfield',
fieldLabel:'年齡',
name:'n_age',
id:'i_age',
itemCls:'age-field', //向左浮動,處理控件橫排
width:133
},{
xtype:'textfield',
fieldLabel:'住址',
name:'n_address',
id:'i_address',
itemCls:'stop-float', //不允許浮動,結束控件橫排
width:320
}],
buttons:[{
text:'確定',
handler:onOK //實際應用一般是處理fp.getForm.submit()事件
}, {
text:'重置',
handler:function(){ fp.getForm().reset(); }
}],
keys:[{ //處理鍵盤回車事件
key:Ext.EventObject.ENTER,
fn:onOK,
scope:this
}]
});
//確定按鈕事件,這里只是簡單獲取各控件值,實際應用一般和后臺腳本結合
function onOK() {
var strMsg;
strMsg = ‘姓名：’ + fp.getComponent(’i_username’).getValue() + ‘，性別：’;
if (fp.getComponent(’male’).checked) strMsg += ‘男’;
if (fp.getComponent(’female’).checked) strMsg += ‘女’;
strMsg += ‘，年齡：’ + fp.getComponent(’i_age’).getValue();
strMsg += ‘，住址：’ + fp.getComponent(’i_address’).getValue();
alert(strMsg);
}
//創建主窗口
new Ext.Window({
title:’Ext中FormPanel面板及Form控件橫排測試(CSS)’,
width:400,
closable:false,
collapsible:true,
draggable:false,
resizable:false,
modal:true,
border:false,
items:[fp],
buttons:[]
}).show();
});
</script>
</body>
</html>
posted @
2008-10-15 13:03 Loy Fu 閱讀(733) |
評論 (0) |
編輯 收藏