Java 小项目

在这里插入图片描述

<!DOCTYPE html>
<html>
<head>
    <style type="text/css">
        #center {
            height: 300px;
            width: 300px;
            margin: 0px auto;
            border: 1px solid springgreen;
            margin-top: 60px;
        }

        #username,
        #userpwd {
            position: relative;
            /*相对定位 top顶端*/
            left: 60px;
            margin-top: 30px;
        }

        #userpwd {
            position: relative;
            /*相对定位 top顶端*/
            left: 60px;
            margin-top: 20px;
        }

        h2 {
            position: relative;
            /*相对定位 top顶端*/
            left: 50px;
        }

        #p1 {
            position: relative;
            top: 10px;
            left: 60px;
        }

        #p2 {
            position: relative;
            top: 10px;
            left: 130px;
            /*text-decoration:none;去掉下滑线的*/
        }

        #p4 {
            position: relative;
            top: 40px;
            left: 50px;
            background-color: greenyellow;
            border: 1px;
            width: 60%;
            height: 30px;
            /*text-decoration:none;去掉下滑线的*/
        }

        #p3 {
            position: relative;
            top: 6px;
            left: 65px;
            background-color: greenyellow;
            border: none;
            /*text-decoration:none;去掉下滑线的*/
        }
        
    </style>
</head>

<body>
    <div id="center">
        <!--外边框-->
        <div>
            <h2>欢迎使用白茶系统</h2>
            <form name="form1" method="post" action="login.jsp">
            <input type="text" name="name" id="username"placeholder="请输入手机号"><br>
            <input type="password" name="pwd" id="userpwd"placeholder="请输入密码"><br>
            <a href="wu3.html" id="p1">注册</a>
            <a href="wu2.html" id="p2">忘记密码</a>
            <div id="p4">  
              <input type="submit" id="p3" value="登录">
            </div>
       </form>
        </div>
        <div>
        </div>
        <div>
        </div>
    </div>
</body>
</html>

==================***jsp页面***========================
```jsp
<%@page import="QQ.Service.UserSevive"%>
<%@page import="QQ.Service.Usersaveimpl"%>
<%@page import="QQ.entry.User"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<% 
request.setCharacterEncoding("utf8");
String inpone = request.getParameter("name");
String pwd = request.getParameter("pwd");
User user = new User(inpone,pwd);
UserSevive userSevive = new Usersaveimpl();
userSevive.save(user);
%>
</body>
</html>
============密码重置=============== 
<!doctype html>
<html>
    <head>
    <style type="text/css">
         h2 {
            position: relative;
            /*相对定位 top顶端*/
            left: 90px;
        }
         #center1 {
            height: 300px;
            width: 300px;
            margin: 0px auto;
            border: 1px solid springgreen;
            margin-top: 60px;
        }
        #username{
            position: relative;
            left: 60px;
            margin-top: 5px;
        }
        #userpwd1{
            position: relative;
            left: 60px;
            margin-top: 15px;
        }
        #userpwd2{
            position: relative;
            left: 60px;
            margin-top: 15px;
        }
        #userpwd{
            position: relative;
            left: 60px;
            margin-top: 15px;
        }
        #p3 {
            position: relative;
            top: 3px;
           left: 65px;
          /*text-decoration:none;去掉下滑线的*/
             }
             #p4 {
            position: relative;
            top: 20px;
            left: 50px;
            background-color: greenyellow;
            border: 1px;
            width: 60%;
            height: 30px;
            /*text-decoration:none;去掉下滑线的*/
        }
        #p31 {
            position: relative;
            top: 3px;
           left: 65px;
          /*text-decoration:none;去掉下滑线的*/
             }
             #p41 {
            position: relative;
            top: 30px;
            left: 50px;
            background-color: greenyellow;
            border: 1px;
            width: 60%;
            height: 30px;
            /*text-decoration:none;去掉下滑线的*/
        }
    </style>
    </head>
    <body>
        <div id="center1">
            <div>
                <h2>密码重置</h2>
                <input type="text" name="name" id="username"placeholder="手机号"><br>
                <input type="password" name="pwd1" id="userpwd1"placeholder="密码"><br>
                <input type="password" name="pwd2" id="userpwd2"placeholder="确认密码"><br>
                <input type="text" name="pwd" id="userpwd"placeholder="短信验证码"><br>
                <div id="p4">
                    <a href="wu4.HTML" id="p3">提交</a>
                </div>
                <div id="p41">
                    <a href="wu1.html" id="p31">返回</a>
                   </div>
            </div>
        </div>
    </body>
</html>
==========***用户注册页面***=================
<!doctype html>
<html>
    <head>
    <style type="text/css">
         h2 {
            position: relative;
            /*相对定位 top顶端*/
            left: 90px;
        }
         #center1 {
            height: 300px;
            width: 300px;
            margin: 0px auto;
            border: 1px solid springgreen;
            margin-top: 60px;
        }
        #username{
            position: relative;
            left: 60px;
            margin-top: 5px;
        }
        #userpwd1{
            position: relative;
            left: 60px;
            margin-top: 15px;
        }
        #userpwd2{
            position: relative;
            left: 60px;
            margin-top: 15px;
        }
        #userpwd{
            position: relative;
            left: 60px;
            margin-top: 15px;
        }
        #p3 {
            position: relative;
            top: 3px;
           left: 65px;
          /*text-decoration:none;去掉下滑线的*/
             }
             #p31 {
            position: relative;
            top: 3px;
           left: 65px;
          /*text-decoration:none;去掉下滑线的*/
             }
             #p4 {
            position: relative;
            top: 40px;
            left: 50px;
            background-color: greenyellow;
            border: 1px;
            width: 60%;
            height: 30px;
            /*text-decoration:none;去掉下滑线的*/
        }
        #p41 {
            position: relative;
            top: 50px;
            left: 50px;
            background-color: greenyellow;
            border: 1px;
            width: 60%;
            height: 30px;
            /*text-decoration:none;去掉下滑线的*/
        }
    </style>
    </head>
    <body>
        <div id="center1">
            <div>
                <h2>用户注册</h2>
                <input type="text" name="name" id="username"placeholder="手机号"><br>
                <input type="password" name="pwd1" id="userpwd1"placeholder="密码"><br>
                <input type="password" name="pwd2" id="userpwd2"placeholder="确认密码"><br>
                <div id="p4">
                <a href="" id="p3">提交</a>
               </div>
               <div id="p41">
                <a href="wu1.html" id="p31">返回</a>
               </div>
            </div>
        </div>
    </body>
</html>
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值