Java web应用 开发与实践

已于 2022-02-10 11:33:53 修改
阅读量1.9k 收藏 21
点赞数 4
分类专栏： 课程 文章标签： java 前端 开发语言
于 2020-09-24 19:51:53 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/uchihalyn/article/details/108610400
版权
本文介绍了如何使用HTML创建用户注册表单，并实现简单的校验功能。接着展示了JSP应用中的内置对象使用，包括用户登录、留言系统的实现，以及JDBC连接数据库的基础操作。在开发过程中，还涉及到了Tomcat服务器的配置和调试。
摘要由CSDN通过智能技术生成

文章目录

环境配置

java环境配置：jdk和tomcat安装
https://blog.csdn.net/uchihalyn/article/details/122857132

intelij idea 2020.2 创建Java web项目

创建java web项目，配置tomcat

基础知识

怎么创建包
web中常见错误之404 原始服务器没有找到目标资源的当前表示，或者不愿意公开该目标资源。

HTML应用

掌握HTML表单和表单元素的使用

基础知识：
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
需求：
在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>用户登录</title>
</head>
<body>
<form action="http://localhost:63342/" method="get">
    <h1 align="center"><font color="red" size="7"><b>用户注册</b></font></h1>
<table align="center">
    <tr>
        <td align="right"> 用户名：</td>
        <td><input type="text" name="username">用户名由3-5个字符组成</td>
    </tr>
    <tr>
        <td align="right">密码：</td>
        <td> <input type="password" name="password">请输入8-12位密码</td>
    </tr>
    <tr>
        <td align="right"> 确认密码：</td>
        <td><input type="password" name="repassword">两次密码不一致</td>
    </tr>
    <tr>
        <td align="right">Email：</td>
        <td><input type="email" name="email">格式示例：XXXXXXX@163.com</td>
    </tr>
    <tr>
        <td align="right"> 手机号码：</td>
        <td> <input type="text" name="phoneNUmber">格式示例：12803780000</td>
    </tr>
    <tr>
        <td align="right"> 真实姓名：</td>
        <td><input type="text" name="realname">由2-5个中文组成</td>
    </tr>
    <tr>
        <td align="right"> 省份：</td>
        <td>
            <select name="province">
                <option>--请选择--</option>
                <option value="河南">河南</option>
                <option value="黑龙江">黑龙江</option>
                <option value="河北">河北</option>
                <option value="海南">海南</option>
            </select>请选择省份
        </td>
    </tr>
    <tr>
        <td align="right"> 技术方向：</td>
        <td>
            <input type="radio" name="direction" value="Java">Java<input type="radio" name="direction" value=".Net">.Net
            <input type="radio" name="direction" value="PHP">PHP<input type="radio" name="direction" value=网页"">网页
            <input type="radio" name="direction" value="IOS">IOS<input type="radio" name="direction" value="Android">Android
        </td>
    </tr>
    <tr>
        <td></td>
        <td align="center"><input type="submit" value="注册">&nbsp;<input type="reset" value="重置"></td>

    </tr>
</table>
</form>
</body>
</html>

实现校验功能

 <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>用户登录</title>
    <script>
        //动态注册事件
        window.onload=function (){
            //获取标签对象
            var username=document.getElementById("userName");
            var password=document.getElementById("password");
            var repassword=document.getElementById("repassword");
            var realname=document.getElementById("realname");
            var formobj=document.getElementById("form01");

            var ptext;
            //验证合法性
            function username_verify(){
                var usernameText=username.value;
                //验证合法
                var usernameSpan=document.getElementById("usernameSpan");
                var patt=/^[\w\W]{3,5}$/;
                if(patt.test(usernameText)){
                    usernameSpan.style.color="green";
                    return true;
                }
                else {
                    usernameSpan.style.color="red";
                    return false;
                }
            }
            function password_verify(){
                var passwordText=password.value;
                ptext=passwordText;
                var passwordSpan=document.getElementById("passwordSpan");
                var patt=/^[\w\W]{8,12}$/;
                if(patt.test(passwordText)){
                    passwordSpan.style.color="green";
                    return true;
                }
                else{
                    passwordSpan.style.color="red";
                    return false;
                }
            }
            function repassword_verify(){
                var repasswordText=repassword.value;
                var repasswordSpan=document.getElementById("repasswordSpan");
                if(repasswordText==ptext){
                    repasswordSpan.style.color="green";
                    repasswordSpan.innerHTML="两次密码一致"
                    return true;
                }
                else{
                    repasswordSpan.style.color="red";
                    repasswordSpan.innerHTML="两次密码不一致";
                    return false;
                }
            }
            function realname_verify(){
                var realnameText=realname.value;
                var realnameSpan=document.getElementById("realnameSpan");
                var patt=/^[\u4e00-\u9fa5]{2,5}$/;
                if(patt.test(realnameText)){
                    realnameSpan.style.color="green";
                    return true;
                }
                else{
                    realnameSpan.style.color="red";
                    return false;
                }
            }
            //通过标签对象，事件名=function(){}
            username.onblur=function (){
                username_verify();
            }
            password.onblur=function (){
               password_verify();
            }
            repassword.onblur=function (){
               repassword_verify();
            }
            realname.onblur=function (){
               realname_verify();
            }
            formobj.onsubmit=function (){
                if(username_verify() && password_verify() && repassword_verify() && realname_verify()){
                    return true;
                }
                else{
                    return false;
                }
            }
        }
    </script>
</head>
<body>

<form action="http://localhost:8080/" method="get" id="form01" >
    <h1 align="center"><font color="red" size="7"><b>用户注册</b></font></h1>
<table align="center">
    <tr>
        <td align="right"> 用户名：</td>
        <td><input type="text" name="username" id="userName" value=""><span id="usernameSpan">用户名由3-5个字符组成</span></td>
    </tr>
    <tr>
        <td align="right">密码：</td>
        <td> <input type="password" name="password" id="password"><span id="passwordSpan">请输入8-12位密码</span> </td>
    </tr>
    <tr>
        <td align="right"> 确认密码：</td>
        <td><input type="password" name="repassword" id="repassword"><span id="repasswordSpan">两次密码不一致</span> </td>
    </tr>
    <tr>
        <td align="right">Email：</td>
        <td><input type="email" name="email">格式示例：XXXXXXX@163.com</td>
    </tr>
    <tr>
        <td align="right"> 手机号码：</td>
        <td> <input type="text" name="phoneNUmber">格式示例：12803780000</td>
    </tr>
    <tr>
        <td align="right"> 真实姓名：</td>
        <td><input type="text" name="realname" id="realname"><span id="realnameSpan">由2-5个中文组成</span> </td>
    </tr>
    <tr>
        <td align="right"> 省份：</td>
        <td>
            <select name="province">
                <option>--请选择--</option>
                <option value="河南">河南</option>
                <option value="黑龙江">黑龙江</option>
                <option value="河北">河北</option>
                <option value="海南">海南</option>
            </select>请选择省份
        </td>
    </tr>
    <tr>
        <td align="right"> 技术方向：</td>
        <td>
            <input type="radio" name="direction" value="Java">Java<input type="radio" name="direction" value=".Net">.Net
            <input type="radio" name="direction" value="PHP">PHP<input type="radio" name="direction" value=网页"">网页
            <input type="radio" name="direction" value="IOS">IOS<input type="radio" name="direction" value="Android">Android
        </td>
    </tr>
    <tr>
        <td></td>
        <td align="center"><input type="submit" value="注册">&nbsp;<input type="reset" value="重置"></td>

    </tr>
</table>

</form>

</body>
</html>

JSP 应用

jsp内置对象的方法不能解析，tomcat调试问题

  • 第一个开始找到的是要从tomcat那儿导入jar包，但是九个内置对象中session的不能用，后来改从maven仓库下载。
    idea：file–project structure --liabraries–添加
    https://mvnrepository.com/ 下载包，点里面的【jar 文件大小】标签下载
  • tomcat调试：配置好后先在右上角把tomcat服务器启动起来，然后右键run要跑的代码。

基础知识：

页面结构，编译指令，动作指令，内置对象
参考：jsp页面跳转
jsp实现表单提交
课件

用户登录

在这里插入图片描述
Login.jsp

<%--
  Created by IntelliJ IDEA.
  User: 11759
  Date: 2020/10/9
  Time: 21:11
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>
<form action="verify.jsp" method="get">
    <table align="center">
        <tr>
            <td align="right">用户：</td>
            <td><input type="text" name="username"></td>
        </tr>
        <tr>
            <td align="right">密码：</td>
            <td> <input type="password" name="password"></td>
        </tr>
        <tr>
            <td align="center"><input type="submit" value="提交查询">
        </tr>
    </table>
</form>
</body>
</html>

verify.jsp

<%@ page import="javax.servlet.http.*" %><%--
  Created by IntelliJ IDEA.
  User: 11759
  Date: 2020/10/9
  Time: 21:24
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>

<html>
<head>
    <title>Title</title>
</head>
<body>
<%
    request.setCharacterEncoding("utf-8");

    String username = request.getParameter("username");
    String pwd = request.getParameter("password");
    String rightpwd="123456";
    if((!"".equals(username))&&rightpwd.equals(pwd)){
        session.setAttribute("username", username);
        request.getRequestDispatcher("greet.jsp").forward(request, response);
    }
    else{
        response.sendRedirect("Login.jsp");
    }
%>
</body>
</html>

greet.jsp

<%--
  Created by IntelliJ IDEA.
  User: 11759
  Date: 2020/10/9
  Time: 23:57
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>
<% request.setCharacterEncoding("utf-8");%>
"欢迎，<%= session.getAttribute("username")%>
</body>
</html>

留言板

在这里插入图片描述
form.jsp


<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>留言</title>
</head>
<body>

<form action="addMessage.jsp" method="get">
    <table align="center">
        <tr>
            <td align="right">用户：</td>
            <td><input type="text" name="userName"></td>
        </tr>
        <tr>
            <td align="right">留言：</td>
            <td> <input type="text" name="message"></td>
        </tr>
        <tr>
            <td align="center"><input type="submit" value="提交">
        </tr>
    </table>
</form>
</body>
</html>

addMessage.jsp


<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@page import="java.util.*" %>
<html>
<head>
    <title>addMessage</title>
</head>
<body>
<%!
    private String getIPAddress(HttpServletRequest request)
    {
        if(request.getHeader("x-forwarded-for") == null)
        {
            return request.getRemoteAddr();
        }
        return request.getHeader("x-forwarded-for");
    }
%>
<%
    String userName = request.getParameter("userName");
    String message = request.getParameter("message");
    String IPAddress = request.getRemoteAddr();
    String str = userName+"@"+IPAddress+"说："+message;

    try{
        List<String> messageList;
        messageList = (List<String>) application.getAttribute("allMessage");
        messageList.add(str);
        application.setAttribute("allMessage",messageList);
    }catch (Exception e)
    {
        List<String> messageList = new ArrayList<>();
        messageList.add(str);
        application.setAttribute("allMessage",messageList);
    }

    request.getRequestDispatcher("show.jsp").forward(request,response);
%>
</body>
</html>

show.jsp


<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@page import="java.util.*" %>
<html>
<head>
    <title>addMessage</title>
</head>
<body>
<%!
    private String getIPAddress(HttpServletRequest request)
    {
        if(request.getHeader("x-forwarded-for") == null)
        {
            return request.getRemoteAddr();
        }
        return request.getHeader("x-forwarded-for");
    }
%>
<%
    String userName = request.getParameter("userName");
    String message = request.getParameter("message");
    String IPAddress = request.getRemoteAddr();
    String str = userName+"@"+IPAddress+"说："+message;

    try{
        List<String> messageList;
        messageList = (List<String>) application.getAttribute("allMessage");
        messageList.add(str);
        application.setAttribute("allMessage",messageList);
    }catch (Exception e)
    {
        List<String> messageList = new ArrayList<>();
        messageList.add(str);
        application.setAttribute("allMessage",messageList);
    }

    request.getRequestDispatcher("show.jsp").forward(request,response);
%>
</body>
</html>

JDBC应用

连接数据库：连接mysql
先下载 https://dev.mysql.com/downloads/connector/j/
在这里插入图片描述
解压后把东西放入上述路径

遇到的问题：缺失drive 文件，开始下载失败后来成功（可能的是网络问题），MySQL时区不对，修改时区

喝水不要糖
关注
专栏目录
《Java Web 开发与实战》PDF 下载
01-10
《Java Web 开发与实战》PDF 下载
【Java】JavaWeb开发入门与实践指南
qq_64288408的博客
07-26 1771
JavaWeb是指所有使用Java语言开发的Web应用程序的总称。它主要包括了Servlet、JSP（JavaServer Pages）、JavaBeans、JDBC（Java Database Connectivity）等技术，以及基于这些技术的各种框架，如Spring MVC、Struts2、Hibernate等。JavaWeb开发是一个涉及多个技术领域的复杂过程，但通过不断学习和实践，你可以逐渐掌握其精髓。从基础概念到开发环境搭建，再到实战项目的开发，每一步都充满了挑战与收获。
Java Web全栈开发技术指南
最新发布
weixin_42181686的博客
08-26 1315
本文还有配套的精品资源，点击获取 简介：Java Web开发涉及前端JavaScript、后端Java Servlet、JSP等技术。本指南涵盖了JavaScript、JSP、Servlet、MVC模式、Web容器、HTML/CSS/JS、AJAX、RESTful API、JSON、前后端分离、数据库连接和操作以及安全性等核心知识点。通过学习和实践这些内容，你可以掌握Jav...
Java Web应用开发与实践范例
01-09
此实例是学习java web开发人员必备，详细的将struts2，hibernate，spring相关知识讲解出来！
1.普通注册界面（html）(转载于JavaWeb应用开发与实践)
Major_S的博客
10-02 376
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>用户注册</title> </head> <body> <table align="center" width="500"> <tr> <td>...
JavaWeb应用开发架构浅谈
weixin_30569001的博客
07-25 183
本文就我所经历和使用过的技术和框架， 讨论 Java/Javascript 技术组合构成的Web 应用架构。 一、 概述 Web 应用架构可以划分为两大子系统：前端子系统和后台子系统。 前端子系统： 1. 基础技术： Html/Javascript/CSS / Flash 2. 开发框架： jQuery, Extjs , Flex 等； 后...
我的第一本书——《JavaWeb开发实践教程》
技术践行者
07-06 2600
        从软件开发到培训到大学教师，在这个过程中，我不断的总结和体会教育的每个环节。目前的大学教育和社会需求脱节情况十分突出，造成这一问题的一个很重要原因，就是毕业设计没有做好。究其原因很多，更多的同学是不知道如何将大学学习众多科目如软件工程，JSP/Servlet，数据库等等这些课程的内容融合，而对毕业设计望尘莫及，或无处下手。最后导致糊弄和抄袭。也有同学勉强将知识融合起来，但是
《Java Web应用开发技术》课程教学改革与实践.pdf
07-02
《Java Web应用开发技术》是计算机专业课程体系中的核心课程，其实践性和应用性非常强，对于培养学生的动手实践能力和就业能力具有极其重要的作用。课程的目标是使学生掌握动态网站规划、建立、管理和维护的相关技术...
java web引用开发与实践
09-09
梁胜彬等编著的《java web应用开发与实践》结合作者多年的教学与软件开发经验，依据教学大纲，面向技术发展方向，选取主流的java web开发技术和开发工具，内容涵盖了jsp基础、jdbc、setvlet、filter、listener、mvc...
新工科背景下Java Web应用开发实践教学改革与探索.pdf
01-01
在新工科背景下，Java Web应用开发实践教学改革与探索是当前急需解决的问题。传统实践教学存在无法满足工作岗位对学生实践能力和知识储备要求更加严格的弊端。因此，文章提出了教学改革方案，包括尊重学生主体地位、...
java web开发与实践
12-04
java web开发与实践 课本源代码 科学出版社，每节课的源代码都有哈
java web应用开发_Java Web应用开发基础
weixin_29885875的博客
02-12 522
模块1 Java Web应用开发概述1.1 Web基础知识1.1.1 Web应用及其开发1.1.2 动态网页1.1.3 B/S结构1.1.4 JSP简介1.2 创建第一个Web项目1.2.1 JSP运行环境搭建1.2.2 JSP集成开发环境MyEclipse1.2.3 在MyEclipse 8.5下用JSP开发Web项目1.3 小结1.4 习题1.5 上机实践模块2 JSP语法2.1 回顾和思考2...
JavaWeb开发实战经典笔记
linchonghui888的博客
04-04 1786
JSP基础语法 JSP注释 隐式注释：          //注释，单行注释                          /*注释*/，多行注释                             JSP注释 显式注释：        客户端看得见 Scriptlet      JSP中三种Scriptlet代码：                
javaweb应用开发与实践pdf_Choerodon猪齿鱼实践之开发应用服务
weixin_39854730的博客
11-30 118
当有多个开发人员参与项目时，通过Git进行分支和Tag管理，将软件的版本控制以及分支管理贯穿于整个软件产品的生命周期，能有效的避免代码冲突，提高开发效率。Choerodon 代码仓库就是基于 Git 进行代码版本管理。本文介绍了 Choerodon 猪齿鱼中开发应用服务的方法，包括创建分支、克隆、推拉代码、合并分支等。 开发应用服务在Choerodon中开发应用服务之前，首先需确认已在Choero...
Java Web开发与应用_Java Web开发与应用
weixin_29189381的博客
02-12 183
基本信息书名:JavaWeb开发与应用郭克华清华大学9787#302270140定价：44.50元作者:郭克华　主编出版社：清华大学出版社出版日期：2012-04-01ISBN：9787#302270140字数：页码：435版次：1装帧：平装开本：16开商品重量：编辑推荐内容提要本书分为8部分共33章，涵盖了javaweb开发入门、jsp基础开发、jsp内置对象、servlet开发、标签应用与开发...
web应用与开发
weixin_45884154的博客
08-31 476
​ 2. IE浏览器：trident内核（百度、360极速都是用trident内核）。什么是html语言：指的是一种超文本标记语言。vscode：开源、插件多、界面简单、颜色高亮、操作方便。HBuilder：国产软件、适合新手、强大的语言编辑能力。webstorm：付费、继承了idea强大的js编写功能。​ 3. 谷歌浏览器：blink内核（qq、搜狗、uc）​ 5. safari苹果浏览器：webkit内核。​ 1. firefox火狐：Gecko内核。​ 4. opear欧朋：blink内核。...
JavaWeb设计及开发实践（Demo）
ShareUs的专栏
02-08 3176
理解反射对学习Java框架有很大的帮助，如Spring框架的核心就是使用Java反射实现的。注解是用反射实现。 &gt; Web开发 Web开发也经历了好几个阶段：  1.静态Web页面：由文本编辑器直接编辑并生成静态的HTML页面，如果要修改Web页面的内容，就需要再次编辑HTML源文件，早期的互联网Web页面就是静态的；  2.CGI：由于静态Web页面无法与用户交互，比如用户填写了一个注册...
Java Web应用(Tomcat/Servlet)
cherysling的博客
02-18 339
出现问题1：无法成功重写Servlet?显示问题：servlet no methods to override have been found解决：MyServlet.java需要写在src->main->java文件下，才是可调用类简单尝试JSP与Servlet连接自定义一个类，并且实现Servlet接口，这个类具备了接受客户端请求以及做出响应的功能。结果：浏览器不能直接访问Servlet文件，webapp不给权限，只能通过映射的方式来间接访问，映射需要开发者手动配置。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值