软件工程网站制作作业

【桂林理工大学JavaWeb杯】

“桂林理工大学”页面,简要介绍了桂林理工大学的创始地点、创始日期、获得称号等。
在这里插入图片描述
在这里插入图片描述

//home.jsp
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@page import="java.text.SimpleDateFormat"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">    
    <title>桂林理工大学JavaWeb杯</title>
    <style type="text/css">
    body{
    background:#999;
    text-align:center;
    color:#333;
    font-family:arial,verdana,sans-serif;
    }
    #header{
    width:100%;
    margin-right:quto;
    margin-left:auto;
    padding:0px;
    background:#EEE;
    height:150px;
    text-align:center;
    }
    #contain{
    margin-right:auto;
    margin-left:auto;
    width:100%;
    }
    #mainbg{
    width:100%;
    padding:0px;
    background:#F0F0F0;
    float:left;
    }
    #right{
    float:right;
    margin:0px 0px 0px 0px;
    padding:0px;
    width:85%;
    background:#F0F0F0;
    text-align:left;
    height:650px;
    }
    #left{
    float:left;
    margin:0px 0px 0px 0px;
    padding:0px;
    background:#000066;
    width:15%;
    text-align:left;
    height:650px;
    }
    #footer{
    clear:both;
    width:100%;
    margin-right:auto;
    margin-left:auto;
    padding:0px;
    background:#000066;
    height:80px;
    color:#FFFFFF;
    }
    .text{
    margin:0px;
    padding:20px;
    }
    #navigator li{
    float:left;
    }
    #navigator li a{
    color:#000000;
    text-decoration:none;
    padding-top:20%;
    display:block;
    width:185px;
    height:200px;
    text-align:center;
    background-color:#000066;
    margin-left:0;
    font-size:25;
    color:#FFFFFF;
    
    }
    #navigator li a:hover{
    background-color:#F0F0F0;
    color:#000066;
    }
    </style>  
  </head>
  <body>
    <div id="header">
    <img src ="image/header.jpg" />
</div>

    <div id="right">
    <div class="text">
    <img src ="image/glut.png" />
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <img style="border:5 solid #000066" src ="image/glut.jpg" />
    <p>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;桂林理工大学(Guilin university of technology),
    简称“桂工”,坐落于世界著名的风景游览城市和历史文化名城——桂林市
    中国高校行星科学联盟、“中西部高校基础能力建设工程”重点建设高校、
    入选教育部卓越工程师教育培养计划、国家建设高水平大学公派研究生项目、
    “百校工程”、国家大学生文化素质教育基地、国家级新工科研究与实践项目;
    广西一流学科建设高校、国家级特色专业、全国深化创新创业教育改革示范高校、
    具有“推荐免试研究生”资格、国家“863计划”、“973计划”承担高校之一,是一所以工学为主,
    工、理、管、文、经、法、艺7大学科门类的多科性研究型大学。
    <br>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;学校最早可追溯至1935年广西省立特种师资训练所。主源于创建于1956
    年原国家重工业部在广西组建的桂林地质学校,
    是原国家重工业部、冶金工业部直属高校,学校先后隶属于重工业部、冶金工业部、冶金部、有色金属工业总公司,1998年7月改制为中央与地方共建、
    以广西壮族自治区管理为主的高校。1978年更名为桂林冶金地质学院,1993年更名为桂林工学院,2009年更名为桂林理工大学。
    <br>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;截至2019年7月,学校有桂林屏风、桂林雁山、南宁安吉、南宁空港四个校区,校园总面积
    4340余亩,有二级教学单位19个,本科专业77个、高职高专专业50个,
有3个博士后科研流动站、3个一级学科博士学位授权点、21个一级学科硕士学位授权点、9个专业学位类别(其中工程硕士类别有11个专业领域),有各类全日制在校
生34000余人。
    </p>
    </div>
    </div>
    <div id="left">
    <div id="navigator">
    <ul id="navigator">
    <li><a href="home.jsp">
    <img src ="image/flower.png" />
    <br>
    桂林理工大学</a></li>
    <li><a href="javaweb.jsp">
    <img src ="image/flower.png" />
    <br>
    JavaWeb杯
    </a></li>
    <li><a href="signup.jsp">
    <img src ="image/flower.png" />
    <br>
    报名</a></li>
    </ul>
    </div>
    </div>
    <div id="footer">
      <%
		Date d = new Date();
		SimpleDateFormat df = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");
		String now = df.format(d);
	%>
    <p align=center>--&nbsp;xxxxxx&nbsp;--&nbsp;xxxx&nbsp;--&nbsp;xxxxxxx&nbsp;--
    <br>
    现在是<%=now %>,一寸光阴一寸金!
    </P>
     <img src ="image/smlie.png" />
    </div>
  </body>
</html>

“JavaWeb杯”页面,简要介绍了JavaWeb杯。
在这里插入图片描述

//javaweb.jsp
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@page import="java.text.SimpleDateFormat"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">    
    <title>桂林理工大学JavaWeb杯</title>
    <style type="text/css">
    body{
    background:#999;
    text-align:center;
    color:#333;
    font-family:arial,verdana,sans-serif;
    }
    #header{
    width:100%;
    margin-right:quto;
    margin-left:auto;
    padding:0px;
    background:#EEE;
    height:150px;
    text-align:center;
    }
    #contain{
    margin-right:auto;
    margin-left:auto;
    width:100%;
    }
    #mainbg{
    width:100%;
    padding:0px;
    background:#F0F0F0;
    float:left;
    }
    #right{
    float:right;
    margin:0px 0px 0px 0px;
    padding:0px;
    width:85%;
    background:#F0F0F0;
    text-align:left;
    height:650px
    }
    #left{
    float:left;
    margin:0px 0px 0px 0px;
    padding:0px;
    background:#000066;
    width:15%;
    text-align:left;
    height:650px
    }
    #footer{
    clear:both;
    width:100%;
    margin-right:auto;
    margin-left:auto;
    padding:0px;
    background:#000066;
    height:80px;
    color:#FFFFFF;
    }
    .text{
    margin:0px;
    padding:20px;
    }
    #navigator li{
    float:left;
    }
    #navigator li a{
    color:#000000;
    text-decoration:none;
    padding-top:20%;
    display:block;
    width:185px;
    height:200px;
    text-align:center;
    background-color:#000066;
    margin-left:0;
    font-size:25;
    color:#FFFFFF;
    
    }
    #navigator li a:hover{
    background-color:#F0F0F0;
    color:#000066;
    }
    </style>  
  </head>
  <body>
    <div id="header">
    <img src ="image/header.jpg" />
</div>
    <div id="right">
    <div class="text">
    <img src ="image/glut.png" />
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <img style="border:5 solid #000066" src ="image/glut.jpg" />
    <p>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Java Web,是用Java技术来解决相关web互联网领域的技术栈。web包括:web服务端和web客户端两部分。Java在客户端的应用有
    Java Applet,不过使用得很少,Java在服务器端的应用非常的丰富,比如Servlet,JSP、第三方框架等等。Java技术对Web领域的发展注入了强大的动力。
    <br>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Internet上供外界访问的Web资源分为:静态web资源(如html 页面):指web页面中供人们浏览的数据始终是不变。动态web资源:
    指web页面中供人们浏览的数据是由程序产生的,不同时间点访问web页面看到的内容各不相同。静态web资源开发技术:HTML、CSS。动态web资源开发技术:JavaScript、
    JSP/Servlet、ASP、PHP等。在Java中,动态web资源开发技术统称为Java Web。
    <br>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;桂林理工大学为提高信息科学与工程学院学生对java web的兴趣,特于今年10月份开启桂工javaweb杯的报名,报名截止日期为
    2020年12月10日,参赛形式为个人,每位报名的学生都必须来自信息科学与工程学院,报名以后,学校负责相关事务的团队,会根据报名学生填写的邮箱来发放比赛题目,
    比赛截止日期一直到2021年3月1日为止。
    <br>严禁作弊!欢迎广大学生
    踊跃参加!
    </p>
    </div>
    </div>
    <div id="left">
    <div id="navigator">
    <ul id="navigator">
    <li><a href="home.jsp">
    <img src ="image/flower.png" />
    <br>
    桂林理工大学</a></li>
    <li><a href="javaweb.jsp">
    <img src ="image/flower.png" />
    <br>
    JavaWeb杯
    </a></li>
    <li><a href="signup.jsp">
    <img src ="image/flower.png" />
    <br>
    报名</hn></a></li>
    </ul>
    </div>
    </div>
    <div id="footer">
      <%
		Date d = new Date();
		SimpleDateFormat df = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");
		String now = df.format(d);
	%>
    <p align=center>--&nbsp;xxxxxx&nbsp;--&nbsp;xxxxxx&nbsp;--&nbsp;xxxxxx&nbsp;--
    <br>
    现在是<%=now %>,一寸光阴一寸金!
    </P>
     <img src ="image/smlie.png" />
    </div>
  </body>
</html>

“报名”页面,提供了报名JavaWeb杯的渠道。
在这里插入图片描述

//signup.jsp
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ page import="java.text.SimpleDateFormat"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">    
    <title>桂林理工大学JavaWeb杯</title>
    <style type="text/css">
    body{
    background:#999;
    text-align:center;
    color:#333;
    font-family:arial,verdana,sans-serif;
    }
    #header{
    width:100%;
    margin-right:quto;
    margin-left:auto;
    padding:0px;
    background:#EEE;
    height:150px;
    text-align:center;
    }
    #contain{
    margin-right:auto;
    margin-left:auto;
    width:100%;
    }
    #mainbg{
    width:100%;
    padding:0px;
    background:#F0F0F0;
    float:left;
    }
    #right{
    float:right;
    margin:0px 0px 0px 0px;
    padding:0px;
    width:85%;
    background:#F0F0F0;
    text-align:left;
    height:650px
    }
    #left{
    float:left;
    margin:0px 0px 0px 0px;
    padding:0px;
    background:#000066;
    width:15%;
    text-align:left;
    height:650px
    }
    #footer{
    clear:both;
    width:100%;
    margin-right:auto;
    margin-left:auto;
    padding:0px;
    background:#000066;
    height:80px;
    color:#FFFFFF;
    }
    .text{
    margin:0px;
    padding:20px;
    }
    #navigator li{
    float:left;
    }
    #navigator li a{
    color:#000000;
    text-decoration:none;
    padding-top:20%;
    display:block;
    width:185px;
    height:200px;
    text-align:center;
    background-color:#000066;
    margin-left:0;
    font-size:25;
    color:#FFFFFF;
    
    }
    #navigator li a:hover{
    background-color:#F0F0F0;
    color:#000066;
    }
    </style>  
  </head>
  <body>
    <div id="header">
    <img src ="image/header.jpg" />
</div>
    <div id="right">
    <div class="text">
    <img src ="image/glut.png" />
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <img style="border:5 solid #000066" src ="image/glut.jpg" />
    <form action="JDBC.jsp" enctype="multipart/form-data">
    姓名:<input type="text" value="" name="name"/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    密码:<input type="password" value="" name="spwd"/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    学号:<input type="text" value="" name="id"/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    班级:<input type="text" value="" name="sclass"/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
   <br><br>
  手机:<input type="text" value="" name="tele"/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
  邮箱:<input type="text" value="" name="email"/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;  
    <br><br>
    <input type="submit" value="提交"/>&nbsp;&nbsp;&nbsp;&nbsp;
    <input type="reset" value="重置"/>
    </form>
    </div>
    </div>
    <div id="left">
    <div id="navigator">
    <ul id="navigator">
    <li><a href="home.jsp">
    <img src ="image/flower.png" />
    <br>
    桂林理工大学</a></li>
    <li><a href="javaweb.jsp">
    <img src ="image/flower.png" />
    <br>
    JavaWeb杯
    </a></li>
    <li><a href="signup.jsp">
    <img src ="image/flower.png" />
    <br>
    报名</a></li>
    </ul>
    </div>
    </div>
    <div id="footer">
      <%
		Date d = new Date();
		SimpleDateFormat df = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");
		String now = df.format(d);
	%>
    <p align=center>--&nbsp;xxxxxx&nbsp;--&nbsp;xxxxxx&nbsp;--&nbsp;xxxxxx&nbsp;--
    <br>
    现在是<%=now %>,一寸光阴一寸金!
    </P>
     <img src ="image/smlie.png" />
    </div>
  </body>
</html>

“JDBC”页面,为数据库连接页面,用户报名后的信息将存入相应数据库中,并显示用户报名时填入的信息。
在这里插入图片描述

//JDBC.jsp
<%@ page language="java" import="java.sql.*,java.util.*" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ page import="com.mysql.jdbc.Driver"%>
<%@ page import="java.sql.*"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>接收页面</title>
    </head>
    <body>
        <%
        //try{
            //连接数据库
            String driverName="com.mysql.jdbc.Driver";
            String dbURL="jdbc:mysql://localhost:3306/javaweb?useUnicode=true&characterEncoding=utf-8&useSSL=false";
            String userName="root";
            String pwd="123456";
          
    request.setCharacterEncoding("utf-8");
    String name = request.getParameter("name");
    String id = request.getParameter("id");
    String sclass = request.getParameter("sclass");
    String spwd = request.getParameter("spwd");
    String email = request.getParameter("email");
    String tele = request.getParameter("tele");
    Connection conn; 
    Statement st;
       Class.forName(driverName);
     conn=DriverManager.getConnection(dbURL, userName, pwd);
      st = (Statement) conn.createStatement();    // 创建用于执行静态sql语句的Statement对象       
    String sql = "insert into javaweb(name,id,sclass,spwd,email,tele) values('"+name+"','"+id+"','"+sclass+"','"+spwd+"','"+email+"','"+tele+"')"; 
    
   // PreparedStatement ps = conn.prepareStatement(sql); 
    //ps.setString(1,name);
   // ps.setString(2,id); 
    //ps.setString(3,sclass); 
    //ps.setString(4,spwd);  
    //ps.setString(5,tele);  
    try{
    int flag = st.executeUpdate(sql);}
    catch (Exception e){
      out.println("An exception occurred: " + e.getMessage());
      }
      out.println("姓名:"+ request.getParameter("name"));
      out.println("\n");
      out.println("学号:"+ request.getParameter("id"));
      out.println("\n");
      out.println("班级:"+ request.getParameter("sclass"));
      out.println("\n");
      out.println("密码:"+ request.getParameter("spwd"));
      out.println("\n");
      out.println("邮箱:"+ request.getParameter("email"));
      out.println("\n");
      out.println("手机:"+ request.getParameter("tele"));
      out.println("\n");
    // }
   //catch (Exception e){
      //out.println("An exception occurred: " + e.getMessage());

   //}
    //conn.close();    
    %>  
    </body>
</html>

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值