1、编写一个学生信息注册页面,并把学生信息写入数据库名称为stuinfo的数据库中
2、编写一个学生登录页面(从stuinfo数据库中读取学生信息)
3、编写学生管理页面,实现学生信息的增删改查等操作
一、登录界面,账户密码正确则进入界面
login.jsp(登录界面)
<head>
<title>Title</title>
<link rel="stylesheet" href="css/bootstrap.css">
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.bundle.js"></script>
<script src="js/bootstrap.js"></script>
<style>
.container{
width:20%;
height: 20%;
margin-top: 10%;
}
</style>
</head>
<body>
<div class="container">
<div class="row clearfix">
<div class="col-md-12 column">
<form role="form" method="post" action="index.jsp">
<div class="form-group">
<label for="exampleInputEmail1">账户名</label><input class="form-control" name="username" id="exampleInputEmail1" type="text" />
</div>
<div class="form-group">
<label for="exampleInputPassword1">密码</label><input class="form-control" name="password" id="exampleInputPassword1" type="password" />
</div>
<div class="checkbox">
<label><input type="checkbox" />Check me out</label>
</div> <button class="btn btn-default" type="submit">提交</button>
</form>
</div>
</div>
</div>
</body>
将数据提交后,跳转到index.jsp中
<form method="post" action="register.jsp">
用户名:<input type="text" name="username"><br>
密码:<input type="text" name="password"><br>
性别:<input type="text" name="gender"><br>
年龄:<input type="text" name="age"><br>
<button type="submit">注册</button>
</form>
显示用户信息。并且可以增删改查
home.jsp
<%@ page import="java.sql.*" %><%--
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>Title</title>
<link rel="stylesheet" href="css/bootstrap.css">
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.bundle.js"></script>
<script src="js/bootstrap.js">