IDEA中文版 简单的web项目,用Servlet实现一个简单的页面访问 大学生作业可无脑跟随2024最新版

前提:安装专业版的IDEA,必须专业版!学生申请学生认证,非学生右转淘宝~

下载IDEA

IDEA下载完成之后记得插件装插件

还有自己提前下载好tomcat,压缩包就行tomcat自己看好版本问题

IDEA专业版学生申请

学生认证

点击“立即申请”

我是使用学校邮箱申请的,可以通过,要是学校邮箱被拉黑的,学信网也行

 通过之后用这个账号登陆就行,如果登陆一直登陆不进去,IDEA上有一个troubles,点一下用token也行

进去之后就可以开始啦。

整篇文章借鉴链接

第一步,创建moven项目

【文件】——【项目】

 这样就好了

然后配置文件

pom.xml

<!-- 公共依赖 -->
<dependencies>
	<!-- 单元测试 -->
	<dependency>
		<groupId>junit</groupId>
		<artifactId>junit</artifactId>
		<version>4.12</version>
	</dependency>
	<!-- spring-webmvc包含SpringMVC框架相关的所有类,包括框架的Servlets,Web MVC框架,控制器和视图支持 -->
	<dependency>
		<groupId>org.springframework</groupId>
		<artifactId>spring-webmvc</artifactId>
		<version>5.1.9.RELEASE</version>
	</dependency>
	<!-- 支持servlet的jar包 -->
	<dependency>
		<groupId>javax.servlet</groupId>
		<artifactId>servlet-api</artifactId>
		<version>2.5</version>
	</dependency>
	<!-- 支持servlet的jar包 -->
	<dependency>
		<groupId>javax..servlet.jsp</groupId>
		<artifactId>jsp-api</artifactId>
		<version>2.2</version>
	</dependency>
	<!-- 支持jsp视图 -->
	<dependency>
		<groupId>javax.servlet</groupId>
		<artifactId>jstl</artifactId>
		<version>1.2</version>
	</dependency>
</dependencies>

 在刚刚的项目基础上新建模块

右键刚刚新建的项目,在新建模块本文称为子项目

 子项目添加框架将其变成web项目

【双击shift键】,在弹出的搜索栏里搜索添加框架支持-------勾第一个web程序,确定之后就会多出来一个web文件夹

配置子项目里的文件

依然是pom.xml

<dependencies>
	<dependency>
		<groupId>javax.servlet</groupId>
		<artifactId>servlet-api</artifactId>
		<version>2.5</version>
	</dependency>
	<dependency>
		<groupId>javax.servlet.jsp</groupId>
		<artifactId>jsp-api</artifactId>
		<version>2.2</version>
	</dependency>
</dependencies>

 创建js文件

刚刚的web文件夹里新建test测试文件(其实没什么鸟用)

写一个类

注意:这个类的地址很重要!!!名字不一定重要,但是地址很重要,后面的配置自己要根据自己的文件名字修改,

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;

public class HelloServlet extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        //1、获取前端参数
        String method = req.getParameter("method");
        if(method.equals("add")){
            req.getSession().setAttribute("msg","执行了add方法");
        }
        if(method.equals("delete")){
            req.getSession().setAttribute("msg","执行了delete方法");
        }
        //2、调用业务层
        //3、视图转发或者重定向
        req.getRequestDispatcher("/WEB-INF/jsp/test.jsp").forward(req,resp);
    }

    @Override
    protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        doGet(req, resp);
    }
}

 请分清楚软件包和文件夹的区别

修改子项目配置

代码中的com.yuhoutian.servlet.HelloServlet需要根据你自己写的类去修改!!!

这里的文件是web.xml,子项目的

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee"
         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_4_0.xsd"
         version="4.0">

    <servlet>
        <servlet-name>hello</servlet-name>
        <servlet-class>com.yuhoutian.servlet.HelloServlet</servlet-class>
    </servlet>

    <servlet-mapping>
        <servlet-name>hello</servlet-name>
        <url-pattern>/hello</url-pattern>
    </servlet-mapping>
</web-app>

 tomcat配置问题

下载成功解压到自己的文件夹里,

添加系统环境变量

注意是系统变量

点击下面的【新建】

添加变量名和变量值

 找到系统里的path

双击进入

新建,输入%CATALINA_HOME%\bin

注意:接下载都点确定!

环境变量就配置成功了

回到IDEA接着配置

如题操作找到【编辑配置】

找不到就双击shift搜一下

之后进入

点击加号,【tomcat服务器】-----【本地】

 

 这个是【部署】里的,点击加号添加【工件】

 这就配置成功了!

然后运行就行

  • 8
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
好的,下面是详细的教程: 1. 环境准备 首先,需要准备好以下环境: - IDEA 2020版本 - JDK 1.8或以上 - Maven - Tomcat 2. 创建Maven项目 打开IDEA,选择File -> New -> Project,选择Maven,在左侧选项卡中选择Web Application,点击Next。在下一个页面中输入Group Id和Artifact Id,然后点击Next。 在下一个页面中,输入项目名称和路径,然后点击Finish。IDEA会自动创建一个Maven项目,并且生成一些基本的文件和目录结构。 3. 配置pom.xml 打开项目的pom.xml文件,添加以下依赖: ```xml <!-- Spring依赖 --> <dependency> <groupId>org.springframework</groupId> <artifactId>spring-webmvc</artifactId> <version>${spring.version}</version> </dependency> <!-- MyBatis依赖 --> <dependency> <groupId>org.mybatis</groupId> <artifactId>mybatis</artifactId> <version>${mybatis.version}</version> </dependency> <dependency> <groupId>org.mybatis</groupId> <artifactId>mybatis-spring</artifactId> <version>${mybatis-spring.version}</version> </dependency> <!-- 数据库驱动依赖 --> <dependency> <groupId>mysql</groupId> <artifactId>mysql-connector-java</artifactId> <version>${mysql.version}</version> </dependency> <!-- Servlet API依赖 --> <dependency> <groupId>javax.servlet</groupId> <artifactId>javax.servlet-api</artifactId> <version>${servlet.version}</version> <scope>provided</scope> </dependency> <!-- JSP API依赖 --> <dependency> <groupId>javax.servlet.jsp</groupId> <artifactId>javax.servlet.jsp-api</artifactId> <version>${jsp.version}</version> <scope>provided</scope> </dependency> <!-- JSTL依赖 --> <dependency> <groupId>jstl</groupId> <artifactId>jstl</artifactId> <version>${jstl.version}</version> </dependency> ``` 其中,${spring.version}、${mybatis.version}、${mybatis-spring.version}、${mysql.version}、${servlet.version}和${jsp.version}都是需要在pom.xml中定义的变量,例如: ```xml <properties> <spring.version>5.2.9.RELEASE</spring.version> <mybatis.version>3.5.6</mybatis.version> <mybatis-spring.version>2.0.6</mybatis-spring.version> <mysql.version>8.0.21</mysql.version> <servlet.version>3.1.0</servlet.version> <jsp.version>2.3.3</jsp.version> <jstl.version>1.2</jstl.version> </properties> ``` 4. 配置web.xml 在src/main/webapp/WEB-INF目录下创建web.xml文件,并添加以下内容: ```xml <web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://xmlns.jcp.org/xml/ns/javaee" xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_3_1.xsd" id="WebApp_ID" version="3.1"> <display-name>SSM Maven Webapp</display-name> <!-- SpringMVC配置 --> <servlet> <servlet-name>dispatcherServlet</servlet-name> <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class> <init-param> <param-name>contextConfigLocation</param-name> <param-value>classpath:spring/spring-mvc.xml</param-value> </init-param> <load-on-startup>1</load-on-startup> </servlet> <servlet-mapping> <servlet-name>dispatcherServlet</servlet-name> <url-pattern>/</url-pattern> </servlet-mapping> <!-- Spring配置 --> <context-param> <param-name>contextConfigLocation</param-name> <param-value>classpath:spring/spring-context.xml</param-value> </context-param> <listener> <listener-class>org.springframework.web.context.ContextLoaderListener</listener-class> </listener> <!-- 编码过滤器 --> <filter> <filter-name>encodingFilter</filter-name> <filter-class>org.springframework.web.filter.CharacterEncodingFilter</filter-class> <init-param> <param-name>encoding</param-name> <param-value>UTF-8</param-value> </init-param> <init-param> <param-name>forceEncoding</param-name> <param-value>true</param-value> </init-param> </filter> <filter-mapping> <filter-name>encodingFilter</filter-name> <url-pattern>/*</url-pattern> </filter-mapping> <!-- JSP和静态资源映射 --> <jsp-config> <jsp-property-group> <url-pattern>*.jsp</url-pattern> <page-encoding>UTF-8</page-encoding> </jsp-property-group> </jsp-config> <welcome-file-list> <welcome-file>index.jsp</welcome-file> </welcome-file-list> </web-app> ``` 5. 编写Spring配置文件 在src/main/resources目录下创建spring目录,并在其中创建spring-context.xml和spring-mvc.xml两个配置文件。 spring-context.xml: ```xml <!-- 数据源配置 --> <bean id="dataSource" class="org.springframework.jdbc.datasource.DriverManagerDataSource"> <property name="driverClassName" value="com.mysql.cj.jdbc.Driver"/> <property name="url" value="jdbc:mysql://localhost:3306/test?useUnicode=true&characterEncoding=utf-8&serverTimezone=UTC"/> <property name="username" value="root"/> <property name="password" value="123456"/> </bean> <!-- MyBatis配置 --> <bean id="sqlSessionFactory" class="org.mybatis.spring.SqlSessionFactoryBean"> <property name="dataSource" ref="dataSource"/> <property name="typeAliasesPackage" value="com.example.demo.entity"/> <property name="mapperLocations" value="classpath:mapper/*.xml"/> </bean> <!-- Mapper扫描配置 --> <bean class="org.mybatis.spring.mapper.MapperScannerConfigurer"> <property name="basePackage" value="com.example.demo.dao"/> </bean> ``` spring-mvc.xml: ```xml <!-- 扫描Controller --> <context:component-scan base-package="com.example.demo.controller"/> <!-- 配置视图解析器 --> <bean id="viewResolver" class="org.springframework.web.servlet.view.InternalResourceViewResolver"> <property name="prefix" value="/WEB-INF/views/"/> <property name="suffix" value=".jsp"/> </bean> <!-- 配置静态资源访问 --> <mvc:default-servlet-handler/> <!-- 配置SpringMVC注解支持 --> <mvc:annotation-driven/> ``` 6. 编写实体类和Mapper接口 在src/main/java目录下创建com.example.demo.entity和com.example.demo.dao两个包。 在com.example.demo.entity包中创建一个User类,用于表示用户信息: ```java public class User { private Integer id; private String name; private Integer age; // 省略getter和setter方法 } ``` 在com.example.demo.dao包中创建一个UserMapper接口,用于定义对User表的增删改查操作: ```java public interface UserMapper { List<User> listAll(); User getById(Integer id); void add(User user); void update(User user); void delete(Integer id); } ``` 7. 编写Mapper映射文件 在src/main/resources目录下创建mapper目录,并在其中创建UserMapper.xml文件,用于实现UserMapper接口中定义的操作: ```xml <mapper namespace="com.example.demo.dao.UserMapper"> <select id="listAll" resultType="com.example.demo.entity.User"> select * from user </select> <select id="getById" parameterType="java.lang.Integer" resultType="com.example.demo.entity.User"> select * from user where id = #{id} </select> <insert id="add" parameterType="com.example.demo.entity.User"> insert into user(name, age) values(#{name}, #{age}) </insert> <update id="update" parameterType="com.example.demo.entity.User"> update user set name = #{name}, age = #{age} where id = #{id} </update> <delete id="delete" parameterType="java.lang.Integer"> delete from user where id = #{id} </delete> </mapper> ``` 8. 编写Controller 在com.example.demo.controller包中创建一个UserController类,用于处理与用户相关的请求: ```java @Controller @RequestMapping("/user") public class UserController { @Autowired private UserMapper userMapper; @RequestMapping("/list") public String list(Model model) { List<User> userList = userMapper.listAll(); model.addAttribute("userList", userList); return "user/list"; } @RequestMapping("/add") public String add() { return "user/add"; } @RequestMapping("/doAdd") public String doAdd(User user) { userMapper.add(user); return "redirect:/user/list"; } @RequestMapping("/edit") public String edit(Integer id, Model model) { User user = userMapper.getById(id); model.addAttribute("user", user); return "user/edit"; } @RequestMapping("/doEdit") public String doEdit(User user) { userMapper.update(user); return "redirect:/user/list"; } @RequestMapping("/delete") public String delete(Integer id) { userMapper.delete(id); return "redirect:/user/list"; } } ``` 9. 编写JSP页面 在src/main/webapp/WEB-INF/views/user目录下创建list.jsp、add.jsp和edit.jsp三个文件,分别用于显示用户列表、添加用户和编辑用户: list.jsp: ```html <%@ page contentType="text/html;charset=UTF-8" language="java" %> <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %> <html> <head> <title>User List</title> </head> <body> <h1>User List</h1> <table border="1"> <tr> <th>ID</th> <th>Name</th> <th>Age</th> <th>操作</th> </tr> <c:forEach items="${userList}" var="user"> <tr> <td>${user.id}</td> <td>${user.name}</td> <td>${user.age}</td> <td> <a href="${pageContext.request.contextPath}/user/edit?id=${user.id}">编辑</a> <a href="${pageContext.request.contextPath}/user/delete?id=${user.id}">删除</a> </td> </tr> </c:forEach> </table> <br/> <a href="${pageContext.request.contextPath}/user/add">添加用户</a> </body> </html> ``` add.jsp: ```html <%@ page contentType="text/html;charset=UTF-8" language="java" %> <html> <head> <title>Add User</title> </head> <body> <h1>Add User</h1> <form action="${pageContext.request.contextPath}/user/doAdd" method="post"> Name: <input type="text" name="name"/><br/> Age: <input type="text" name="age"/><br/> <input type="submit" value="提交"/> </form> </body> </html> ``` edit.jsp: ```html <%@ page contentType="text/html;charset=UTF-8" language="java" %> <html> <head> <title>Edit User</title> </head> <body> <h1>Edit User</h1> <form action="${pageContext.request.contextPath}/user/doEdit" method="post"> <input type="hidden" name="id" value="${user.id}"/> Name: <input type="text" name="name" value="${user.name}"/><br/> Age: <input type="text" name="age" value="${user.age}"/><br/> <input type="submit" value="提交"/> </form> </body> </html> ``` 10. 部署和运行 在IDEA中点击菜单栏的Run -> Edit Configurations,选择Tomcat Server,点击左侧的“+”按钮,选择Local,并设置Tomcat安装目录和应用访问路径。点击OK后,就可以选择新建的配置并点击Run按钮来启动Tomcat服务器。 启动成功后,打开浏览器,访问http://localhost:8080/SSM_Maven_Webapp/user/list即可看到用户列表页面

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值