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">
$(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>
Inserttitleherehref="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);
}
}]
});
}
},
});
})