servlet+Ajax开发web工程

前言

  • 因为目前基本已经不会再用到servlet+jsp开发项目了,基本都是使用框架来开发;我们常用的框架都是基于servlet来封装的,该阶段只需要了解一下tomcat如何使用,servlet的生命周期和工作流程,几个常用接口:Filter、servlet、servletRequest、servletResponse、HttpSession,HttpSession与Cookie的区别,就能结合前端知识和ajax请求开发web项目了

基础知识

tomcat使用

  • 直接通过域名访问tomcat,只需修改tomcat端口为80和自定义host域名,默认的80端口可省略
  • 找到tomcat安装目录下的conf文件夹,用记事本打开server.xml,将端口修改为80
  <Connector port="80" protocol="HTTP/1.1" connectionTimeout="20000"  redirectPort="8443" />
  • 修改hosts文件,通常在C:\Windows\System32\drivers\etc路径下,在最会一行加上127.0.0.1和自定义的本地域名,如我的是chniny
# localhost name resolution is handled within DNS itself.
#	127.0.0.1       localhost
#	::1             localhost
127.0.0.1       chniny
  • 双击tomcat安装目录bin文件下的startup.bat启动服务器,打开浏览器输入http://chniny/ 可访问tomcat主页

servlet工作流程

1.客户端发送http请求到tomcat服务器
2.tomcat从磁盘中加载servlet
3.servlet容器中的servlet加载成功
4.tomcat将http请求解析为request对象,转发到servlet进行处理
5.处理后返回response对象给tomcat服务器
6.tomcat将该对象解析为http请求返回给客户端
总的来说:前端发起请求 -> tomcat解析请求 -> servlet处理请求 -> tomcat解析请求 -> 响应到前端

开发步骤

  • 设计数据库

  • 新建web项目
    servlet+Ajax开发web工程
    servlet+Ajax开发web工程

  • 导入所需的jar包,右键项目 > Open Module Settings > Libraries > 点击加号 > 选择Java,建议将所需导入的jar包放到tomcat安装目录的lib文件夹,再导入,有时放到其他文件夹,运行项目后会找不到报错
    servlet+Ajax开发web工程

  • 编写前端页面,发送跨域请求

  • 编写实体类

  • 编写持久层

  • 编写测试类

  • 编写过滤器

  • 编写servlet

  • 配置web.xml

  • 导入本地安装的tomcat,部署项目到服务器
    servlet+Ajax开发web工程
    servlet+Ajax开发web工程

  • 浏览器输入:http://localhost/pages/user.html

项目地址

  • 手里有一个以前用nodejs作为服务端开发过的项目,这里改用servlet作为服务端
  • 写了user.html上传博文,分页显示,标题模糊查询等功能
  • 具体的代码实现和数据库脚本请查看:https://github.com/chniny/chinx

servlet+Ajax开发web工程

上一篇:web服务器?志格式配置


下一篇:引入本地angularjs 后 $http(...).success is not a function