1、第一步,新建web项目,项目结构图如下。
2、建立前台登录文件,引入jquery.min.js脚本文件,向后台传递数据,具体代码如下图所示。
3、在后台接收数据的java文件中用“ClassPathXmlApplicationContext appCtx = new ClassPathXmlApplicationContext( new String[] {"classpath:applicationContext.xml" });UserService userService =(UserService)appCtx.getBean(UserService.class);”代码加载要使用的service类文件。具体如下图红框所示。
4、在web.xml中配置servet,为前后台建立链接,具体代码见下图红色框。
5、在tomcat服务器添加此项目,右键tomcat选择运行即可,操作界面见下图。
6、最后,看一下web项目运行效果,见下图。