动力节点旗下在线教育品牌  |  咨询热线:400-8080-105 学Java全栈,上蛙课网
首页 > 文章

一个简单的javaweb前后台交互实例

06-01 17:13 481浏览
举报 T字号
  • 大字
  • 中字
  • 小字

许多朋友在学完javaweb的基础知识,搭配javaweb环境,Servlet框架,javawebjdbc连接数据库,开发工具的安装,jsp相关的知识之后,想做一个简单的javaweb前后台交互实例,来证明一下自己的学习成果,今天呢,我们就简单做一个javaweb前后台交互实例

首先我们来看一下项目的大致结构图:

做项目之前,我们需要把数据库的表建好,大家还记得数据库建表的SQL语句吗,可以根据自己学习的SQL语句进行创建,今天呢,我们创建了一个简单的数据库表,表名是user,字段有int类型的id(记得id设置为主键)、varchar类型的username和password。

在新建的javaweb项目中创建一个名为test.jsp的文件,在WebContent文件夹下创建即可,右键WebContent--new--jsp file--输入test.jsp--finish就行了。下图是test.jsp的代码:

然后就到后台的创建了,首先在src下创建一个demo的包,右键src--new--package--输入demo--finish即可。在demo包下创建一个DBConnection.java的文件,右键demo--new--class--输入DBConnection--finish即可,下图是DBConnection.java的代码:

这个类是需要通过数据库名、用户名、密码连接数据库。

根据上面的步骤创建testServlet.java文件,下图是testServlet.java的代码:

这个类主要的功能是获取前端页面用户输入的用户名和密码 然后调用testSuccess方法进行用户名和密码与数据库中数据进行匹配并进行跳转,如果用户名和密码正确,就会跳转到test_success.jsp页面,如果用户名和密码错误,就会跳转到test_failed.jsp页面。

根据上面的步骤创建LoginSuccess.class文件,下图是LoginSuccess.class的代码:

这个类是进行调用数据库的,进行用户名和密码的查询、判断。

然后我们就开始搭建jsp和Servlet的桥梁了,也就是配置web.xml文件,在WEB-INF文件夹下进行创建,右键WEB-INF--new--XML file--输入web.xml--finish即可,web.xml的代码如下:

这个xml文件是让test.jsp连接后台的testServlet.class文件,让他们互通的。

然后test_failed.jsp和test_success.jsp随便写点东西就行,能够区分运行是进入哪个页面就可以了。还有记得导入jar包,Mysql数据库需要用到的jar包,即mysql-connector-java-5.1.25-bin.jar。

以上就是我们今天为大家做的一个简单javaweb前后台交互实例,大家赶紧动手做起来吧。

0人推荐
共同学习,写下你的评论
0条评论
蛙课资讯
官方自媒体蛙课资讯

172篇文章贡献491043字

作者相关文章更多>

推荐相关文章更多>

蛙课网手机站正确的打开姿势~!

蛙课资讯07-11 17:20

【福利】来蛙课网,免费学Java全栈技术--已经结束

蛙课资讯09-04 15:27

Java面试前的突击要准备些什么

蛙课资讯06-12 17:09

Java开发招聘为什么有年龄的要求

蛙课资讯06-17 17:37

检测自己是否达到了java入门水平

蛙课资讯06-12 17:07

发评论

举报

0/150

取消