要求：

链接：https://pan.baidu.com/s/15NdAt-aiv-X9sRbMSfXYXQ 
提取码：7agw

web模板：

链接：https://pan.baidu.com/s/1Af33mSflqFHj-1gj4sOOpw 
提取码：wpye

对于这个web模板的修改是以测试的形式进行的，以前只是从零开始写一些简单的网页，没有接触过在模板的基础上修改网页，刚刚看到要求时，不知道从哪下手。

测试过后，感觉先了解模板的基本架构很重要，然后再按照要求去修改。我没有完成全部要求，只实现了一些，在编码的过程中遇到了许多问题，有的还待解决，以

后会进一步学习并解决问题。

模板的登录界面

登录的servlrt路径在login.html中已给出，下图

登录用的servlet

package com.Servlet;

import java.io.IOException;

import java.sql.Connection;

import java.sql.ResultSet;

import java.sql.Statement;

import javax.servlet.ServletException;

import javax.servlet.http.HttpServlet;

import javax.servlet.http.HttpServletRequest;

import javax.servlet.http.HttpServletResponse;

import com.DBUtil.DBUtil;

public class LoginServlet  extends HttpServlet{

    private static final long serialVersionUID = 1L;

    //当从jsp跳转到servlet类时，首先执行service函数（这是定理）

    protected void doGet(HttpServletRequest req,HttpServletResponse resp)throws ServletException,IOException {

        req.setCharacterEncoding("UTF-8");//设置字符集，避免乱码

        String username = req.getParameter("user");//获取jsp界面的username1和password1的值

        String password = req.getParameter("pwd");

        Connection conn = DBUtil.getConn();//这里就是从DBUtil类里面得到连接

        Statement state =null;

        ResultSet rs = null;

        int f=0;

        try

        {

            String sql = "select * from user";//SQL语句

            state = conn.createStatement();

            rs=state.executeQuery(sql);

            while(rs.next())

            {

                if(rs.getString("password").equals(password) && rs.getString("username").equals(username))

                {

                    f=1;

                }

            }

        }

        catch(Exception e)

        {

            e.printStackTrace();

        }

        finally

        {

            DBUtil.close(rs, state, conn);

        }

        if(f==1)

        {

            System.out.println("登录成功！");

            resp.sendRedirect(req.getContextPath()+"/main.html");

        }

        else

        {

            System.out.println("登录失败！");

            resp.sendRedirect(req.getContextPath()+"/login.html");

        }

    }

}

将该servlet的路径配置成上面所看到的路径

下面是xml文件

<?xml version="1.0" encoding="UTF-8"?>

<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://java.sun.com/xml/ns/javaee" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd" version="3.0">

  <display-name>WJDC_web</display-name>

  <welcome-file-list>

    <welcome-file>index.html</welcome-file>

    <welcome-file>index.htm</welcome-file>

    <welcome-file>index.jsp</welcome-file>

    <welcome-file>default.html</welcome-file>

    <welcome-file>default.htm</welcome-file>

    <welcome-file>default.jsp</welcome-file>

  </welcome-file-list>

  <servlet>

    <servlet-name>CreateUserServlet</servlet-name>

    <servlet-class>com.Servlet.CreateUserServlet</servlet-class>

  </servlet>

  <servlet-mapping>

    <servlet-name>CreateUserServlet</servlet-name>

    <url-pattern>/CreateUserServlet/CreateUserServlet</url-pattern>

  </servlet-mapping>

  <servlet>

    <servlet-name>LoginServlet</servlet-name>

    <servlet-class>com.Servlet.LoginServlet</servlet-class>

  </servlet>

  <servlet-mapping>

    <servlet-name>LoginServlet</servlet-name>

    <url-pattern>/dengluServlet</url-pattern>

  </servlet-mapping>

</web-app>

注册界面的jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"

    pageEncoding="UTF-8"%>

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<!DOCTYPE html>

<%@page import="com.Servlet.*"%>

<%@page import="com.Bean.*"%>

<%@page import="com.DBUtil.*"%>

<%@page import="com.Servlet.*"%>

<html>

<head>

<meta charset="UTF-8">

<title></title>

<style type="text/css">

</style>

</head>

<body>

<div class="colorcloth">

<div class="container">

    <section>

        <form action="${pageContext.request.contextPath}/CreateUserServlet/CreateUserServlet" method="post" onsubmit="return check()">

        <!---${pageContext.request.contextPath}的目的是找到主工程的名字，/Servlet/Userservlet就是web.xml下面配置的路径，也就是servlet的路径--->

            <span class="user">用户名</span>

            <input type="text" name="user" class="buser" id="iuser" placeholder="  Usename">

            <br/>

            <span class="password">密码</span>

            <input type="password" name="password" class="bpassword" id="ipassword" placeholder="  Password">

            <br/>

            <span class="again-password">确认密码</span>

            <input type="password" name="again-password" class="bagain-password" id="iagain-password" placeholder="  Password">

            <br/>

            <span class="phone">手机号码</span>

            <input type="text" name="phone" class="bphone" id="iphone" placeholder="  Phone">

            <br/>

            <span class="unit">所属单位</span>

            <input type="text" name="unit" class="bunit" id="iunit" placeholder="  Unit">

            <br/>

            <input type="submit" value="创建" class="butn">

        </form>

    </section>

    <c:if test="${param.createerrortemp.equals('1') }">

    <div class="createerror" id="icreateerror">

        <p>两次输入的密码不一致</p>

    </div>

    </c:if>

</div>

</div>

<script type="text/javascript">

function check() {

    var username = document.getElementById("iuser");

    var password = document.getElementById("ipassword");

    var againpassword = document.getElementById("iagain-password");

    var phone = document.getElementById("iphone");

    var unit = document.getElementById("iunit");

    var changdu = phone.value.length;

    //非空

    if(username.value == '') {

        alert('用户名为空');

        username.focus();

        return false;

    }

    if(password.value == '') {

        alert('密码为空');

        password.focus();

        return false;

    }

    if(againpassword.value == '') {

        alert('第二次输入密码为空');

        againpassword.focus();

        return false;

    }

    if(phone.value == '') {

        alert('电话号码为空');

        phone.focus();

        return false;

    }

    if(changdu != 11){

        alert('电话号码长度错误');

        phone.focus();

        return false;

    }

    if(unit.value == '') {

        alert('所属单位为空');

        unit.focus();

        return false;

    }

    if(password.value != againpassword.value) {

        alert('密码不一致');

        password.focus();

        return false;

    }

}

</script>

</body>

</html>

注册所用的servlet

package com.Servlet;

import java.io.IOException;

import javax.servlet.ServletException;

import javax.servlet.http.HttpServlet;

import javax.servlet.http.HttpServletRequest;

import javax.servlet.http.HttpServletResponse;

import com.Dao.*;

public class CreateUserServlet extends HttpServlet {

    private static final long serialVersionUID = 1L;

    //当从jsp跳转到servlet类时，首先执行service函数（这是定理）

    protected void service(HttpServletRequest req,HttpServletResponse resp)throws ServletException,IOException {

        req.setCharacterEncoding("UTF-8");//设置字符集，避免乱码

        String username = req.getParameter("user");

        String password = req.getParameter("password");

        String againpassword = req.getParameter("again-password");

        String phone = req.getParameter("phone");

        String unit = req.getParameter("unit");

        if(!(password.equals(againpassword))) {

            resp.sendRedirect(req.getContextPath()+"/register.jsp?createerrortemp=1");

        }

        else {

            Dao dao = new Dao();

            dao.createUser(username, password, phone, unit);

            resp.sendRedirect(req.getContextPath()+"/main.html");

        }

    }

}

Dao文件

package com.Dao;

import java.sql.Connection;

import java.sql.ResultSet;

import java.sql.SQLException;

import java.sql.Statement;

import java.text.SimpleDateFormat;

import java.util.ArrayList;

import java.util.Date;

import java.util.List;

import com.Bean.*;

import com.DBUtil.DBUtil;

public class Dao {

    //创建账户

    public int createUser(String usernamee, String passwordd, String phonee, String unitt) {

        String username = usernamee;

        String password = passwordd;

        String phone = phonee;

        String unit = unitt;

        Connection conn = DBUtil.getConn();//这里就是从DBUtil类里面得到连接

        Statement state =null;

        String sql = null;

        sql = "insert into user (username,password,phone,unit) values ('"+username+"','"+password+"','"+phone+"','"+unit+"')";

        try {

            state = conn.createStatement();

            state.executeUpdate(sql);//执行sql语句

            conn.close();

        } catch (SQLException e) {

            e.printStackTrace();

        }

        return 0;

    }

}

对于系统菜单那一块的代码还是没弄明白，之后会继续学习，往下进行

在Java web模板的上进行编写的更多相关文章

  1. JAVA WEB快速入门之从编写一个基于SpringBoot+Mybatis快速创建的REST API项目了解SpringBoot、SpringMVC REST API、Mybatis等相关知识

    JAVA WEB快速入门系列之前的相关文章如下:(文章全部本人[梦在旅途原创],文中内容可能部份图片.代码参照网上资源) 第一篇:JAVA WEB快速入门之环境搭建 第二篇:JAVA WEB快速入门之 ...

  2. java web+模板

    这次测试需要在java web的基础上套入模板,在测试的过程中我遇到了许多问题,现在我可以使用模板来美化网页的许多格式.但是模板的许多代码我还是看不懂,其中有jquery的许多代码.在今后我会学习相关 ...

  3. JAVA WEB快速入门之从编写一个基于SpringMVC框架的网站了解Maven、SpringMVC、SpringJDBC

    接上篇<JAVA WEB快速入门之通过一个简单的Spring项目了解Spring的核心(AOP.IOC)>,了解了Spring的核心(AOP.IOC)后,我们再来学习与实践Maven.Sp ...

  4. java web(四)文件上传与下载

     一.文件上传原理 1.在TCP/IP中,最早出现的文件上传机制是FTP ,它是将文件由客户端发送到服务器的标准机制:但是在jsp使用过程中不能使用FTP方法上传文件,这是由jsp运行机制所决定. 通 ...

  5. JAVA WEB快速入门之从编写一个JSP WEB网站了解JSP WEB网站的基本结构、调试、部署

    接上篇<JAVA WEB快速入门之环境搭建>,在完成了环境搭建后(JDK.Tomcat.IDE),现在是万事具备,就差写代码了,今天就来从编写一个JSP WEB网站了解JSP WEB网站的 ...

  6. java+web+大文件上传下载

    文件上传是最古老的互联网操作之一,20多年来几乎没有怎么变化,还是操作麻烦.缺乏交互.用户体验差. 一.前端代码 英国程序员Remy Sharp总结了这些新的接口 ,本文在他的基础之上,讨论在前端采用 ...

  7. java web学习总结(二十三) -------------------编写自己的JDBC框架

    一.元数据介绍 元数据指的是"数据库"."表"."列"的定义信息. 1.1.DataBaseMetaData元数据 Connection.g ...

  8. Java WEB ----- 文件的上传

    最近学到的web阶段的文件的上传,就想记录一下,帮助自己复习以及帮助大家学习,一般我都会把上传的文件存到服务器中的web-inf 下面,因为这样用户不会直接访问到,我们存到数据库的一般都是路径.这里没 ...

  9. Java Web(十一) 文件上传与下载

    文件上传 上传的准备工作 表单method必须为post 提供file组件 设置form标签的enctype属性为multipart/form-data,如果没有设置enctype属性,浏览器是无法将 ...

随机推荐

  1. 三校联训 【NOIP模拟】寻找

    题面 “我有个愿望,我希望穿越一切找到你.” 这是个二维平面世界,平面上有n个特殊的果实,我从(0,0)点出发,希望得到尽量多的果实,但是出于某种特殊的原因,我的运动方式只有三种(假设当前我在(x,y ...

  2. gdb笔记 ---《Linux.C编程一站式学习》

    gdb笔记 ---<Linux.C编程一站式学习> 单步执行和跟踪函数调用 函数调试实例 #include <stdio.h> int add_range(int low, i ...

  3. 问题：C++类的静态成员变量如何初始化

    C++类的静态成员变量属于该类,在该类所有的对象间共享. 要弄清如何初始化,首先要明白声明.定义.初始化三个概念的不同. 声明:指定变量的名字和类型,可以多次声明. 定义:为该成员变量分配存储空间,有 ...

  4. eclipse project--->clean作用

    eclipse project-->clean  ,clean主要是class文件删除,并同时编译新的工程,生成新的class文件. 如果修改代码后,在运行时,还是旧代码,可能class文件还是 ...

  5. centos7 下网卡的配置

    一般通过修改配置文件的方式去修改: 网卡配置文件位置    /etc/sysconfig/network-scripts/ifcfg-ens33 DNS配置文件位置              /etc ...

  6. 【BZOJ-4289】Tax 最短路 + 技巧建图（化边为点）

    题意 给出一个N个点M条边的无向图,经过一个点的代价是进入和离开这个点的两条边的边权的较大值,求从起点1到点N的最小代价.起点的代价是离开起点的边的边权,终点的代价是进入终点的边的边权N<=10 ...

  7. Java基础——Modifier类

    转自:https://www.cnblogs.com/baiqiantao/p/7478523.html   反射 Reflect Modifier 修饰符工具类 在查看反射相关的Class.Fiel ...

  8. qt tableview列头背景颜色设置

    设置表列头背景颜色 QHeaderView::section { background: rgb(255, 255, 127); }

  9. async 异步抓取 花瓣网高清大图 30s爬取500张

    废话 不多说,直接上代码,不懂得看注释 先安装  pip install aiohttp "异步抓取花瓣网图片" # pip install aiohttp import requ ...

  10. CNN与图像高级应用

    一.图像识别与定位 思路1:视作回归 4个数字,用L2 loss/欧氏距离损失(x,y,w,h)这四个数都是连续值 思路2:借助图像窗口 二.物体识别 0.图像识别与定位: (1)Classifica ...