从零开始,编写简单的课程信息管理系统(使用jsp+servlet+javabean架构)

Posted L

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了从零开始,编写简单的课程信息管理系统(使用jsp+servlet+javabean架构)相关的知识,希望对你有一定的参考价值。

一、相关的软件下载和环境配置

1、下载并配置JDK。

2、下载eclipse。

3、下载并配置apache-tomcat(服务器)。

4、下载mysql(数据库)。

5、下载Navicat for MySQL(数据库可视化工具),方便对数据库的操作。

6、下载jdbc用来实现eclipse中的项目与数据库实现连接。

---以上可在网上查询教程

二、实现简单的课程信息管理系统

1、

打开eclipse,点击File—》New—》other—》Dynamic Web Project

(若你的eclipse中找不到或者没有Dynamic Web Project,可上网搜素解决办法)

点击后会出现如下窗口

需要填写Project name,可随意填写(最好是英文的),其他不需填写,填写完毕之后点击Finish

2、

项目建立完之后,eclipse左侧的Project Explorer会出现你建立的项目,如下图

3、

在我的电脑中,打开你下载的jdbc(也就是mysql-connector-java-8.0.13)所在的文件夹,如下图

将mysql-connector-java-8.0.13文件复制

粘贴在eclipse中,你所建立的项目下的 WebContent/WEB-INF/lib 文件夹下,如下图

然后,在你刚刚粘贴的文件上右击,Build Path—》Add to Build Path,如下图

 这样就完成了jdbc的导入

4、

在 WebContent 文件夹下,新建如下图中的JSP文件,Login.jsp和signinerror.jsp是用来登陆的,这里不必建立。

4(1)head.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">

.headdiv{
    background-color:#3F51B5;
    width:100%; 
    height:130px;
}

.headdiv P{
    font-family:YouYuan;
    font-size:20px;
    color:#E8EAF6;
    position:relative;
    left:20px;
    top:45px;
}

</style>
</head>
<body>

<div class="headdiv">
    <p>ec-web课程信息综合管理平台</p>
</div>

</body>
</html>

4(2)left.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">

.leftMenu{
    background-color:#7986CB;
    width:250px; 
    height:600px;
    position:relative;
    top:0px;
}

.menuParent{
    background-color:#BBDEFB;
}



</style>
</head>
<body>

<div class="leftMenu">
    <div class="menu">
    
    
        <div class="menuParent">
            <div class="ListTitlePanel">
                <div class="ListTitle">
                    <strong>课程信息管理</strong>                    
                    <div class="leftbgbt"></div>
                </div>
            </div>
            
            <div class="menuList">
                <div><a target="mainAction" href="USEJSP/add.jsp">课程信息录入</a></div>
                <div><a target="mainAction" href="USEJSP/update.jsp">课程信息修改</a></div>
                <div><a target="mainAction" href="USEJSP/delete.jsp">删除课程信息</a></div>
                <div><a target="mainAction" href="USEJSP/search.jsp">查询课程信息</a></div>                
            </div>
        </div>
        
        
    </div>
</div>

<script type="text/javascript">



</script>

</body>
</html>

4(3)index.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
这是小主页
</body>
</html>

4(4)main.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>课程信息管理系统</title>

<style type="text/css">

.headframe{
    width:100%;
    height:130px;
    border:0;
}

.leftframe{
    float:left;
    width:250px;
    height:600px;
    border:0;    
}

.mainframe{
    float:right;
    width:1200px;
    height:600px;
    border:0;
}

</style>

</head>


<iframe src="head.jsp" class="headframe" scrolling="no"></iframe>
<iframe src="left.jsp" class="leftframe" scrolling="no"></iframe>
<iframe src="index.jsp" name="mainAction" class="mainframe"></iframe>


</html>

5、

在WebContent文件夹下建立名为USEJSP的文件夹,在USEJSP文件夹下,建立如下图的JSP文件

5(1)add.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>

<style type="text/css">

.butn{
    display:inline-block;
    padding: 8px 35px;
    background-color:#32CD32;
     color:white;
     border:none;
     text-align:center;
    text-decoration:none;
    border-radius:5px;    
    position:absolute;
     left:40px;
     top:95px;
}

</style>

</head>
<body>

<div class="container">
    <section>
        <form action="${pageContext.request.contextPath}/AddServlet/AddCurrServlet?method=add" method="post" onsubmit="return check()">
        <!---${pageContext.request.contextPath}的目的是找到主工程的名字,/Servlet/Userservlet就是web.xml下面配置的路径,也就是servlet的路径--->
            <span class="cname">课程名称</span>
            <input type="text" name="cname" class="icname" placeholder="  class-name" id="icname">
            <br/>
            
            <span class="teacher">任课教师</span>
            <input type="text" name="teacher" class="iteacher" placeholder="  teacher" id="iteacher">
            <br/>
            
            <span class="place">上课地点</span>
            <input type="text" name="place" class="iplace" placeholder="  place" id="iplace">
            <br/>
            
            <input type="submit" value="保&nbsp;存" class="butn">
            <br/>
        </form>
    </section>
</div>

<script type="text/javascript">
    function check() {
        
        var cname = document.getElementById("icname");
        var teacher = document.getElementById("iteacher");
        var place = document.getElementById("iplace");
        
        var placestr = place.value.substring(0,2);
        
        
        //非空
        if(cname.value == \'\') {
            alert(\'课程名称为空\');
            cname.focus();
            return false;
        }
        if(teacher.value == \'\') {
            alert(\'教师为空\');
            teacher.focus();
            return false;
        }
        if(place.value == \'\') {
            alert(\'上课地点为空\');
            place.focus();
            return false;
        }
        
        //教师
        if(teacher.value != \'王建民\' && teacher.value != \'王辉\' && teacher.value != \'刘丹\' && teacher.value != \'刘立嘉\' && teacher.value != \'杨子光\'){
            alert(\'教师名称错误\');
            return false;
        }
        
        //教室
        if(!/^基教/.test(placestr) && !/^一教/.test(placestr) && !/^二教/.test(placestr) && !/以上是关于从零开始,编写简单的课程信息管理系统(使用jsp+servlet+javabean架构)的主要内容,如果未能解决你的问题,请参考以下文章

从零开始的Java开发1-3-3 综合案例:学生信息管理

求用C语言编写一个简单的学生信息管理程序和课程设计报告

精通Access数据库从零基础学习系列第1部特惠秒杀活动即将开始

使用MongoDB和JSP实现一个简单的购物车系统

基于JavaWeb学生成绩信息管理系统(附源码资料)-毕业设计

从零开始——电子商务平台02