个人做什么网站,蚌埠网站建设文章,郑州看妇科最好的医院是哪里,网页制作的公司找时代创信一、新建一个maven工程#xff08;不会建的小伙伴可以参考Idea引入maven工程依赖(保姆级)-CSDN博客#xff09;#xff0c;工程目录如图
js文件可以上up网盘提取
链接#xff1a;https://pan.baidu.com/s/1yOFtiZBWGJY64fa2tM9CYg?pwd5555 提取码…一、新建一个maven工程不会建的小伙伴可以参考Idea引入maven工程依赖(保姆级)-CSDN博客工程目录如图
js文件可以上up网盘提取
链接https://pan.baidu.com/s/1yOFtiZBWGJY64fa2tM9CYg?pwd5555 提取码5555
二、配置pom.xml文件 ?xml version1.0 encodingUTF-8?project xmlnshttp://maven.apache.org/POM/4.0.0 xmlns:xsihttp://www.w3.org/2001/XMLSchema-instancexsi:schemaLocationhttp://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsdmodelVersion4.0.0/modelVersiongroupIdcom.zl/groupIdartifactIdproject01/artifactIdversion1.0-SNAPSHOT/versionpackagingwar/packagingnameproject01 Maven Webapp/name!-- FIXME change it to the projects website --urlhttp://www.example.com/urlpropertiesproject.build.sourceEncodingUTF-8/project.build.sourceEncodingmaven.compiler.source1.7/maven.compiler.sourcemaven.compiler.target1.7/maven.compiler.target/propertiesdependenciesdependencygroupIdjunit/groupIdartifactIdjunit/artifactIdversion4.11/versionscopetest/scope/dependency!--Jackson转换核心包依赖--dependencygroupIdcom.fasterxml.jackson.core/groupIdartifactIdjackson-core/artifactIdversion2.9.2/version/dependency!--Jackson转换的数据绑定包依赖--dependencygroupIdcom.fasterxml.jackson.core/groupIdartifactIdjackson-databind/artifactIdversion2.9.2/version/dependency!--Jackson JSON转换注解包--dependencygroupIdcom.fasterxml.jackson.core/groupIdartifactIdjackson-annotations/artifactIdversion2.9.0/version/dependencydependencygroupIdorg.springframework/groupIdartifactIdspring-webmvc/artifactIdversion5.3.26/version/dependencydependencygroupIdjavax.servlet/groupIdartifactIdjavax.servlet-api/artifactIdversion3.1.0/versionscopeprovided/scope/dependencydependencygroupIdch.qos.logback/groupIdartifactIdlogback-classic/artifactIdversion1.2.3/version/dependency/dependenciesbuildfinalNameproject01/finalNamepluginManagement!-- lock down plugins versions to avoid using Maven defaults (may be moved to parent pom) --pluginspluginartifactIdmaven-clean-plugin/artifactIdversion3.1.0/version/plugin!-- see http://maven.apache.org/ref/current/maven-core/default-bindings.html#Plugin_bindings_for_war_packaging --pluginartifactIdmaven-resources-plugin/artifactIdversion3.0.2/version/pluginpluginartifactIdmaven-compiler-plugin/artifactIdversion3.8.0/version/pluginpluginartifactIdmaven-surefire-plugin/artifactIdversion2.22.1/version/pluginpluginartifactIdmaven-war-plugin/artifactIdversion3.2.2/version/pluginpluginartifactIdmaven-install-plugin/artifactIdversion2.5.2/version/pluginpluginartifactIdmaven-deploy-plugin/artifactIdversion2.8.2/version/plugin/plugins/pluginManagement/build
/project三、配置web.xml文件 ?xml version1.0 encodingUTF-8?
web-app xmlnshttp://xmlns.jcp.org/xml/ns/javaeexmlns:xsihttp://www.w3.org/2001/XMLSchema-instancexsi:schemaLocationhttp://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_4_0.xsdversion4.0servletservlet-nameSpringMVC/servlet-nameservlet-classorg.springframework.web.servlet.DispatcherServlet/servlet-classinit-paramparam-namecontextConfigLocation/param-nameparam-valueclasspath:springMVC.xml/param-value/init-paramload-on-startup1/load-on-startup/servletservlet-mappingservlet-nameSpringMVC/servlet-nameurl-pattern//url-pattern/servlet-mapping!-- 配置编码过滤器 --filterfilter-nameCharacterEncodingFilter/filter-namefilter-classorg.springframework.web.filter.CharacterEncodingFilter/filter-classinit-paramparam-nameencoding/param-nameparam-valueUTF-8/param-value/init-param/filterfilter-mappingfilter-nameCharacterEncodingFilter/filter-nameurl-pattern/*/url-pattern/filter-mapping
/web-app 四、配置springMVC.xml文件 ?xml version1.0 encodingUTF-8?
beans xmlnshttp://www.springframework.org/schema/beansxmlns:contexthttp://www.springframework.org/schema/contextxmlns:mvchttp://www.springframework.org/schema/mvcxmlns:xsihttp://www.w3.org/2001/XMLSchema-instancexsi:schemaLocationhttp://www.springframework.org/schema/beanshttp://www.springframework.org/schema/beans/spring-beans.xsdhttp://www.springframework.org/schema/mvchttp://www.springframework.org/schema/mvc/spring-mvc.xsdhttp://www.springframework.org/schema/contexthttp://www.springframework.org/schema/context/spring-context.xsd!-- 配置创建 spring 容器要扫描的包 --context:component-scan base-packagecom.zl.controller/!-- 配置视图解析器 --bean classorg.springframework.web.servlet.view.InternalResourceViewResolverproperty nameprefix value/WEB-INF/pages//property namesuffix value.jsp//beanmvc:annotation-driven /mvc:default-servlet-handler/mvc:default-servlet-handler/beans 五、编写LoginController.java类 package com.zl.controller;import com.zl.pojo.User;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;import javax.servlet.http.HttpSession;
import java.util.HashMap;
import java.util.Map;Controller
public class LoginController {//主页RequestMapping(/main)public String main(){return main;}//登录页RequestMapping(/ajaxlogin)public String hello(){return Ajax_login;}/*** Ajax --- 登录验证*/RequestMapping(/loginAjax)ResponseBodypublic String loginAjax(User user, Model model, HttpSession session){MapString,String resultMap new HashMap();String username user.getUsername();String password user.getPassword();if ( null! username username.equals(user01) null! password password.equals(123456)){session.setAttribute(USER_SESSION,user);return main;}model.addAttribute(msg,用户名或密码错误);return error;}}六、编写LoginInterceptor.java类 package com.zl.interceptor;import org.springframework.web.servlet.HandlerInterceptor;import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;public class LoginInterceptor implements HandlerInterceptor {Overridepublic boolean preHandle(HttpServletRequest request, HttpServletResponse response, Object handler) throws Exception {HttpSession session request.getSession();if (null! session.getAttribute(USER_SESSION) ){return true;}request.getRequestDispatcher(/WEB-INF/pages/Ajax_login.jsp).forward(request,response);return false;}
}七、Ajax_login.jsp % page contentTypetext/html;charsetUTF-8 languagejava %
html
headtitleTitle/titlelink relstylesheet hrefhttps://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap.min.cssscript typetext/javascriptsrc${pageContext.request.contextPath }/js/jquery-3.6.0.js/script
/head
body
divdiv stylemargin: 100px auto;div stylewidth: 600pxh3Ajax登录/h3div stylecolor: red${msg}/div用户名 input idusername typetext nameusername value brbr密码 input idpassword typepassword namepassword value brbrbutton οnclicklogin()提交登录/button/div/div/divhr/
brbrbrbrscript typetext/javascriptfunction login() {var username $(#username).val();var password $(#password).val();$.ajax({url: ${pageContext.request.contextPath }/loginAjax,type: post,data: {username: username, password: password},success: function (response) {console.log(response)if (responsemain){window.location.hrefhttp://localhost:8080/project01_war_exploded/main;}else {alert(用户名或密码错误)}}});}
/script/body
/html注意更改自己tomcat的访问路径 八、编写main.jsp和error.jsp文件
main.jsp: % page contentTypetext/html;charsetUTF-8 languagejava %
html
headtitleTitle/title
/head
body
h1主页/h1h1当前用户${USER_SESSION.username}/h1brbr/body
/htmlerror.jsp: %--Created by IntelliJ IDEA.User: 86158Date: 2024/4/4Time: 23:07To change this template use File | Settings | File Templates.
--%
% page contentTypetext/html;charsetUTF-8 languagejava %
html
headtitleTitle/title
/head
body
...error
/body
/html九、配置tomcat不会配置的小伙伴可参考Idea添加tomcat-CSDN博客直接启动
启动成功 这样就成功啦小伙伴们赶紧run起来吧欢迎留言和私信up哦制作不易给个赞吧嘻嘻
