DRP项目【js与Servlet】

最新推荐文章于 2024-09-18 15:54:57 发布

王雪芬-ghqr-264962

最新推荐文章于 2024-09-18 15:54:57 发布

阅读量321

点赞数

文章标签： servlet dom javascript

本文链接：https://blog.csdn.net/dtttyc/article/details/79127642

版权

-----------------✿DRP项目专栏收录该内容

4 篇文章 0 订阅

订阅专栏

背景

最近在DRP项目中无论是前台还是后天都有所收获，并且对于servlet更是与以前的知识进行关联，发现其实都是一样的

js与Dom操作

根据所在位置进行操作

1. charAt：取位置的字母
2. indexOf：取字母的位置
3. lastIndexof：取字符串出现最后的位置
4. split：分割符
5. substring（开始，结尾）截取的字符

<script language="javascript">
    var s1="HelloWorld";
    //第四个位置
    alert(s1.charAt(4));
    //取得r的位置
    alert(s1.indexOf("r"));
    //取得最后一个1的位置
    alert(s1.lastIndexOf("1"));
    //分割下面字符串
    var s3="a,b,c,d,e";
    var s4=s3.split(",");
    for(var i=0;i<s4.length;i++){
        alert(s4[i])
    }
    //截取rld字符串
    alert(s1.substring(7,s1.lengths))   
</script>

js触发事件，获取dom元素值

<html>
    <head>
       <script language="javascript">
           function showUserInfo(){
             alert(document.getElementById("usename").value);
           }
       </script>
    </head>
    <body>
        用户名:<input type="text"  name="usename" id="usename"><br>
        <input type="button" value="保存" onclick="showUserInfo()"/>

    </body>

</html>

Servlet

html页面
这里面的重点是action中的内容，它使用的是绝对路径，test-myservlet表示的是你Tomcat中项目的名字，LoginServlet表示你servlet的名称，为什么我们要这样写？原因是因为我们的HTML页面没有于servlet进行关联，所以我们使用Tomcat下我们的项目进行关联

<form action="http://localhost:8080/test-myservlet/loginServlet"> 
            用户名：<input type="text" name="usename"><br>
            密码：<input type="text" name="password"><br>
            <input type="submit" value="登陆"> 
</form>

LoginServlet页面
相当于是一个桥梁，用于http响应与数据库执行的中间桥梁

public class LoginServlet extends HttpServlet{
    public void doGet(HttpServletRequest request,HttpServletResponse response)
    throws ServletException,IOException{
        //从浏览器中得到值
        String usename=request.getParameter("usename");
        String password=request.getParameter("password");
        System.out.println("usename="+usename)
        System.out.println("password="+password)
        //返回的方式，charset=GB18030他表示解析我们的汉字，防止出现乱码
        response.setContentType("text/html";charset=GB18030);
        //向浏览器写东西
        response.getWriter().println("Login Success")
    }
}

Web.xml
他是servlet的配置文件，首先我们必须给servlet起个名字，然后映射到我们html页面，“loginServlet”这个名字于我们html页面中action中用的名字是一样的，这样他们就关联起来了，类似于我们反射，都是通过名字然后互相找到，然后关联

 <servlet>
        //servlet的名称
       <servlet-name>MyServlet</servlet-name>
       //类名称
       <servlet-class>LoginServlet</servlet-class>
   </servlet>
   //servlet的映射
   <servlet-mappinng>      
      //映射名称
      <servlet-name>MyServlet</servlet-name>
      //映射的地址，这个地址是于html页面的action进行关联
      <url-pattern>/loginServlet</url-pattern>
   </servlet-mappinng>

tomact目录结构

bin：该目录存放二进制可执行文件，如果是安装版，还有两个可执行exe文件，如果是解压版那么使用startup.bat和shutdown，startup.bat用来启动Tomact，如果你没有成功那么可能是JAVA_HOME环境变量没有配置，shutdawn.bat用来停止使用Tomcat
conf文件，下面有几个非常重要的目录

1. server.xml配置整个服务器信息，端口添加虚拟主机
2. tomactusers.xml存储Tomact用户的文件，这里保存用户名以及密码，用户的角色信息
3. web.xml 部署描述文件，
4. contex.xml 对所有应用的统一配置，通常我们不会去配置它

lib：Tomact的类库，里面是一大堆jar文件，项目中的jar文件也可以放到上面，并且他是共享的，所以建议都放到这个目录下面
logs日志，Tomact错误日志
webapps 存放web项目的，这个里面每一个文件夹都是一个项目，在项目里面我们分为WEB-INF下有3个目录结构，1classes。2lib 3 web.xml
work:运行生成的文件，通过webapps中的项目生成。