对天乙社区bbscs8实现的详细分析十七

我们看一下signSet:
<strong><a href="javascript:;" onclick="loadSignEditPage(?');"><s:text name="signset.sign"/>A</a></strong>
<div id="signDiv0" class="signDivOff" onclick="loadSignEditPage(?');" onmouseover="over(this);" onmouseout="out(this);"><s:property value="%{userSign0}" escape="false"/></div>
需要注意到底部有个div:
<tr>
<td colspan="2">
<div id="signDetailChange"></div>
</td>
</tr>
我们来看loadSignEditPage(signID):
function loadSignEditPage(signID) {
Element.show("signDetailChange");
$('signDetailChange').innerHTML = pageLoading;//在jsMsg.jsp中,var pageLoading = "<s:text name="js.pageLoading"/>";
var url = getActionMappingURL("/signSet");
var pars = "action=edit&ajax=shtml&signID=" + signID;

var myAjax = new Ajax.Updater("signDetailChange", url, {method: 'get', parameters: pars});
}
我们看看这个/signSet?action=edit&ajax=shtml&singnID=0;
public String edit() {
this.setAction("editdo"); //设置action!
this.setSignDetail(this.getUserSession().getSignDetail()[this.getSignID()]);
return INPUT;
}
进入signEdit.jsp:由于页面不能缓存以前的数据!
<%
request.setAttribute("decorator", "none");
response.setHeader("Cache-Control","no-cache"); //HTTP 1.1
response.setHeader("Pragma","no-cache"); //HTTP 1.0
response.setDateHeader ("Expires", 0); //prevents caching at the proxy server
%>
这里将显示出的内容到signDetailChange这个DIV内，而这里的内部有一个显示Smile的:
loadSmilePage('signDetail')
-->
function loadSmilePage(inputName) {
Element.show("smileDiv");
$('smileDiv').innerHTML = pageLoading;
var url = "smile.jsp";//根路径中！
var pars = "inputName="+inputName;
var myAjax = new Ajax.Updater("smileDiv", url, {method: 'get', parameters: pars});
}
这里有用到了smile.jsp，下面是显示表情图片的一个jsp代码：
<%
int counter = 0;
for (int i = 0; i < 85; i++) {
if (counter == 0) {
counter = 8;
out.println("<tr>");
}
%>
<td>
<div align="center">
<img id="smile<%=i%>" src="images/smile/<%=i%>.gif" alt="smile" onmousemove="this.style.cursor='hand'this.style.cursor='pointer'" onclick="insertSmile('<%=inputName%>','{<%=i%>}');"/>
</div>
</td>
<%
if (counter == 1) {
counter = 0;
out.println("</tr>");
}
else {
counter = counter - 1;
}
}
%>
当我们选择一个后，点击后将触发insertSmile('<%=inputName%>','{<%=i%>}');注意inputName为需要写入到哪个元素，这里当然是textarea的signDetail,所以才用loadSmilePage('signDetail').下面的js改变文本域内容：
function insertSmile(inputName,smlieTag) {
$(inputName).value = $(inputName).value + smlieTag; //smileTag类似于{1}
$(inputName).focus();
}
对于关闭：
function closeSmilePage() {
$("smileDiv").innerHTML = "";
Element.hide("smileDiv");
}
好，我们单击保存标签按钮：function signEditDo() {
var signID = $('signID').value;
var oSignEditAjax = new SignEditAjax(signID);//用到ajax请求
oSignEditAjax.edit();
}
下面是其代码：
var SignEditAjax = Class.create();
SignEditAjax.prototype = {
initialize: function(signID) { //构造
this.signID = signID;
},

edit: function() {
showExeMsg();
var url = getActionMappingURL("/signSet");
var pars = "action=editdo&ajax=xml&signID="+this.signID+"&signDetail="+encodeURIComponent($('signDetail').value);//将文本字符串编码为一个统一资源标识符 (URI) 的一个有效组件
var myAjax = new Ajax.Request(url, {method: 'post', parameters: pars, onComplete: this.editCompleted.bind(this)});
},

editCompleted: function(res) {
resText = res.responseText;
var jsonMsgObj = new JsonMsgObj(resText);
var codeid = jsonMsgObj.getCodeid();
hiddenExeMsg();
alert(jsonMsgObj.getMessage());//提示信息
if (codeid == "0") {
$('signDiv'+this.signID).innerHTML = jsonMsgObj.getText();//写入内容
closeSignEditPage();//关闭编辑框!
}
}
};
这里又用致函一个函数：
function hiddenExeMsg() {
var loade = document.getElementById("exeingdiv");
if (loade != null) {
loade.style.display = "none";
}
}
OK!我们进入SignSet.java的editdo方法中:
public String editdo() {
if (BBSCSUtil.getSysCharsetStrLength(this.getSignDetail()) > this.getSysConfig().getSignMaxLen()) { // 签名超过指定长度
/**
public static int getSysCharsetStrLength(String txt) {
try {
return txt.getBytes(Constant.CHARSET).length;
} catch (UnsupportedEncodingException ex) {
return txt.length();
}
}
*/
this.getAjaxMessagesJson().setMessage(
"E_USER_SIGN_TOOLONG",
this.getText("error.sign.toolong", new String[] { String.valueOf(this.getSysConfig()
.getSignMaxLen()) }));
return RESULT_AJAXJSON;
}
UserInfo ui = this.getUserService().findUserInfoById(this.getUserSession().getId());
if (ui != null) {
String signDetail = "";
if (StringUtils.isBlank(this.getSignDetail())) { // 签名为空，设为默认签名
signDetail = this.getText("bbscs.userdefaultsign");//系统用的资源
switch (this.getSignID()) {
case 0:
ui.setSignDetail0(signDetail);
break;
case 1:
ui.setSignDetail1(signDetail);
break;
case 2:
ui.setSignDetail2(signDetail);
break;
}
} else {
signDetail = this.getSysConfig().bestrowScreen(this.getSignDetail()); // 过滤敏感词

switch (this.getSignID()) {
case 0:
ui.setSignDetail0(signDetail);
break;
case 1:
ui.setSignDetail1(signDetail);
break;
case 2:
ui.setSignDetail2(signDetail);
break;
}
}
try {
ui = this.getUserService().saveUserInfo(ui);
this.getUserSession().getSignDetail()[this.getSignID()] = signDetail;
signDetail = BBSCSUtil.filterText(signDetail, this.getSysConfig().isSignUseHtml(), this.getSysConfig()
.isSignUseUBB(), this.getSysConfig().isSignUseSmile());
this.getAjaxMessagesJson().setMessage("0", this.getText("sign.edit.ok"), signDetail);//设置message提示信息！
} catch (BbscsException ex) {
logger.error(ex);
this.getAjaxMessagesJson().setMessage("E_USER_SIGN_ERROR", this.getText("error.sign.edit"));
}
}
return RESULT_AJAXJSON;
}
这里的关键是对文本信息的过滤(BBSCSUtil)：
public String bestrowScreen(String txt) { //将系统不允许出现的字词换成**
if (StringUtils.isNotBlank(this.getScreenWord())) {
String[] words = this.getScreenWord().split(";");
for (int i = 0; i < words.length; i++) {
txt = txt.replaceAll(words[i], this.getBestrowScreen());
}
}
return txt;
}
public static String filterText(String sign, boolean useHTML, boolean useUBB, boolean useSmile) {
if (!useHTML) { //默认1
sign = TextUtils.htmlEncode(sign);//转意字符！这里用的是com.opensymphony.xwork2.util工具类！
}
if (useUBB) {//0
sign = getUBB2HTML(sign);
}
if (useSmile) {//1
sign = replaceSmile(sign);
}
sign = sign.replaceAll(" ", "<BR/>");
sign = filterScript(sign);
return sign;
}
-->
public static String replaceSmile(String txt) {
if (txt != null) {
return txt.replaceAll("/{(/d{1,2})/}", "<img src="images/smile/$1.gif" alt="smile"/>");//正则表达式!
} else {
return "";
}
}
public static String filterScript(String txt) {
return txt.replaceAll("[Ss][Cc][Rr][Ii][Pp][Tt]", "s.c.r.i.p.t");
}
public static String getUBB2HTML(String txt) {//UBB实现
if (txt != null) {
AutoFilter af = new AutoFilter(txt);
txt = af.getFilteredStr();
}
return txt;
}
AutoFilter继承了RegexFilter...而RegexFilter实现了Filter接口:
public interface Filter {
public abstract String getFilteredStr();//我们便通过这个方法得到返回的结果的！
}
在AutoFilter的构造方法中有许多regex的reStr属性(在RegexFilter定义为protected)也有this.doFiltration();方法，我们看super(txt)方法：
protected RegexFilter(String source) {
this.source = source;
this.tempSource = source;
}
而每次代换doFiltration():
protected void doFiltration() {
this.applyFilter();
this.tempSource = filter.getFilteredStr();
}
用了 protected void applyFilter() {
FilterBuilder builder = new RegFilterBuilder(regex, rpStr, tempSource);//注意这里用的是tempSource!
FilterDirector direct = new FilterDirector(builder);//导演FilterDirector生成FilterBuilder的各种实现
direct.construct();

this.filter = builder.getFilter();
}
我们看真正的执行者：RegFilterBuilder,实现了FilterBuilder中的所有方法:
public interface FilterBuilder {
public abstract void buildFilter();
public abstract Filter getFilter();
}
它使用的是JDK中的正则类：
import java.util.regex.Matcher;
import java.util.regex.Pattern;
public RegFilterBuilder(String regex, String rpStr, String source) {
super();
this.regex = regex;
this.rpStr = rpStr;
this.source = source;
}
public void buildFilter() { //关键的方法！需重点理解之！请参考资料：http://wcjok.bokee.com/4293762.html
if (this.regex == null) {
return;
}
Pattern p = Pattern.compile(regex, 2);
Matcher matcher = p.matcher(this.source);
StringBuffer sb = new StringBuffer();
String tempString = rpStr;
int rpL = rpStr.split("/$[0-9]+").length;
while (matcher.find()) {
for (int i = 0; (i < rpL) && (i < matcher.groupCount()); i++) {
tempString = tempString.replaceAll("/$" + i, matcher.group(i));
}
matcher.appendReplacement(sb, tempString);
}
matcher.appendTail(sb);
this.result = sb.toString();
}
public Filter getFilter() { //回调一个刚过滤的中间结果！
return (new RegexFilter() {
public String getFilteredStr() {
return result;
}
});
当然我们还有一个FilterDirector!由它管理FilterBuilder对象和它的buildFilter方法!
public FilterDirector(FilterBuilder builder) {
this.builder = builder;
}
public void construct() {
builder.buildFilter();
}
而getFilter则仍由Builder自己来返回this.filter = builder.getFilter();
接下来，我们分析nickNameSet.bbscs,它很简单:
<action name="nickNameSet" class="nickNameSetAction">
<interceptor-ref name="mainUserAuthInterceptorStack"></interceptor-ref>
<result name="input">/WEB-INF/jsp/nickNameSet.jsp</result>
</action>
public String index() {
this.setAction("edit");
this.setNickName(this.getUserSession().getNickName());
return INPUT;
}
<s:form action="nickNameSet">
<s:hidden name="action"></s:hidden>
<tr>
<td><s:text name="nickset.title"/></td>
<td>
<s:textfield id="nickName" name="nickName" cssClass="input2" size="40" maxlength="20" onkeypress="return handleEnter(this, event);"></s:textfield>//已经被填充!
</td>
....
我们提交editNickName():
function editNickName() {
var url = getActionMappingURL("/nickNameSet");
var pars = "action=edit&ajax=xml&nickName="+encodeURIComponent($('nickName').value);
var myAjax = new Ajax.Request(url, {method: 'post', parameters: pars, onComplete: editNickNameOK});
}

function editNickNameOK(res) {
resText = res.responseText;
var jsonMsgObj = new JsonMsgObj(resText);
var codeid = jsonMsgObj.getCodeid();
alert(jsonMsgObj.getMessage());
if (codeid == "0") {
$('nickNameDiv').innerHTML = jsonMsgObj.getText();
}
}
对于public String edit()方法我们不在分析了，哦，注意edit()的返回类型！String!
OK!我们已经将接下来分析userConfig.bbscs！
<action name="userConfig" class="userConfigSetAction">
<interceptor-ref name="mainUserAuthInterceptorStack"></interceptor-ref>
<result name="input">/WEB-INF/jsp/userConfig.jsp</result>
</action>
先看userConfigSet.java:有acceptFriend,forumPerNum,forumViewMode,hiddenLogin,postPerNum,receiveNote,editType,timeZone等交互字段！也有sysOptionsValues(服务),userForumNumPerPageValues(List<OptionsInt>类型),userPostNumPerPageValues,userTimeZoneValues(List<OptionsString>),forumViewModeValues,radioEditInterfaceList等填充用的！
public String index() {
this.setUserForumNumPerPageValuesInit();//初始化用户文章列表每页显示数
this.setUserPostNumPerPageValuesInit();
this.setForumViewModeValuesInit();
this.setRadioEditInterfaceValues();
this.setAction("edit");
UserInfo ui = this.getUserService().findUserInfoById(this.getUserSession().getId());
if (ui != null) {
this.setAcceptFriend(this.int2boolean(ui.getAcceptFriend()));//字段,这里的int2boolean是BaseAction中的方法!现在用的是int2boolean!
this.setForumPerNum(ui.getForumPerNum());
this.setForumViewMode(ui.getForumViewMode());
this.setHiddenLogin(this.int2boolean(ui.getHiddenLogin()));
this.setPostPerNum(ui.getPostPerNum());
this.setReceiveNote(this.int2boolean(ui.getReceiveNote()));
this.setTimeZone(ui.getTimeZone());
this.setEditType(ui.getEditType());
}
return INPUT;
}
-->
private void setUserForumNumPerPageValuesInit() {
this.setUserForumNumPerPageValues(this.getSysOptionsValues().getUserForumNumPerPageValues(this.getLocale()));
}
private void setUserPostNumPerPageValuesInit() {
this.setUserPostNumPerPageValues(this.getSysOptionsValues().getUserPostNumPerPageValues(this.getLocale(),
this.getSysConfig().getUserPostPerPageNum()));
}
private void setForumViewModeValuesInit() {
this.setForumViewModeValues(this.getSysOptionsValues().getForumViewModeValues(this.getLocale()));
}
private void setRadioEditInterfaceValues() {
radioEditInterfaceList.add(new RadioInt(-1, this.getText("bbscs.editInterface"))); //值对！
radioEditInterfaceList.add(new RadioInt(0, this.getText("bbscs.editInterface0")));
radioEditInterfaceList.add(new RadioInt(1, this.getText("bbscs.editInterface1")));
radioEditInterfaceList.add(new RadioInt(2, this.getText("bbscs.editInterface2")));
}
注意到SysOptionsValues提供了系统的一些Option值，它在com.laoer.bbscs.comm包中! 我们看它是怎么被注入到spring中的，在applicationContext.xml:
<bean id="sysOptionsValues"
class="com.laoer.bbscs.comm.SysOptionsValues">
<property name="messageSource">
<ref bean="messageSource" />
</property>
</bean>
OK!
public List<OptionsInt> getUserForumNumPerPageValues(Locale locale) {//local用于本地化！
List<OptionsInt> l = new ArrayList<OptionsInt>();
l.add(new OptionsInt(0, this.getMessageSource().getMessage("bbscs.usesystem", null, locale)));
l.add(new OptionsInt(20, "20"));
l.add(new OptionsInt(30, "30"));
l.add(new OptionsInt(40, "40"));
return l;
}
public List<OptionsInt> getUserPostNumPerPageValues(Locale locale, String[] ppns) {
List<OptionsInt> l = new ArrayList<OptionsInt>();
l.add(new OptionsInt(0, this.getMessageSource().getMessage("bbscs.usesystem", null, locale)));
for (int i = 0; i < ppns.length; i++) {
l.add(new OptionsInt(NumberUtils.toInt(ppns[i], 10), ppns[i]));
}
return l;
}
public List<OptionsInt> getForumViewModeValues(Locale locale) {
List<OptionsInt> l = new ArrayList<OptionsInt>();
l.add(new OptionsInt(0, this.getMessageSource().getMessage("bbscs.viewmode0", null, locale)));
l.add(new OptionsInt(1, this.getMessageSource().getMessage("bbscs.viewmode1", null, locale)));
l.add(new OptionsInt(2, this.getMessageSource().getMessage("bbscs.viewmode2", null, locale)));
return l;
}
这里有一个OptionsInt,它在com.laoer.bbscs.web.ui包中！它也是
public OptionsInt(int key, String value) {
this.key = key;
this.value = value;

}
在UserconfigSet中还有一个List<OptionsString>:
private List<OptionsString> userTimeZoneValues = Constant.USERTIMEZONE;
public List<OptionsString> getUserTimeZoneValues() { //提供给JSP页面显示!
return userTimeZoneValues;
}
我们可以看看Constant中的初始化，在其static代码段内：
for (int i = 0; i < TIMEZONEVALUES.length; i++) {
String[] values = TIMEZONEVALUES[i];
TIMEZONE.add(new OptionsInt(i, values[0]));
USERTIMEZONE.add(new OptionsString(values[1], values[0]));//返回值！
}
-->
public OptionsString(String key, String value) {
this.key = key;
this.value = value;
}
好，我们看显示的JSP页面,userConfig.jsp:
<s:select list="forumViewModeValues" name="forumViewMode" id="forumViewMode" cssClass="select1" listKey="key" listValue="value"></s:select>//OptionInt中有key和value两个属性！
<s:radio list="radioEditInterfaceList" name="editType" listKey="key" listValue="value" theme="bbscs0"></s:radio>//theme=bbscs0!,下面是radiomap.ftl的代码：
<@s.iterator value="parameters.list">
<#if parameters.listKey?exists>
<#assign itemKey = stack.findValue(parameters.listKey)/>
<#else>
<#assign itemKey = stack.findValue('top')/>
</#if>
<#assign itemKeyStr = itemKey.toString() />
<#if parameters.listValue?exists>
<#assign itemValue = stack.findString(parameters.listValue)/>
<#else>
<#assign itemValue = stack.findString('top')/>
</#if>
<input type="radio" name="${parameters.name?html}" id="${parameters.id?html}${itemKeyStr?html}"<#rt/>
<#if tag.contains(parameters.nameValue, itemKey)> //关键点!!!
checked="checked"<#rt/>
</#if>
<#if itemKey?exists>
value="${itemKeyStr?html}"<#rt/>
</#if>
<#if parameters.disabled?default(false)>
disabled="disabled"<#rt/>
</#if>
<#if parameters.tabindex?exists>
tabindex="${parameters.tabindex?html}"<#rt/>
</#if>
<#if parameters.cssClass?exists>
class="${parameters.cssClass?html}"<#rt/>
</#if>
<#if parameters.cssStyle?exists>
style="${parameters.cssStyle?html}"<#rt/>
</#if>
<#if parameters.title?exists>
title="${parameters.title?html}"<#rt/>
</#if>
<#include "/${parameters.templateDir}/simple/scripting-events.ftl" />
<#include "/${parameters.templateDir}/simple/common-attributes.ftl" />
/><#rt/>
<label for="${parameters.id?html}${itemKeyStr?html}"><#rt/>
${itemValue}<#t/>
</label><br/>
</@s.iterator>
我们看下生成的代码html：
<input type="radio" name="editType" id="userConfig_editType-1" value="-1"/><label for="userConfig_editType-1">使用系统默认设置</label><br/>
<input type="radio" name="editType" id="userConfig_editType0" value="0"/><label for="userConfig_editType0">禁用控件</label><br/>
<input type="radio" name="editType" id="userConfig_editType1" value="1"/><label for="userConfig_editType1">启用标准控件</label><br/>
<input type="radio" name="editType" id="userConfig_editType2" checked="checked" value="2"/><label for="userConfig_editType2">启用标准和所见即所得控件</label><br/>
好，我们修改后提交触发 <input type="button" name="ClosePage" value="<s:text name="bbscs.botton.save"/>" class="button2" onclick="editUserConfig();"/>
下面是ajax处理的js:
function editUserConfig() {
showExeMsg();//处理框出现!红色的哦~
var url = getActionMappingURL("/userConfig");
var pars = "action=edit&ajax=xml&hiddenLogin=" + getCheckBoxValue("hiddenLogin") + "&receiveNote="
+ getCheckBoxValue("receiveNote") + "&acceptFriend=" + getCheckBoxValue("acceptFriend") + "&forumViewMode="
+ $('forumViewMode').value + "&forumPerNum=" + $('forumPerNum').value + "&postPerNum="
+ $('postPerNum').value + "&timeZone=" + encodeURIComponent($('timeZone').value)
+ "&editType=" + getRadioValueByName("editType"); //好多的参数啊！！！！
//alert(pars);
var myAjax = new Ajax.Request(url, {method: 'post', parameters: pars, onComplete: editUserConfigOK});
}

function editUserConfigOK(res) {
resText = res.responseText;
var jsonMsgObj = new JsonMsgObj(resText);
var codeid = jsonMsgObj.getCodeid();
hiddenExeMsg();
alert(jsonMsgObj.getMessage());
}
好的，我们回到UserConfigSet.java:
public String edit() {
UserInfo ui = this.getUserService().findUserInfoById(this.getUserSession().getId());
if (ui != null) {
ui.setAcceptFriend(this.boolean2int(this.getAcceptFriend()));//action自动获得值！注意现在是boolean2int!
ui.setForumPerNum(this.getForumPerNum());
ui.setForumViewMode(this.getForumViewMode());
ui.setHiddenLogin(this.boolean2int(this.getHiddenLogin()));
ui.setPostPerNum(this.getPostPerNum());
ui.setReceiveNote(this.boolean2int(this.getReceiveNote()));
ui.setTimeZone(this.getTimeZone());
ui.setEditType(this.getEditType());

try {
ui = this.getUserService().saveUserInfo(ui);
this.getUserCookie().addCookies(ui);//加入cookie中!
this.getAjaxMessagesJson().setMessage("0", this.getText("userconfig.set.ok"));
} catch (BbscsException ex) {
logger.error(ex);
this.getAjaxMessagesJson().setMessage("E_USERCONFIG_EDITFAILED",
this.getText("error.userconfig.seterror"));
}
return RESULT_AJAXJSON;
} else {
this.getAjaxMessagesJson().setMessage("E_USER_NOEXIST", this.getText("error.user.noexist"));
return RESULT_AJAXJSON;
}
}