经典项目，练手必备。
- 图书管理系统
需求分析（大致，并不专业）：1.需要有用户管理；
1.1 用户注册；
1.2 用户登录；
1.3 用户信息修改；
1.4 用户修改密码；
2.需要有书本管理；
2.1 添加书籍；
2.2 借出书籍；
2.3 归还书籍；
2.4 修改/更新书籍信息；
3.需要权限管理；
3.1 普通用户与管理员的区别；
3.2 拥有不同权限可浏览不同的页面；
实现技术：1.struts2表现层框架；
2.hibernate持久层框架；
3.tomcat web容器；
4.c3p0数据库连接池；
5.msql数据库；
6.jquery开源包；
7.ajax技术；
8.css/html页面设计。
- 准备阶段
配置环境：配置struts2，hibernate环境，配上tomcat服务器，安装mysql服务器；
表设计：本项目设计四张表：user，book，borrow，description
系统总体设计：
页面设计：
- 实现
采用mvc的设计模式，页面请求到action，action开启服务service，service调用dao来操作数据库。最后将结果返回到页面上呈现。
tips：1.连接池使用listener启动，因为它启动得最早，而且spring也是使用listener来初始化bean工厂；
2.filter用来做权限控制；
3.action实现modeldriven接口，需要新建一些映射表单的类；
4.业务写多了会无聊，并且逻辑都一样，所以我选择只实现了一半；
页面图：
index.jsp
register.jsp
findpassword.jsp
message页面，统一样式
main.jsp
userBook.jsp
就实现了这些功能，写业务比算法无聊很多，所以大致掌握了就行了，反正练手。
- 技术笔记
页面延迟n秒跳转
//自动跳转的*
function delayURL(url, time) {
setTimeout("top.location.href='" + url + "'", time);
}
在html中加入
<script type="text/javascript">
delayURL("findPasswd.jsp", 3000);
</script>
初始化请求
在页面载入成功后请求服务器拿初始化数据，并生成表格。
//初始化请求--将当前页和总页面初始化 和 list
$(document).ready(function(){
pagerRequest(currentPage);
});
使用数据生成表格。
//将数据放在页面上
function putOnTable(list) {
var table = $('#content');
$("#content tr:not(:first)").remove(); for ( var k in list) {
var tr = $("<tr></tr>");
tr.appendTo(table);
var book = new Object();
var td; book.bookid = list[k]['bookid'];
book.bookname = list[k]['bookname'];
book.authorname = list[k]['authorname'];
book.publisher = list[k]['publisher'];
book.pub_date = list[k]['pub_date']; td = $("<td>" + book.bookid + "</td>");
td.appendTo(tr);
td = $("<td>" + book.bookname + "</td>");
td.appendTo(tr);
td = $("<td>" + book.authorname + "</td>");
td.appendTo(tr);
td = $("<td>" + book.publisher + "</td>");
td.appendTo(tr);
td = $("<td>" + book.pub_date + "</td>");
td.appendTo(tr);
td = $("<td><button id=btn"+book.bookid +">借书</button>|<button value=''>查看详情</button>");
td.appendTo(tr);
addEvent('btn'+book.bookid,book.bookid);//此处添加事件 } }
分页查询
//点击按钮发送ajax请求
function pagerRequest(need) {
$.post("pager", "need=" + need , function(result) { size = result['size'];
count = result['count'];
booklist = result['booklist'];
$('#current').text(currentPage);
var n1;
var n2;
n1 = count / size;
n2 = count % size;
n1 = Math.floor(n1);
pageNumber = n1; if (n2 !== 0)
pageNumber = pageNumber + 1; $('#total').text(pageNumber);
putOnTable(booklist);
});
}
<!-- 分页查询动作-->
<action name="pager" class="Action.BookPageSelectAction" method="Pager">
<result type="json">
<!-- 这里指定将被Struts2序列化的属性，该属性在action中必须有对应的getter方法 -->
<param name="root">dataMap</param>
</result>
</action>
package Action; import java.util.HashMap;
import java.util.List; import org.apache.struts2.ServletActionContext; import com.opensymphony.xwork2.ActionSupport; import Model.book;
import Service.bookService; public class BookPageSelectAction extends ActionSupport{
private HashMap<String,Object> dataMap;
private List<book> bookList;
private int size=10;
public List<book> getUserList() {
return bookList;
}
public void setUserList(List<book> bookList) {
this.bookList = bookList;
}
public HashMap<String, Object> getDataMap() {
return dataMap;
} public void setDataMap(HashMap<String, Object> dataMap) {
this.dataMap = dataMap;
}
//ajax请求页
public String Pager(){
dataMap = new HashMap<String,Object>();
bookService pager = new bookService();
int count = pager.getBookCount();
String req = ServletActionContext.getRequest().getParameter("need");
Integer value = new Integer(req);
int need = value.intValue();
List list = pager.pageSelectService(need, size);
dataMap.put("booklist",list);
dataMap.put("size", size);
dataMap.put("count", count);
return SUCCESS;
} }
//分页查询
public List pageSelectService(int start,int size){
Session session = SFactoryGenerator.getSession();
Transaction tx = session.beginTransaction();
List list = null;
try{
int need = (start-1)*size;
list = bookDAO.pageSelect(session,need, size);
}catch (Exception e) {
// TODO: handle exception
tx.rollback();
}finally{
session.close();
}
return list;
}
//分页查询
public static List<book> pageSelect(Session session,int start,int size){
String hql = "from book";
Query<?> query = session.createQuery(hql);
query.setFirstResult(start);//开始索引
query.setMaxResults(size);//取几条
List list = query.list();
return list;
}
删除所有表格条目，只留下表头
$("#content tr:not(:first)").remove();
绑定事件
$('#'+btnid).bind("click",function(){});
添加通知栏
别人的*
//添加通知框
function pop_init(title,content) {
//取当前浏览器窗口大小
var windowWidth=document.body.clientWidth;
var windowHeight=document.body.clientHeight;
//弹窗的大小
var weight=250;
var height=132;
$("body").append(
"<div id='pop_div'style='display:none;position:absolute;border:1px solid #e0e0e0;z-index:99;width:"+weight+"px;height:"+height+"px;top:"+(windowHeight-height-132)+"px;left:"+(windowWidth-weight)+"px'>"+
"<div style='line-height:32px;background:#F4A460;border-bottom:1px solid #e0e0e0;font-size:14px;padding:0 0 0 10px;'>" +
"<div style='float:left;'><b>"+title+"</b></div><div style='float:right;cursor:pointer;'><b onclick='pop_close()'>×</b></div>" +
"<div style='clear:both'></div>"+
"</div>" +
"<div id='content' style='background:#EED8AE;height:100px;'>" +
content+
"</div>"+
"</div>"
);
}
function pop_close(){
$('#pop_div').fadeOut(400);
}
前端校验
非空校验，长度校验，用户名是否存在校验等等
/**
* 用作注册校验以及ajax服务端校验
*/
//非空校验 长度校验
function verificationUsername(){
var data = $('#username').val();
if(data.length === 0)
{
$('#registerErrorMsg1').text("用户名不能为空");
return false;
}
else if(data.length <3 || data.length>12)
{
$('#registerErrorMsg1').text("长度需要在3-12位");
return false;
}
return true;
}
//密码校验
var passwordVer1 = false;
var passwordVer2 = false;
function verificationPassword(){
var data = $('#password').val();
var again = $('#password1').val();
if(data.length === 0)
{
$('#registerErrorMsg2').text("密码不能为空");
return ;
}
else if(data.length <6 || data.length>20)
{
$('#registerErrorMsg2').text("长度需要在6-20位");
return ;
}
passwordVer1 = true;
}
//ajax校验
function ServerVerification(){
var data = $('#username').val();
$.get("userExist","username="+data,function(result){
if(result === "true"){
$('#registerErrorMsg1').text("用户名已存在");
return false;
}
else
{
$('#registerErrorMsg1').text("此用户名可以注册");
return true;
}
});
}
//用户名校验
$(document).ready(function(){
$('#username').blur(function(){
if(verificationUsername())
ServerVerification();
});
});
$(document).ready(function(){
$('#username').focus(function(){
$('#registerErrorMsg1').text("");
});
});
//密码校验
$(document).ready(function(){
$('#password').blur(function(){
verificationPassword();
});
});
$(document).ready(function(){
$('#password').focus(function(){
$('#registerErrorMsg2').text("");
});
});
//两次输入密码校验
$(document).ready(function(){
$('#password1').blur(function(){
if($('#password1').val() !== $('#password').val())
{
$('#registerErrorMsg2').text("密码输入不一致");
return ;
}else
{
$('#registerErrorMsg2').text("");
passwordVer2 = true;
}
});
}); //提交时候需要验证
$(document).ready(function(){
$("#registerform").submit(function(){
verificationPassword();
console.log("-----3------");
if(verificationUsername() && passwordVer1 && passwordVer2)
{
return true;
}else
return false;
});
});
查找书本
使用hql的都是这样写，被划了横线了好像是过期方法
//查找书本
public static book findByName(Session session,String name){
String hql = "from book where bookname = ?";
Query<?> query = session.createQuery(hql);
query.setParameter(0, name);
List list = query.list();
book book = null;
if(list.size() != 0)
book =(book) list.get(0);
return book;
}
使用count计算条目
//获取书本的条数
public static int getBookCount(Session session){
String hql="SELECT COUNT(*) FROM book";
Query<?> query = session.createQuery(hql);
return ((Number)query.uniqueResult()).intValue();
}
自定类联合查询
不会join，用的where and。新建一个类不需要添加mapping也能封装成object。
//获取借书列表
public static List user_bookList(Session session,int userid){
String hql = "select new Model.user_book(b.bookid,b.bookname,b.publisher,bo.date) from book b,borrow bo where bo.user_id = ? and bo.book_id = b.bookid";
Query query =session.createQuery(hql);
query.setParameter(0, userid);
List list = query.list();
if(list.size() == 0)
return null;
return list;
}
request
request的attribute和parameter是两个东西，已parameter是跟在请求后面的参数，attribute是类似于session这种存储在request范围内的属性。
标准的获取形式为
//获取请求响应
HttpServletRequest request = ServletActionContext.getRequest();
HttpServletResponse response = ServletActionContext.getResponse();
- 总结
个人觉得不写之前很简单，写了之后也很简单。但是写的过程有很多的不懂，所以项目还是要做一下不然抱着demo不知道怎么用。因为s和h框架很少用了，所以不专注于写这个项目了。关键是网站的大部分的功能如何构建，换了框架和数据库一样是这样实现。自己做一做小项目会增长很多的本事。写了代码也要多多总结，比如刚写css的时候就感觉越写越多，很多重复功能，因为不主攻前端，所以让它变成臭鸡蛋吧，这样的感觉。
action的配置我觉得挺方便的，反而是注释开发，好像不能一眼看完所有的controller，然而action太侵入性，所以已经有些过时。hibernate用了之后我觉得各有利弊吧，我还是喜欢jdbc的感觉。接下来就该细致地写spring的项目了。