摘 要
21世纪的今天，随着社会的不断发展与进步，人们对于信息科学化的认识，已由低层次向高层次发展，由原来的感性认识向理性认识提高，管理工作的重要性已逐渐被人们所认识，科学化的管理，使信息存储达到准确、快速、完善，并能提高工作管理效率，促进其发展。
论文主要是对机房预约系统进行了介绍，包括研究的现状，还有涉及的开发背景，然后还对系统的设计目标进行了论述，还有系统的需求，以及整个的设计方案，对系统的设计以及实现，也都论述的比较细致，最后对机房预约系统进行了一些具体测试。
本文以JSP为开发技术，实现了一个机房预约系统。机房预约系统的主要使用者分为管理员；个人中心、学生管理、教师管理、机房号管理、机房信息管理、申请预约管理、取消预约管理、留言板管理、论坛管理、系统管理，学生；个人中心、机房信息管理、申请预约管理、取消预约管理、留言板管理，教师；个人中心、机房号管理、机房信息管理、申请预约管理、取消预约管理、留言板管理，前台首页；首页、机房信息、论坛信息、留言反馈、我的、跳转到后台等功能。通过这些功能模块的设计，基本上实现了整个机房预约系统的过程。
具体在系统设计上，采用了B/S的结构，同时，也使用JSP技术在动态页面上进行了设计，后台上采用Mysql数据库，是一个非常优秀的机房预约系统。
关键词 ：机房预约系统；JSP技术；Mysql数据库；B/S结构
Abstract
Today in the 21st century, with the continuous development and progress of society, people's understanding of information scientization has been developed from low level to high level, from original perceptual knowledge to rational understanding. The importance of management has been gradually recognized by people. Scientific management can make information storage accurate, rapid and perfect, and improve the efficiency of work management and promote it development.
This paper mainly introduces the reservation system of the computer room, including the current situation of the research, and the background of the development. Then it also discusses the design objectives of the system, the requirements of the system, and the whole design scheme. The design and implementation of the system are also discussed in detail. Finally, some specific tests are carried out on the reservation system of the computer room.
This paper takes JSP as the development technology, and realizes a reservation system of computer room. The main users of the reservation system in the computer room are divided into administrators; personal center, student management, teacher management, machine room number management, computer room information management, application appointment management, cancellation appointment management, message board management, forum management, system management, students; personal center, machine room information management, application appointment management, cancel appointment management, message board management, teacher; personal Functions of center, machine room number management, computer room information management, application appointment management, cancel appointment management, message board management, front page, home page, machine room information, forum information, message feedback, my, jump to the background and other functions. Through the design of these function modules, the whole process of the reservation system of the computer room is basically realized.
In the system design, b/s structure is adopted, and JSP technology is used to design on dynamic pages. MySQL database is used in the background. It is a very excellent reservation system of computer room.
Keywords: Reservation System of computer room; JSP technology; MySQL database; b/s structure
目 录
1 概述 1
1.1课题背景及意义 1
1.2 国内外研究现状 1
1.3 本课题主要工作 2
2 系统开发环境 3
2.1 java简介 3
2.2 Mysql数据库 3
2.3 B/S结构 4
2.4 JSP技术介绍 4
3 系统分析 5
3.1 可行性分析 5
3.1.1 技术可行性 5
3.1.2操作可行性 5
3.1.3 经济可行性 5
3.1.4 法律可行性 6
3.2系统流程分析 6
3.2.1系统开发流程 6
3.2.2 用户登录流程 7
3.2.3 系统操作流程 7
3.2.4 添加信息流程 8
3.2.5 修改信息流程 9
3.2.6 删除信息流程 9
3.3系统用例分析 10
3.3.1管理员用例图 10
3.3.2学生用例图 10
4 系统设计 11
4.1 系统概述 11
4.2 系统结构设计 12
4.3数据库设计 13
4.3.1 数据库设计原则 13
4.3.2 数据库实体 13
4.3.3 数据库表设计 14
5统详细设计 17
5.1前台首页功能模块 17
5.2管理员功能模块 18
5.3教师功能模块 21
5.4学生功能模块 21
6系统测试 23
6.1系统测试的意义 23
6.2 测试方法 24
6.3测试分析 24
结 论 26
致 谢 27
参考文献 28
cpp
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ page isELIgnored="true" %>
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0' />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>首页</title>
<link rel="stylesheet" href="../../layui/css/layui.css">
<link type="text/css" rel="stylesheet" href="../../xznstatic/css/style.css" />
<script type="text/javascript" src="../../xznstatic/js/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="../../xznstatic/js/banner.js"></script>
<script type="text/javascript" src="../../xznstatic/js/my.js"></script>
</head>
<body>
<div id="app">
<div class="layui-carousel" id="swiper">
<div carousel-item id="swiper-item">
<div v-for="(item,index) in swiperList" v-bind:key="index">
<img class="swiper-item" :src="item.img" width="100%" height="400px">
</div>
</div>
</div>
<div class="part2" style="margin-top: 50px;">
<div class="part2_1">
<div class="tit">
<b>机房信息展示</b>
<span>DATA SHOW</span>
</div>
<div class="more">
<a href="#" @click="jump('../jifangxinxi/list.jsp')">MORE>></a>
</div>
</div>
<div class="part2_2">
<div class="caseBox" v-for="(item,index) in jifangxinxiList" v-bind:key="index">
<div class="caseBox_1">
<div class="caseImg" style="background-size: cover;background-repeat: no-repeat;background-position: center;"><img :src="item.tupian?item.tupian.split(',')[0]:''" width="390" height="320" /></div>
<div class="hoverbg" style="display: none;">
<a :href="'../jifangxinxi/detail.jsp?id='+item.id">查看详情</a>
</div>
</div>
</div>
</div>
</div>
<div class="clear"></div>
<div class="footer" style="background-color: #000000;margin-top: 50px;">
<div class="foot_bottom" v-text="projectName"></div>
</div>
</div>
<script src="../../layui/layui.js"></script>
<script src="../../js/vue.js"></script>
<script src="../../js/config.js"></script>
<script src="../../modules/config.js"></script>
<script src="../../js/utils.js"></script>
<script>
var vue = new Vue({
el: '#app',
data: {
projectName: projectName,
swiperList: [{
img: '../../img/banner.jpg'
}],
jifangxinxiList: [],
newsList: []
},
filters: {
newsDesc: function(val) {
if (val) {
val = val.replace(/<[^<>]+>/g, '').replace(/undefined/g, '');
if (val.length > 60) {
val = val.substring(0, 60);
}
return val;
}
return '';
}
},
methods: {
jump(url) {
jump(url)
}
}
});
layui.use(['layer', 'form', 'element', 'carousel', 'http', 'jquery'], function() {
var layer = layui.layer;
var element = layui.element;
var form = layui.form;
var carousel = layui.carousel;
var http = layui.http;
var jquery = layui.jquery;
http.request('config/list', 'get', {
page: 1,
limit: 5
}, function(res) {
if (res.data.list.length > 0) {
var swiperItemHtml = '';
for (let item of res.data.list) {
if (item.name.indexOf('picture') >= 0 && item.value && item.value != "" && item.value != null) {
swiperItemHtml +=
'<div>' +
'<img class="swiper-item" src="' + item.value + '" width="100%" height="400px">' +
'</div>';
}
}
jquery('#swiper-item').html(swiperItemHtml);
// 轮播图
carousel.render({
elem: '#swiper',
width: '100%',
height: '400px',
arrow: 'always',
anim: 'fade',
interval: 1800,
indicator: 'inside'
});
}
});
http.request(`jifangxinxi/list`, 'get', {
page: 1,
limit: 6
}, function(res) {
vue.jifangxinxiList = res.data.list;
});
});
</script>
</body>
</html>
