JavaEE应用技术课程设计报告.docx
《JavaEE应用技术课程设计报告.docx》由会员分享，可在线阅读，更多相关《JavaEE应用技术课程设计报告.docx（15页珍藏版）》请在冰豆网上搜索。
JavaEE应用技术课程设计报告
大庆师范学院
《JavaEE应用技术》
课程设计报告
题目：
登录系统
小组成员：
;;;;;;;;;;;;;;;;;;3
专业：
计算机科学与信息技术
班级：
计算机科学与技术一班
指导老师：
[[[[
2016年12月28日
一、任务描述
SSH为struts+spring+hibernate的一个集成框架，是目前较流行的一种Web应用程序开源框架。
因此希望通过本次实验充分了解SHH框架集成应用的设计理念和具体步骤；
1.熟练掌握Struts/Spring/Hibernate框架的使用
2.熟练掌握数据库的创建以及JDBC的应用
3.掌握SSH框架的集成和相关配置文件的装配
二、功能需求说明
本设计是图书馆管理系统的前端，可实现在数据库添加数据进行对用户的增添和对该系统的登录。
三、总体设计
（一）总体功能描述
在了解Java语言的基础上了解并掌握J2EE的构架及相关技术，重点掌握核心技术中最基本的Servlet、JSP、Javabean、JDBC，初步具有基于J2EE平台的软件开发能力、设计并实现小型应用系统。
（二）系统功能结构图
login.jsp登录界面
增加信息
删除信息
main.jsp
查询信息
四、数据库设计
createdatabasebook;
usebook;
setnamesgbk;
createtableuser_info（
idintprimarykeyauto_increment,
namevarchar（20）,
passwordvarchar（20）,
mailvarchar（20）,
sexvarchar（20）,
addressvarchar（20）,
telvarchar（20）
）
jdbc.driverClassName=com.mysql.jdbc.Driver
jdbc.url=jdbc:
mysql:
//localhost:
3306/book
jdbc.username=root
jdbc.password=123456
五、系统详细设计与实现
（一）模块一：
login.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http:
//www.w3.org/TR/html4/loose.dtd">
Insert title herehref="jquery-easyui-1.5/themes/default/easyui.css">
href="jquery-easyui-1.5/themes/icon.css">
src="jquery-easyui-1.5/jquery.easyui.min.js">
$（function（） {
$（"#submit"）.click（function（） {
var username = $（"#username"）.val（）;
var password = $（"#password"）.val（）;
alert（username+password）;
$.post（'userAction_login', {
'user.username' :
username,
'user.password' :
password
}, function（data） {
if （data） {
alert（'登陆成功'）;
window.location = 'main.jsp';
} else {
alert（'登录失败'）;
window.location = 'login.jsp';
$（"#username"）.val（）;
$（"#password"）.val（）;
}
}）
}）;
$（"#register"）.click（function（） {
var username = $（"#username"）.val（）;
var password = $（"#password"）.val（）;
alert（username+password）;
$.post（'userAction_register', {
'user.username' :
username,
'user.password' :
password
}, function（data） {
if （data） {
alert（'注册成功'）;
window.location = 'main.jsp';
} else {
alert（'注册失败'）;
window.location = 'login.jsp';
$（"#username"）.val（）;
$（"#password"）.val（）;
}
}）
}）;
}）
用户名
密码
运行截图：
（2）模块二：
main.jsp
<%@pagelanguage="java"contentType="text/html;charset=UTF-8"
pageEncoding="UTF-8"%>
DOCTYPEhtml>
Inserttitlehere
href="jquery-easyui-1.5/themes/default/easyui.css">
href="jquery-easyui-1.5/themes/icon.css">
src="jquery-easyui-1.5/jquery.easyui.min.js">
$（function（）{
$（'#dg'）.datagrid（{
url:
'studentAction_getAllStudent',//url
singleSelect:
true,
columns:
[[{
field:
'no',
title:
'学号',
width:
100,
//hidden:
true
},{
field:
'name',
title:
'姓名',
width:
100
},{
field:
'age',
title:
'年龄',
width:
100,
},{
field:
'address',
title:
'地址',
width:
100,
}]],
toolbar:
[{
iconCls:
'icon-add',
handler:
function（）{
$（'#dd'）.dialog（{
title:
'addStudent',
width:
400,
height:
200,
closed:
false,
cache:
false,
href:
'add.html',
modal:
true,
buttons:
[{
text:
'Save',
handler:
function（）{
varname=$（"#name"）.val（）;
varage=$（"#age"）.val（）;
varaddress=$（"#address"）.val（）;
$.post（'studentAction_add',{
"student.name":
name,
"student.age":
age,
"student.address":
address
},function（data）{
if（data==1）{
alert（'添加成功！
'）;
$（'#dg'）.datagrid（'reload'）;
$（'#dd'）.dialog（'close'）;
}else{
alert（'添加失败！
'）;
}
}）
}
},{
text:
'Close',
handler:
function（）{$（'#dd'）.dialog（'close'）;}
}]
}）;
}
},'-',{
iconCls:
'icon-remove',//实现删除
handler:
function（）{
varrow=$（'#dg'）.datagrid（'getSelected'）;//选中的行
if（row==null）{
alert（'请选中要删除的行！
'）;
}else{
varno=row.no;//获取选中行的学号
//alert（no）;
$.post（'studentAction_delete',{
"no":
no,
},function（data）{
if（data）{
$（'#dg'）.datagrid（'reload'）;
alert（'删除成功！
'）;
}else{
alert（'删除失败！
'）;
}
}）
}
}
},'-',{
iconCls:
'icon-help',
handler:
function（）{
$（'#dd'）.dialog（{
title:
'MyDialog',
width:
400,
height:
200,
closed:
false,
cache:
false,
href:
'help.html',
modal:
true,
buttons:
[{
text:
'Close',
handler:
function（）{
$（'#dd'）.dialog（'close'）;
}
}]
}）;
}
}],
onDblClickRow:
function（rowIndex,rowData）{
//alert（rowData）;
//alert（rowData.name）;
//console.log（rowData）;
$（'#dg'）.datagrid（'reload'）;
},
onDblClickCell:
function（rowIndex,field,value）{
//alert（value+field+rowIndex）;
/*--------------------获取学号-----------------------*/
varrows=$（'#dg'）.datagrid（'getRows'）;//获取rows每一行的对象
varrow=rows[rowIndex];//获取选中行的对象
varno=row.no;//获取学号
//alert（no）;
if（field=='no'）{
alert（'您不能修改学号！
'）;
}else{
$（'#dd'）.dialog（{
title:
'CellEdit',
width:
400,
height:
200,
closed:
false,
cache:
false,
href:
'edit.html',
modal:
true,
buttons:
[{
text:
'Update',
handler:
function（）{
varms=$（"#ms"）.val（）;
alert（field+ms）;
$.post（'studentAction_update',{
"field":
field,
"no":
no,
"ms":
ms
},function（data）{
if（data==1）{
alert（'修改成功！
'）;
$（'#dg'）.datagrid（'reload'）;
$（'#dd'）.dialog（'close'）;
}else{
alert（'修改失败！
'）;
}
}）
//alert（no+field+ms）;
}
}]
}）;
}
},
}）;
}）
升级会员 