江苏开放大学2023年秋《JSP开发技术 050318》形成性综合大作业参考答案

2023年12月1314:27:12发布者:江开学习小虫 65 views 举报
总字数:约23855字
第1页

第2页

第3页

第4页

第5页

第6页

第7页

第8页

形成性综合大作业 答案仅供参考

议管理系统的设计与实现

一、项目背景

本会议管理系统实现的主体功能包括个人中心、人员管理和会议预定,具体功能模块如图所示。本系统的用户包括普通用

户和管理员用户。

普通用户的权限包括:注册、登录系统,修改个人密码;查看最新通知、预定的会议室及参加的会议;查看会议室,预定

会议。

管理员用户的权限包括:发布通知、部门管理、人员管理、会议室管理。

其他功能模块及用户权限可自行设计。

江苏开放大学2023年秋《JSP开发技术 050318》形成性综合大作业参考答案

二、实验目的

1. 运用过滤器技术实现用户身份验证;

2. 运用监听器技术统计在线用户;

3. 学会基于 MVC 设计模式进行 Java Web 应用开发。

三、实验内容

1. 基于 MVC 设计模式完善用户管理和会议预定功能。

2. 使用过滤器实现系统的用户身份认证。

3. 使用监听器统计系统当前访问人次。

4. 完成会议管理系统的其余功能模块,包括我的预定、我的会议、通知管理、部门管理等。

四、作业提交要求

完成实验报告(见附件模板),将源代码和实验报告一起压缩打包提交至学习平台。

江苏开放大学

形成性考核作业

学 号:

2

姓 名:

2

课程代码: 050318

2

课程名称: JSP

开发技术

2

评阅教师:

3

次任务(书面作业)

3

次任务(书面作业)

050318JSP 开发技术

形成性综合大作业(占总成绩 40%

会议管理系统的设计与实现

一、实验目的及要求

1. 运用过滤器技术实现用户身份验证;

2. 运用监听器技术统计在线用户;

3. 学会基于 MVC 设计模式进行 Java Web 应用开发。

二、实验内容

1. 基于 MVC 设计模式完善用户管理和会议预定功能。

2. 使用过滤器实现系统的用户身份认证。

3. 使用监听器统计系统当前访问人次。

4. 完成会议管理系统的其余功能模块,包括我的预定、我的会议、通知管理、部门

管理等。

三、实验设备及环境

SSM + HTML5 + mysql + redis

四、实验步骤(功能实现的核心代码及说明)

1 SQL

1.1 会议

CREATE TABLE `meeting` (

`id` int(11) NOT NULL ,

1

050318JSP 开发技术

形成性综合大作业(占总成绩 40%

`room_id` int(255) NOT NULL ,

`meeting_room` varchar(30) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci NULL DEFAULT NULL ,

`user_id` int(11) NULL DEFAULT NULL ,

PRIMARY KEY (`id`)

)

ENGINE=InnoDB

DEFAULT CHARACTER SET=utf8mb4 COLLATE=utf8mb4_general_ci

ROW_FORMAT=DYNAMIC

;

1.2 增加会议

INSERT INTO meeting VALUES(1,1,”会议 1”,1)

INSERT INTO meeting VALUES(2,2,”会议 2”,1)

INSERT INTO meeting VALUES(3,3,”会议 3”,1)

INSERT INTO meeting VALUES(4,4,”会议 4”,1)

1.3 删除会议

DELETE FROM meeting where id=1;

DELETE FROM meeting where id=1;

1.4 会议查询

SELECT * FROM meeting;

1.5 更新会议

UPDATE

meeing set meeting_room = “会议 5” WHERE id=4;

1.6 房间

CREATE TABLE `room` (

2

050318JSP 开发技术

形成性综合大作业(占总成绩 40%

`id` int(11) NOT NULL AUTO_INCREMENT ,

`name` varchar(50) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci NULL DEFAULT NULL ,

PRIMARY KEY (`id`)

)

ENGINE=InnoDB

DEFAULT CHARACTER SET=utf8mb4 COLLATE=utf8mb4_general_ci

AUTO_INCREMENT=1

ROW_FORMAT=DYNAMIC

;

1.7 增加房间

INSERT INTO room VALUES(1,”房间 1”)

INSERT INTO room VALUES(2,”房间 2”)

INSERT INTO room VALUES(3,”房间 3”)

INSERT INTO room VALUES(4,”房间 4”)

1.8 删除房间

DELETE FROM room WHERE id = 1;

1.9 查询房间

SELECT * FROM room ;

1.10 更新房间

UPDATE room SET name = ”房间 4 WHERE id=4

4.1 Login.html

<!DOCTYPE html >

< html >

< head >

< meta charset ="UTF-8" >

< title >系统运维保障平台--登陆</ title >

3

050318JSP 开发技术

形成性综合大作业(占总成绩 40%

< meta http-equiv ="X-UA-Compatible" content ="IE=edge,chrome=1" >

< meta http-equiv ="Access-Control-Allow-Origin" content ="*" >

< meta name ="viewport" content ="width=device-width, initial-scale=1, maximum-scale=1" >

< meta name ="apple-mobile-web-app-status-bar-style" content ="black" >

< meta name ="apple-mobile-web-app-capable" content ="yes" >

< meta name ="format-detection" content ="telephone=no" >

< link rel ="stylesheet" href ="lib/layui-v2.5.5/css/layui.css" type ="text/css" >

<!--[if lt IE 9]>

<script src="lib/html5/html5.min.js"></script>

<script src="lib/html5/respond.min.js"></script>

<![endif]-->

< style >

body { background-image : url ( "images/bg.jpg" ); height : 100 %; width : 100 %;}

#container { height : 100 %; width : 100 %;}

input : -webkit-autofill { -webkit-box-shadow : inset 0 0 0 1000 px #fff ; background-color : transparent ;}

. admin-login-background { width : 300 px ; height : 300 px ; position : absolute ; left : 50 %; top : 40 %; margin-left :-

150 px ; margin-top :- 100 px ;}

. admin-header { text-align : center ; margin-bottom : 20 px ; color : #ffffff ; font-size : 35 px }

. admin-input { border-top-style : none ; border-right-style : solid ; border-bottom-style : solid ; border-left-

style : solid ; height : 50 px ; width : 300 px ; padding-bottom : 0 px ;}

. admin-input :: -webkit-input-placeholder { color : #a78369 }

. layui-icon-username { color : #a78369 !important ;}

. layui-icon-username : hover { color : #9dadce !important ;}

. layui-icon-password { color : #a78369 !important ;}

. layui-icon-password : hover { color : #9dadce !important ;}

. admin-input-username { border-top-style : solid ; border-radius : 10 px 10 px 0 0 ;}

. admin-input-verify { border-radius : 0 0 10 px 10 px ;}

. admin-button { margin-top : 20 px ; font-weight : bold ; font-size : 18 px ; width : 300 px ; height : 50 px ; border-

radius : 5 px ; background-color : #a78369 ; border : 1 px solid #d8b29f }

. admin-icon { margin-left : 260 px ; margin-top : 10 px ; font-size : 30 px ;}

i { position : absolute ;}

. admin-captcha { position : absolute ; margin-left : 205 px ; margin-top :- 40 px ;}

</ style >

</ head >

< body >

< div id ="container layui-anim layui-anim-upbit" >

< div class ="admin-login-background" >

< div class ="layui-form login-form" >

< div class ="admin-header" >

< span >系统登录</ span >

</ div >

< form class ="layui-form" action ="" >

< div class ="layui-form-item" >

< i class ="layui-icon layui-icon-username admin-icon" ></ i >

4

050318JSP 开发技术

形成性综合大作业(占总成绩 40%

< input type ="text" name ="username" placeholder ="请输入用户名" lay-verify ="required"

autocomplete ="off" class ="layui-input admin-input admin-input-username" value ="" >

</ div >

< div class ="layui-form-item" >

< i class ="layui-icon layui-icon-password admin-icon" ></ i >

< input type ="password" name ="password" placeholder ="请输入密码" lay-verify ="required"

autocomplete ="off" class ="layui-input admin-input" value ="" >

</ div >

< div class ="layui-form-item" >

< input type ="text" name ="captcha" lay-verify ="required|captcha" placeholder ="图形验证码"

autocomplete ="off" class ="layui-input admin-input admin-input-verify" value ="" >

< img id ="captchaPic" class ="admin-captcha" src ="../images/captcha.jpg" width ="90"

height ="30" onclick =" reloadcode() " >

</ div >

< div id ="info" style =" color : red" ></ div >

< div class ="layui-form-item" >

< button class ="layui-btn layui-btn-fluid" lay-submit ="" lay-filter ="login" >登 录<

/ button >

</ div >

</ form >

</ div >

</ div >

</ div >

< script src ="lib/layui-v2.5.5/layui.js" charset ="utf-8" ></ script >

< script src ="lib/jquery-3.4.1/jquery-3.4.1.min.js" ></ script >

< script >

function reloadcode() {

$ ( '#captchaPic' ). attr ( 'src' , '/backend/code/getcode?vkey=' + new Date (). getTime ());

}

reloadcode();

layui . use ( 'form' , function () {

var form = layui . form ;

if ( top != self ) {

parent . location . href = '/login.html' ;

}

var token = layui . data ( "user" ). token ;

if ( token != null && token . trim (). length != 0 ) {

$ . ajax ({

type : 'get' ,

url : '/users/current?token=' + token ,

success : function (data) {

location . href = '/index.html' ;

},

error : function (xhr, textStatus, errorThrown) {

5

050318JSP 开发技术

形成性综合大作业(占总成绩 40%

var msg = xhr. responseText ;

var response = JSON . parse ( msg );

var code = response . code ;

var message = response . message ;

if ( code == 401 ) {

layui . data ( 'user' , null );

}

}

});

}

// 登录过期的时候,跳出 ifram 框架

if ( top . location != self . location ) top . location = self . location ;

// 进行登录操作

form . on ( 'submit(login)' , function (data) {

data = data. field ;

$ . ajax ({

type : "POST" ,

url : '/backend/code/recode' ,

data :{ "reqCode" :data. captcha },

success : function (res) {

if (res){

$ ( "#login" ). attr ( "disabled" , true );

if (data. username == "" || data. password == "" ) {

// $("#info").html('请将数据填写完整!');

$ ( "#login" ). attr ( "disabled" , false );

} else {

$ . ajax ({

type : 'post' ,

url : '/login' ,

data : data,

success : function (data) {

// alert(JSON.stringify(data));

console . log ( "data=" + JSON . stringify (data));

// localStorage.setItem("token", data.token);

layui . data ( "user" ,{

key : "token" ,

value :data. token

});

location . href = '/index.html' ;

},

error : function (xhr, textStatus, errorThrown) {

var msg = xhr. responseText ;

var response = JSON . parse ( msg );

$ ( "#info" ). html ( response . message );

6

总页数:24
提示:下载前请核对题目。客服微信:diandahome
下载的文档都包含参考答案
特别声明:以上内容(如有图片或文件亦包括在内)为“电大之家”用户上传并发布,仅代表该用户观点,本平台仅提供信息发布。