从零开始,编写简单的课程信息管理系统(使用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="保 存" 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架构)的主要内容,如果未能解决你的问题,请参考以下文章 精通Access数据库从零基础学习系列第1部特惠秒杀活动即将开始