一个礼拜开发出一个栏目(总结/反思)
架构：JEECMS+三大框架
开发人员：1人
1. 数据库设计
涉及到的数据库：nubb_movie(电影)/nubb_movie_type(电影类型)/nubb_movie_year(电影年份)/nubb_movie_area(电影地区)/nubb_movie_tag(电影标签)/nubb_actor(明星)
我不知道该怎么评价自己这一个礼拜的开发效率，尽管在投入编码之前，一再告诉自己，设计好一个数据库非常重要，但是事情做得不尽人意。
对电影栏目这一块的东西，在网上很常见，自己平时看网页的时候也去想怎样去设计这方面的数据库表、怎样去建立表与表之间的关联，这样就按照我自己脑子里想的方式去执行，但是到了整理/编写前台数据时，自己却发现有很多信息没有涉及到，导致回过头来重新加表，加字段！ 原因在于自己没和编辑部沟通好，在对方的详细页面出来之后，应该要第一时间去分析功能需求，提出疑问。
数据库设计总结： 在把握整个功能需要之后，宁可多花时间来设计数据库，也不能跟着自己的感觉走，否则可能导致设计得不够全面，让开发工作断断续续。
2. 开发阶段
中间出现的问题：
# 映射文件 第一行声明class，其中有个catelog="test" 起初是用的MyEclipse自动生成的实体类和映射文件，多出这么个属性，我就没怎么管。但是到后台操作时，发现插入数据后列表有显示，但在数据表中没有任何记录！ 重启服务器也没有用！ 通过这一属性值test直面意思就是测试用的，也就是将存储的数据存入本地临时文件中，而并没有存入数据表中。
# struts 对实体bean的操作，至于简单的set/get赋值，取值的操作我就不细说了，为了减少对数据库的请求次数，我们在对有关联关系的实体类，通常的做法是：
public String add() { try { if(year_id > 0 && area_id > 0){ try { bean.setYear(myMng.findById(year_id)); bean.setMovieArea(areMng.findById(area_id)); this.setNubbMovieSet(); mMng.save(bean); } catch (Exception e) { e.printStackTrace(); } }else{ addActionError("添加失败！年度信息、地区未选择！"); return SHOW_ERROR; } } catch (Exception e) { e.printStackTrace(); } return this.list(); }
在one-to-many的关联中，many的那一方这样做大可不必，直接利用传主键ID的构造，new 出一个新的对象，如：
bean.setYear(new Year(year_id)); bean.setMovieArea(new Area(area_id)); this.setNubbMovieSet(); mMng.save(bean);
这样会不会很好用呢！ :) 同理，我们都知道many-to-many从查询到插入、更新的效率都很慢，我们可以添加第三方表转换为one-to-many的关联关系，也能用到上述方法！
# 多项选择select组件
最近遇到一个新的需求，需要在明星添加页面中，关联多个电影，这样让想到了struts2中有个select多选组件。于是派上用场了：
<tr>
<td width="20%" class="pn-flabel pn-flabel-h">
电影电视剧：
</td>
<td width="80%" class="pn-fcontent">
<table border="0">
<tr>
<td>
<label for="leftTitle">全部明星</label><br/>
搜索：<input type="text" id="search" size="15"/><input type="button" value="搜索" id="searchActors"/><br/>
<select size="15" id="leftSideCartoonCharacters" multiple="multiple">
<option value="-1">--- 全部影片 ---</option>
<#list mlist as t>
<option value="${t.id!}" class="search">${t.zhName!}</option>
</#list>
</select>
<input type="button"
onclick="moveOptionDown(document.getElementById('leftSideCartoonCharacters'), 'key', 'headerKey');"
value="v"
/>
<input type="button"
onclick="moveOptionUp(document.getElementById('leftSideCartoonCharacters'), 'key', 'headerKey');"
value="^"
/>
</td>
<td valign="middle" align="center">
<input type="button" value="<-" onclick="moveSelectedOptions(document.getElementById('rightSideCartoonCharacters'), document.getElementById('leftSideCartoonCharacters'), false, 'doubleHeaderKey', '');" /><br /><br />
<input type="button" value="->" onclick="moveSelectedOptions(document.getElementById('leftSideCartoonCharacters'), document.getElementById('rightSideCartoonCharacters'), false, 'headerKey', '');" /><br /><br />
<input type="button" value="<<--" onclick="moveAllOptions(document.getElementById('rightSideCartoonCharacters'), document.getElementById('leftSideCartoonCharacters'), false, 'doubleHeaderKey', '');" /><br /><br />
<input type="button" value="-->>" onclick="moveAllOptions(document.getElementById('leftSideCartoonCharacters'), document.getElementById('rightSideCartoonCharacters'), false, 'headerKey', '');" /><br /><br />
<input type="button" value="<*>" onclick="selectAllOptionsExceptSome(document.getElementById('leftSideCartoonCharacters'), 'key', 'headerKey');selectAllOptionsExceptSome(document.getElementById('rightSideCartoonCharacters'), 'key', 'doubleHeaderKey');" /><br /><br />
</td>
<td>
<label for="rightTitle">已选影片</label><br />
<select name="movie_ids" size="15" multiple="multiple" id="rightSideCartoonCharacters">
<option value="-1">--- 已选影片 ---</option>
</select>
<input type="button"
onclick="moveOptionDown(document.getElementById('rightSideCartoonCharacters'), 'key', 'doubleHeaderKey');"
value="v"
/>
<input type="button"
onclick="moveOptionUp(document.getElementById('rightSideCartoonCharacters'), 'key', 'doubleHeaderKey');"
value="^"
/>
</td>
</tr>
</table>
</td>
</tr>
在提交表单时，将选取项以一个数组的形式给Action操作，如下代码：
function checkForm(){ var selectedComs = document.getElementById("rightSideCartoonCharacters"); for(var i=0;i<selectedComs.length;i++){ selectedComs.options[i].selected = true; } $("#jvForm").submit; } $("#searchActors").bind("click",function(){ var $sou = $("#search").val(); if($sou == ""){ alert("搜索内容不能为空！"); return ; } $.post("/admin/auxiliary/movieactor/Com_search.htm", { val: $sou }, function(data){ $(".search").remove(); $("#leftSideCartoonCharacters").append(data); },"html"); }); </script> <script type="text/javascript" src="/script/optiontransferselect.js"></script> </body>
页面如下：
3. 反思
# 代码重构
简单来说将共用、重用性较高的代码抽取出来。 当然我们也不能觉得重构这东西很方便，一味的借助它。 我觉得：
1. 在找到目前最好的解决方案之后，适当使用重构
2. 可使用常用的设计模式处理业务逻辑，完了以后你再回头看看，有些方法大可不必使用重构的！
3. 利用继承体系来处理，有效的替代重构，比如：咱们对后台数据的增删改查，这就设置一个基类 存在公用的方法，让各个Action子类调用，如果有什么特殊的操作，也能扩展。
# 前台添加、编辑页面合并公用。
# 善于利用现有插件提升网页友好度
