要求:

链接: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;}}

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

转载于:https://www.cnblogs.com/leity/p/10467379.html

在Java web模板的上进行编写相关推荐

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

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

  2. java 模板实现原理,Java Web 模板代码生成器的设计与实现详解

    起因 项目中需要根据数据库表写很多Meta.Dao.Service代码,其中很多代码都是重复而繁琐的.因此如果有一个模板代码的生成器,就可以一定程度提高开发效率. 目标 可配置生成Java Web项目 ...

  3. linux java web.pdf,Linux上搭建Java_Web服务器.pdf

    Linux上搭建Java_Web服务器.pdf 建立Java Web服务器 技术:Apache+Tomcat+JDK+Mysql 由于Apache 整合了Tomcat,所以这个直接拿来用 首先上传上去 ...

  4. java web 漏洞扫描工具_java编写web漏洞扫描系列 一、GET/POST

    今天是java编写漏洞扫描工具系列一,在整个系列中我将以案例驱动方式进行,从基本的请求,到常规漏洞扫描,Burp插件,调用SQLmap api,整合burp+sqlmap(Web平台),漏洞扫描平台( ...

  5. Java web文件的上传和下载、注解

    文章目录 1.文件上传 2.文件下载 3.用户登陆注册时的显示头像 4.注解 与interface的区别 元注解 1.文件上传 文件上传:将客户端的文件,保存到服务器端,比如在用户注册的时候要求用户上 ...

  6. java web fileupload_javaweb 文件上传(fileupload) 下载

    1 文件上传 html中通过可以向服务器上传文件.不过后台需要手动解析请求,比较复杂,所以可以使用smartupload或apache的fileupload组件进行文件的上传.smartupload据 ...

  7. Java Web实现文件上传(相机、相册)

    H5页面中通过JQuery的方式实现相机.相册.拍摄视频三种方式的文件上传,Java后端通过Servlet的方式来接收上传的文件并写入的服务端存储目录中. 前端HTML文件: <div clas ...

  8. java web简单线上游戏_有什么在线的编程游戏?

    <星际争霸2> 适用范围:Python入门及以上. (用星际争霸入门Python也不错,10+行写一个农民采矿的Bot,30+行Rush一个简单难度的电脑,50+行虐虐困难模式的电脑,菜鸡 ...

  9. java web登录页面上记住密码

    利用cookie编程 login.jsp 页面上的java代码: <% String flag = (String)session.getAttribute("flag")= ...

最新文章

  1. 微信小程序实现滑动翻页效果源码附效果图
  2. Ubuntu 下安装 nfs
  3. upc组队赛5 Bulbs
  4. linux5种IO模型以及同步异步,阻塞非阻塞
  5. oracle 增量_【干货分享】DMETL中的增量抽取初识
  6. 诗与远方:无题(三十二)- 曾经写给妹子的一首诗
  7. Python HTTP库:requests快速入门
  8. SQL Server 2005 中处理表分区问题(分区表性能和分区切换)
  9. Jmeter获取数据库数据
  10. Samba配置文件常用参数详解
  11. css怎么设置图片显示圆角,关于在css里设置图片圆角的问题
  12. 西南科技大学OJ题 11 And 11! 0259
  13. php爬虫入门之phpspider框架
  14. (十二)GA-RPN----2019CVPR论文解读
  15. git squash 和 git rebase
  16. 【解决办法】Dell AWCC应用程序不兼容超频不可用
  17. (基础)SpringCloud Alibaba Nacos作为多环境配置中心
  18. 使用积分图像进行自适应二值化[Derek Bradley, Gerhard Roth, 2007]
  19. 找不到 xxx 的DNS地址,现在正在诊断问题
  20. 手机qq获取本地安装包的原理简单实现

热门文章

  1. C4D多通道保存不出来,oc保存psd没有多通道图层,图片查看器将图像另存为后无多通道图层。
  2. 关于Template引用参数的问题
  3. 学习Linux命令(47)
  4. Google App Engine ProtoRPC Python API 概述
  5. 机器学习 | 斗鱼直播热度影响因素分析
  6. C#实现获取指定文件目录下的某种格式的文件集,并移动到Bak
  7. 纯手机端Frida脚本hook与脱壳+无须电脑
  8. Vijos 1696-数与连分数【模拟】
  9. java获取oracle自增_oracle 自增变量设置
  10. 1399元起!荣耀9X发布:全系搭载7nm麒麟810,升降全面屏,主流手游满帧体验