JavaEE应用技术课程设计报告.docx

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">

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（） {

$（"#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>

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）;

}

}]

}）;

}

},

}）;

}）