认识 jsp 与 html 的结合进行请求和相应 及错误解决!

1 篇文章 0 订阅

     本文内容主要为 jsp 服务端的Tomcat 配置及错误解决,进行简单的发送接收,网页报错解决!

目录

一、配置及加载jsp的Tomcat文件

二、建立jsp服务器端的简单的发送和接受

注意1:

注意2:

网页报错:


          若是想要执行jsp文件,那么首先需要将jsp的应用环境和需要的文件进行配置,那么接下来我就高下idea软件下配置jsp的运行环境:

一、配置及加载jsp的Tomcat文件

        1. 配置jsp的运行环境其实就是将tomca文件加载到idea里面去,首先我们将tomcat的文件放到常用的文件下载路径下,记得哈,这个路径下不要有中文!!!

         2.新建一个idea的web项目:

        (1)新建项目

         (2)java栏目下勾选上web选项进行建立

         (3)命名后 finish 就好了!

   2.加载tomcat文件

 ② 点击+号找到tomcat的选项,如未找到,点击最下面的文字打开更多选项,往下滑动进行查找

 ④ 选择 Tomcat Server 里面的local选项

 ⑤ 选择tomcat文件,找到存放路径进行选择

 

 

 

 

 

 3.导入好文件后就开始加载tomcat文件了!

        按步骤进行搞!!!!

②进入页面后点击如下选项

 

 ③选择Tomcat文件并导入

         ④ 加载好Tomcat文件后我们就直接OK就好了,jsp的相关环境配置好了。

 

        jsp的相关环境配置好了,我们就开始建立jsp服务器端的简单的发送和接受了

二、建立jsp服务器端的简单的发送和接受

          我们就来进行简单的用户登录的操作:

         1. 先写好进行需要导入的java  class文件,建立User和NewSystem 两个包;

注意1:

        这两个包不要在src文件下直接进行创建,一定要将java class文件创建存放在我们设定好的包下面,且放在一个包内,方便关联; 

         代码如下:

        简单的User 代码:

public class User {
    private int id;
    private String username;
    private String password;

    @Override
    public String toString() {
        return "User{" +
                "id=" + id +
                ", username='" + username + '\'' +
                ", password='" + password + '\'' +
                '}';
    }

    public int getId() {
        return id;
    }

    public void setId(int id) {
        this.id = id;
    }

    public String getUsername() {
        return username;
    }

    public void setUsername(String username) {
        this.username = username;
    }

    public String getPassword() {
        return password;
    }

    public void setPassword(String password) {
        this.password = password;
    }
}

        使用单例模式的代码进行编辑NewSystem 文件的代码,这样方便后面创建的 Jsb文件操作


public class NewSystem {
    //    使用饿汉式的单例模式进行应用
    static {
        ns = new NewSystem();
    }
    private static NewSystem ns;
    private NewSystem(){}
    public  static NewSystem getInstance(){return ns;}

    public List<User> users=new ArrayList<>();
    public static int id_num;
    public void addUser(String username, String password,String cfmpwd){
        if (password.equals(cfmpwd)){
            User u=new User();
            u.setId(++id_num);
            u.setUsername(username);
            u.setPassword(password);
            users.add(u);
        }else{
            System.out.println("密码和确认密码不一致");
        }
        System.out.println("当前有"+users.size()+"名用户登录");
        System.out.println(users);
    }
}

        2.建立jsb文件 html 文件 regex.html  和  index.jsb  进行服务器端的连接和记录!

注意2:

       1. html文件和jsb文件最好放在一个包内或者直接放在web目录下

      2. jsb文件内的request.getParameter("内容") 提交的内容一定要与html的name名称相对应!

                如图:

 

         regex.html 代码如下:

<body>
<form action="index.jsp" method="get">
    <p>用户:<input type="text" name="name"></p>
    <p>密码:<input type="password" name="pwd"></p>
    <p>密码确认:<input type="password" name="confirmPwd"></p>
    <p><input type="submit" value="登录">  </p>
</form>
</body>

        index.jsb 代码如下:

<%
    request.setCharacterEncoding("UTF-8");   //请求
    response.setCharacterEncoding("UTF-8");  //响应 内容格式必须与请求的一样
    String username = request.getParameter("name");
    String password = request.getParameter("pwd");
    String cfmPwd = request.getParameter("confirmPwd");
    NewSystem ns = NewSystem.getInstance();
    ns.addUser(username, password, cfmPwd);
%>

        3.为了运行的时候不要每次都要输入我的html地址,咱就把web目录下的 WEB-INF 包里面的web.xml文件修改下默认地址,将我们的html文件的地址添加进去;如下图和代码:

 代码:

<welcome-file-list>
        <welcome-file>/regex.html</welcome-file>
</welcome-file-list>

执行结果:

 

网页报错:

        登录页面网页出现报错时阅读报错提示进行修改,提示的哪一行就是哪一行或者其上下的行,对其进行检查

错误1:500

        出现匹配或语法错误,针对提示结果进行检查行:如上文的 注意2 进行排查;

错误2:404

        出现语法错误:检查java文件是否存在异常!以及是否与jsb文件是否匹配!

                                 如对象匹配,变量名,还有就是使用index文件内与java文件匹配时使用

                                 new的方式进行执行的话就只会有一次结果!

 

  • 2
    点赞
  • 13
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值