SSM项目（ajax传送请求）2020年5月4日~5月-日

最新推荐文章于 2024-05-15 01:23:10 发布
最新推荐文章于 2024-05-15 01:23:10 发布
阅读量266 收藏
点赞数
分类专栏： # Spring项目 文章标签： java spring 后端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42739776/article/details/105925355
版权

文章目录

为了熟悉ssm框架，特此写了这个ssm项目，使用ajax传送请求，同时也是对前一个ssm的改进

1 创建对应的包，如图

在这里插入图片描述

2 pom.xml
<?xml version="1.0" encoding="UTF-8"?>

<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
  xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
  <modelVersion>4.0.0</modelVersion>

  <groupId>com.redocloud</groupId>
  <artifactId>ssm</artifactId>
  <version>1.0-SNAPSHOT</version>
  <packaging>war</packaging>

  <name>ssm Maven Webapp</name>
  <!-- FIXME change it to the project's website -->
  <url>http://www.example.com</url>

  <properties>
    <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
    <project.reporting.outputEncoding>UTF-8</project.reporting.outputEncoding>
    <!--统一版本-->
    <maven.compiler.source>1.8</maven.compiler.source>
    <maven.compiler.target>1.8</maven.compiler.target>
    <spring.version>5.0.2.RELEASE</spring.version>
    <java.version>1.8</java.version>
    <jdbc.driver.version>5.1.38</jdbc.driver.version>
    <aspectj.version>1.7.4</aspectj.version>
    <javax.servlet-api.version>3.1.0</javax.servlet-api.version>
    <jsp-api.version>2.2</jsp-api.version>
    <jstl.version>1.2</jstl.version>
    <mybatis.version>3.2.5</mybatis.version>
    <mybatis-spring.version>1.2.2</mybatis-spring.version>
    <maven-test.skip>true</maven-test.skip>
  </properties>

  <dependencies>
    <dependency>
      <groupId>junit</groupId>
      <artifactId>junit</artifactId>
      <version>4.11</version>
      <scope>test</scope>
    </dependency>
    <!--spring依赖-->
    <dependency>
      <groupId>org.springframework</groupId>
      <artifactId>spring-context-support</artifactId>
      <version>${spring.version}</version>
    </dependency>
    <dependency>
      <groupId>org.springframework</groupId>
      <artifactId>spring-jdbc</artifactId>
      <version>${spring.version}</version>
    </dependency>
    <dependency>
      <groupId>org.springframework</groupId>
      <artifactId>spring-tx</artifactId>
      <version>${spring.version}</version>
    </dependency>

    <!--springmvc依赖-->
    <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>${jdbc.driver.version}</version>
    </dependency>

    <!--aspectj相关包-->
    <dependency>
      <groupId>org.aspectj</groupId>
      <artifactId>aspectjrt</artifactId>
      <version>${aspectj.version}</version>
    </dependency>
    <dependency>
      <groupId>org.aspectj</groupId>
      <artifactId>aspectjweaver</artifactId>
      <version>${aspectj.version}</version>
    </dependency>

    <!--servlet相关包-->
    <dependency>
      <groupId>javax.servlet</groupId>
      <artifactId>javax.servlet-api</artifactId>
      <version>${javax.servlet-api.version}</version>
    </dependency>
    <dependency>
      <groupId>javax.servlet.jsp</groupId>
      <artifactId>jsp-api</artifactId>
      <version>${jsp-api.version}</version>
    </dependency>
    <dependency>
      <groupId>javax.servlet</groupId>
      <artifactId>jstl</artifactId>
      <version>${jstl.version}</version>
    </dependency>

    <!--数据传输时，对象与json格式互转-->
    <dependency>
      <groupId>com.fasterxml.jackson.core</groupId>
      <artifactId>jackson-databind</artifactId>
      <version>2.9.8</version>
    </dependency>
    <!--阿里的json工具-->
    <!-- https://mvnrepository.com/artifact/com.alibaba/fastjson -->
    <dependency>
      <groupId>com.alibaba</groupId>
      <artifactId>fastjson</artifactId>
      <version>1.2.47</version>
    </dependency>
  </dependencies>

  <build>
    <finalName>ssm</finalName>
    <pluginManagement><!-- lock down plugins versions to avoid using Maven defaults (may be moved to parent pom) -->
      <plugins>
        <plugin>
          <artifactId>maven-clean-plugin</artifactId>
          <version>3.1.0</version>
        </plugin>
        <!-- see http://maven.apache.org/ref/current/maven-core/default-bindings.html#Plugin_bindings_for_war_packaging -->
        <plugin>
          <artifactId>maven-resources-plugin</artifactId>
          <version>3.0.2</version>
        </plugin>
        <plugin>
          <artifactId>maven-compiler-plugin</artifactId>
          <version>3.8.0</version>
        </plugin>
        <plugin>
          <artifactId>maven-surefire-plugin</artifactId>
          <version>2.22.1</version>
        </plugin>
        <plugin>
          <artifactId>maven-war-plugin</artifactId>
          <version>3.2.2</version>
        </plugin>
        <plugin>
          <artifactId>maven-install-plugin</artifactId>
          <version>2.5.2</version>
        </plugin>
        <plugin>
          <artifactId>maven-deploy-plugin</artifactId>
          <version>2.8.2</version>
        </plugin>
      </plugins>
    </pluginManagement>
  </build>
</project>
3 创建实体类User.
/**
 * ClassName : User
 * package : com.redocloud.ssm.entity
 * 功能描述：
 *
 * @Date : 2020/5/4 0004 11:41
 * @Author : one world
 */
public class User implements Serializable {
    private Integer id;//用户id
    private String name;//用户名
    private String password;//密码
    private int gender;//性别 0为无,1为男,2为女
    private String regtime;//注册时间
    private String birthday;//生日
    private String sign;//个人签名

    public Integer getId() {
        return id;
    }

    public void setId(Integer id) {
        this.id = id;
    }

    public String getName() {
        return name;
    }

    public void setName(String name) {
        this.name = name;
    }

    public String getPassword() {
        return password;
    }

    public void setPassword(String password) {
        this.password = password;
    }

    public int getGender() {
        return gender;
    }

    public void setGender(int gender) {
        this.gender = gender;
    }

    public String getRegtime() {
        return regtime;
    }

    public void setRegTime(String regTime) {
        this.regtime = regTime;
    }

    public String getBirthday() {
        return birthday;
    }

    public void setBirthday(String birthday) {
        this.birthday = birthday;
    }

    public String getSign() {
        return sign;
    }

    public void setSign(String sign) {
        this.sign = sign;
    }

    @Override
    public String toString() {
        return "User{" +
                "id=" + id +
                ", name='" + name + '\'' +
                ", password='" + password + '\'' +
                ", gender=" + gender +
                ", regTime='" + regtime + '\'' +
                ", birthday='" + birthday + '\'' +
                ", sign='" + sign + '\'' +
                '}';
    }
}
4 创建UserDao接口
/**
 * ClassName : UserDao
 * package : com.redocloud.ssm.dao
 * 功能描述：
 *
 * @Date : 2020/5/4 0004 11:41
 * @Author : one world
 */
@Repository
public interface UserDao {
    List<User> findUsers();
    int addUser(User user);
    User findUserByName(String name);
}
5 在mappers中创建UserDao.xml文件
<!DOCTYPE mapper
        PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
        "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
<mapper namespace="com.redocloud.ssm.dao.UserDao">
    <select id="findUsers" resultType="com.redocloud.ssm.entity.User">
    select * from user
</select>
    <insert id="addUser" parameterType="com.redocloud.ssm.entity.User">
      insert into user(name,password,gender,regtime,birthday,sign)
      values(#{name},#{password},#{gender},#{regtime},#{birthday},#{sign})
  </insert>
<select id="findUserByName" parameterType="string" resultType="com.redocloud.ssm.entity.User">
    select * from user where name = #{name}
</select>
</mapper>
6 applicationContext.xml
<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"
       xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
       xmlns:aop="http://www.springframework.org/schema/aop"
       xmlns:context="http://www.springframework.org/schema/context"
       xmlns:tx="http://www.springframework.org/schema/tx"
       xsi:schemaLocation="http://www.springframework.org/schema/aop http://www.springframework.org/schema/aop/spring-aop-4.0.xsd
        http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans-4.0.xsd
        http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context-4.0.xsd

        http://www.springframework.org/schema/tx http://www.springframework.org/schema/tx/spring-tx-4.0.xsd">

    <!-- 自动扫描 -->
    <context:component-scan base-package="com.redocloud.ssm.dao"/>
    <context:component-scan base-package="com.redocloud.ssm.service"/>

    <!-- 配置数据源 -->
    <bean id="dataSource"
          class="org.springframework.jdbc.datasource.DriverManagerDataSource">
        <property name="driverClassName" value="com.mysql.jdbc.Driver"/>
        <property name="url"
                  value="jdbc:mysql://localhost:3306/ssm1"/>
        <!-- 改为你的地址即可 -->
        <property name="username" value="root"/>
        <property name="password" value="322728"/>
    </bean>


    <!-- 配置mybatis的sqlSessionFactory -->
    <bean id="sqlSessionFactory" class="org.mybatis.spring.SqlSessionFactoryBean">
        <property name="dataSource" ref="dataSource"/>
        <!-- 自动扫描mappers.xml文件 -->
        <property name="mapperLocations" value="classpath:mappers/*.xml"></property>
        <!-- mybatis配置文件 -->
        <property name="configLocation" value="classpath:config/mybatis-config.xml"></property>
    </bean>

    <!-- DAO接口所在包名，Spring会自动查找其下的类 -->
    <bean class="org.mybatis.spring.mapper.MapperScannerConfigurer">
        <property name="basePackage" value="com.redocloud.ssm.dao"/>
        <property name="sqlSessionFactoryBeanName" value="sqlSessionFactory"></property>
    </bean>

    <!-- (事务管理)transaction manager, use JtaTransactionManager for global tx -->
    <bean id="transactionManager"
          class="org.springframework.jdbc.datasource.DataSourceTransactionManager">
        <property name="dataSource" ref="dataSource"/>
    </bean>

    <!-- 配置事务通知属性 -->
    <tx:advice id="txAdvice" transaction-manager="transactionManager">
        <!-- 定义事务传播属性 -->
        <tx:attributes>
            <tx:method name="insert*" propagation="REQUIRED"/>
            <tx:method name="update*" propagation="REQUIRED"/>
            <tx:method name="upd*" propagation="REQUIRED"/>
            <tx:method name="edit*" propagation="REQUIRED"/>
            <tx:method name="save*" propagation="REQUIRED"/>
            <tx:method name="add*" propagation="REQUIRED"/>
            <tx:method name="new*" propagation="REQUIRED"/>
            <tx:method name="set*" propagation="REQUIRED"/>
            <tx:method name="remove*" propagation="REQUIRED"/>
            <tx:method name="delete*" propagation="REQUIRED"/>
            <tx:method name="del*" propagation="REQUIRED"/>
            <tx:method name="change*" propagation="REQUIRED"/>
            <tx:method name="check*" propagation="REQUIRED"/>
            <tx:method name="get*" propagation="REQUIRED" read-only="true"/>
            <tx:method name="search*" propagation="REQUIRED" read-only="true"/>
            <tx:method name="find*" propagation="REQUIRED" read-only="true"/>
            <tx:method name="load*" propagation="REQUIRED" read-only="true"/>
            <tx:method name="*" propagation="REQUIRED" read-only="true"/>
        </tx:attributes>
    </tx:advice>

    <!-- 配置事务切面 -->
    <aop:config>
        <aop:pointcut id="serviceOperation"
                      expression="(execution(* com.redocloud.ssm.service.*.*(..)))"/>
        <aop:advisor advice-ref="txAdvice" pointcut-ref="serviceOperation"/>
    </aop:config>

</beans>
7 mybatis-config.xml
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE configuration
        PUBLIC "-//mybatis.org//DTD Config 3.0//EN"
        "http://mybatis.org/dtd/mybatis-3-config.dtd">
<configuration>
    <typeAliases>
        <package name="com.ssm.demo.entity"/>
    </typeAliases>
</configuration>
8 spring-mvc.xml的配置
<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"
       xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
       xmlns:context="http://www.springframework.org/schema/context"
       xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans-4.0.xsd
        http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context-4.0.xsd">

    <!-- 使用注解的包，包括子集 -->
    <context:component-scan base-package="com.redocloud.ssm.controller"/>

    <!-- 视图解析器 -->
    <bean id="viewResolver"
          class="org.springframework.web.servlet.view.InternalResourceViewResolver">
        <property name="prefix" value="/pages/"/>
        <property name="suffix" value=".jsp"></property>
    </bean>
</beans>
9 web.xml的配置
<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://java.sun.com/xml/ns/javaee"
         xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd"
         id="WebApp_ID" version="2.5">
  <display-name>ssm-demo</display-name>


  <!--Start 欢迎页-->
  <welcome-file-list>
    <welcome-file>pages/login.jsp</welcome-file>
  </welcome-file-list>
  <!--End 欢迎页-->

  <context-param>
    <param-name>contextConfigLocation</param-name>
    <param-value>classpath:config/applicationContext.xml</param-value>
  </context-param>

  <!--Start 编码过滤器 解决乱码问题-->
  <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>
  </filter>
  <filter-mapping>
    <filter-name>encodingFilter</filter-name>
    <url-pattern>/*</url-pattern>
  </filter-mapping>
  <!--End 编码过滤器 解决乱码问题-->

  <!--Start spring监听器 -->
  <listener>
    <listener-class>org.springframework.web.context.ContextLoaderListener</listener-class>
  </listener>
  <!--End Start spring监听器 -->

  <!--Start spring mvc servlet-->
  <servlet>
    <servlet-name>springMVC</servlet-name>
    <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
    <init-param>
      <param-name>contextConfigLocation</param-name>
      <param-value>classpath:config/spring-mvc.xml</param-value>
    </init-param>
    <load-on-startup>1</load-on-startup>
  </servlet>
  <!--End spring mvc servlet-->

  <!--Start servlet-mapping -->
  <servlet-mapping>
    <servlet-name>springMVC</servlet-name>
    <url-pattern>/</url-pattern>
  </servlet-mapping>
  <!--End servlet-mapping -->

</web-app>
10.UserService接口（放在service包下）
/**
 * ClassName : UserService
 * package : com.redocloud.ssm.service
 * 功能描述：
 *
 * @Date : 2020/5/4 0004 12:25
 * @Author : one world
 */
public interface UserService {
    List<User> findUsers();
    int addUser(User user);
    User findUserByName(String name);
}
11 UserServiceImpl实现类（放在service包下的impl包下）
@Service
/**
 * ClassName : UserServiceImpl
 * package : com.redocloud.ssm.service.impl
 * 功能描述：
 *
 * @Date : 2020/5/4 0004 12:26
 * @Author : one world
 */
public class UserServiceImpl implements UserService {
    @Autowired
    private UserDao userDao;
    @Override
    public List<User> findUsers() {
        return userDao.findUsers();
    }

    @Override
    public int addUser(User user) {
        if(userDao.addUser(user)>0){
            return 1;
        }
        return 0;
    }

    @Override
    public User findUserByName(String name) {
        return userDao.findUserByName(name);
    }
}
12 创建MD5工具类MD5Utils.java放于utils包下
public class MD5Utils {


    /***
     * MD5加码 生成32位md5码
     */
    public static String string2MD5(String inStr) {
        MessageDigest md5 = null;
        try {
            md5 = MessageDigest.getInstance("MD5");
        } catch (Exception e) {
            e.printStackTrace();
            return "";
        }
        char[] charArray = inStr.toCharArray();
        byte[] byteArray = new byte[charArray.length];

        for (int i = 0; i < charArray.length; i++)
            byteArray[i] = (byte) charArray[i];
        byte[] md5Bytes = md5.digest(byteArray);
        StringBuffer hexValue = new StringBuffer();
        for (int i = 0; i < md5Bytes.length; i++) {
            int val = ((int) md5Bytes[i]) & 0xff;
            if (val < 16)
                hexValue.append("0");
            hexValue.append(Integer.toHexString(val));
        }
        return hexValue.toString();

    }

    /**
     * 加密解密算法 执行一次加密，两次解密
     */
    public static String convertMD5(String inStr) {

        char[] a = inStr.toCharArray();
        for (int i = 0; i < a.length; i++) {
            a[i] = (char) (a[i] ^ 't');
        }
        String s = new String(a);
        return s;

    }

    /**
     * 判断输入的密码和数据库中保存的MD5密码是否一致
     * @param inputPassword 输入的密码
     * @param md5DB 数据库保存的密码
     * @return
     */
    public static boolean passwordIsTrue(String inputPassword,String md5DB) {

        String md5 = string2MD5(inputPassword);
        return md5DB.equals(md5);
    }


}

#13 UserController控制器：

/**
 * ClassName : UserController
 * package : com.redocloud.ssm.controller
 * 功能描述：
 *
 * @Date : 2020/5/4 0004 12:29
 * @Author : one world
 */
@Controller
public class UserController {
    @Autowired
    private UserService userService;
    @RequestMapping("/addUser")
    public String addUser(@RequestParam("name") String name,@RequestParam("password") String password,@RequestParam("gender") int gender ){
        User user = new User();
        user.setGender(gender);
        user.setName(name);

        user.setPassword(MD5Utils.string2MD5(password));
        SimpleDateFormat simpleDateFormat = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");
        user.setRegTime(simpleDateFormat.format(new Date()));
        int rows = userService.addUser(user);
        System.out.println("注册成功");

        return "login";
    }
    @RequestMapping("/login")
    @ResponseBody
    public String login(@RequestParam("name") String name, @RequestParam("password") String password, HttpSession session){
        //用户返回ajax dataType对应的信息
        String msg = "";
        User user = userService.findUserByName(name);
        System.out.println("登录中.....");
         if(user!=null) {
             if(MD5Utils.passwordIsTrue(password, user.getPassword())){
                 System.out.println("登录成功！");
                 session.setAttribute("name",user.getName());
                 session.setAttribute("gender",user.getGender());
                 session.setAttribute("sign",user.getSign());
                 session.setAttribute("birthday",user.getBirthday());
                 session.setAttribute("regtime",user.getRegtime());
                 msg = "success";
             }else{
                 msg = "error";
             }
         }else{
             msg = "error";
         }
         return JSON.toJSONString(msg);

    }
    /**
     * 用于解决登录时，ajax请求controller无法返回user.jsp页面的问题
     */
    @RequestMapping("/toUser")
    public String toUser(){
        return "user";
    }
    /**
     * 用于ajax登录失败，跳转到login.jsp
     */
    @RequestMapping("toLogin")
    public String toLogin(){
        return "login";
    }

}
jsp页面：

login.jsp:登录

<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2020/5/4 0004
  Time: 15:29
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <script src="http://libs.baidu.com/jquery/2.0.0/jquery.js"></script>
    <script type="text/javascript">
       function login() {
           var name = $("#name").val();
           var password = $("#password").val();
           $.ajax({
               url: "/ssm_war_exploded/login",
               type: "POST",
               dataType: "json",
               data: {"name": name, "password": password},
               success:function (data) {
                   console.log(data)
                   window.location.href="/ssm_war_exploded/toUser"
               },error:function () {
                   console.log("错误");
               }
           })
       }
    </script>
    <title>Title</title>
</head>
<body>
    账号：<input type="text" name="name" id="name">
    密码:<input type="password" name="password" id="password"/>
    <input type="button" οnclick="login()" value="登录"/>
</body>
</html>

register.jsp:注册

<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2020/5/4 0004
  Time: 15:31
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <script src="http://libs.baidu.com/jquery/2.0.0/jquery.js"></script>
    <script type="text/javascript">
        function register() {
            var name = $("#name").val();
            var password = $("#password").val();
            var gender=$("#gender").val();
            var data = {"name":name,"password":password,"gender":gender};
            console.log(data)
          $.ajax({
              url : "/ssm_war_exploded/addUser",
              type : "POST",
              dataType : "json",
              data : data,
              success:function (msg) {

              }
          })
        }
    </script>
    <title>Title</title>
</head>
<body>
    <span>用户名：</span><input type="text" id="name" name="name"/>
    <span>密码：</span><input type="password" id="password" name="password"/>
    <span>确认密码：</span><input type="password" id="password2" name="password2"/>
    <span>性别</span><input type="text" id="gender" name="gender">
    <input type="button" οnclick="register()" value="注册"/>
</body>
</html>

user.jsp:用于展示登录成功，用户的部分信息

<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2020/5/4 0004
  Time: 19:24
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>User</title>
</head>
<body>
<h3>欢迎你，${sessionScope.name}</h3>
<p>${sessionScope.gender}</p>
${sessionScope.sign}
${sessionScope.birthday}
${sessionScope.regtime}
</body>
</html>
SinceThenLater
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
java-ssm-基于ssm的老年公寓管理系统项目-代码-源码-项目-系统-毕设-网站-代码
01-16
java-ssm-基于ssm的老年公寓管理系统项目-代码-源码-项目-系统-毕设-网站 1、技术栈：java,ssm,vue，ajax，maven，mysql，MyBatisPlus等 2、系统的实现 用户信息 图片素材 视频素材 摘 要 I 目 录 III 第1章 绪论 ...
SSM框架中使用ajax传递数据
SSL 的博客
11-16 2129
1. 依赖准备 <dependency> <groupId>com.fasterxml.jackson.core</groupId> <artifactId>jackson-databind</artifactId> <version>2.13.0</version> </dependency> <
扩展：构建ssm项目，使用ajax请求实现layui单表的查询和添加
Liu_wen_wen的博客
08-25 817
扩展：构建ssm项目，使用ajax请求实现layui单表的查询和添加
ajax+json进行数据传输请求（ssm框架）_前后端的数据传递,建议采用json+ajax请求方式
最新发布
2401_85011895的博客
05-15 756
controller的类型不仅仅限制于Map JSONObject这些。还可以是String等等，比如我做如下修改，将JSONObject改为String类型，然后直接返回一个String类型的ce。a）我们设置的方法为，只要点击“id=b1”的按钮，就会触发这个函数。代码如下（TestController.java）1.5 Controller其他写法。1.3 controller写法。c）ajax要发送好几个数据。1.4、运行及效果图。
构建ssm项目，使用jquery ajax请求实现单表的增删改查
Liu_wen_wen的博客
08-25 1178
jquery ajax实现 SSM增删改查
SSM中使用AJAX请求数据
吖飞
08-05 5089
刚接触在ssm中使用ajax请求，之前用PHP来写的时候接收返回数据觉得挺简单的，但在java这边的ssm就有点不同了，在这里写一下刚测试成功的demo。 注：前端搭建就不累赘了，用js还是jq看个人喜好，个人觉得用jq来写ajax会比较简洁明了，下面我也会是用jq的方式来写。 一、在pom.xml中导入json和jackson包，导入这些包才能使用注解方式来封装json数据。 &lt;!...
SSM框架09 请求以及处理流程02
Wantfly9951的博客
03-08 260
目录1、在前端页面通过ajax发送请求方法一2、在前端页面通过ajax发送请求方法二3、同时也可以通过某些方法跳转页面 1、在前端页面通过ajax发送请求方法一 $(function (){ checkusername(); }); function checkusername(){ $("#regusername").blur(function () { var regusername=$("#regusername").val()
ssm-ajax.rar
09-24
【SSM-AJAX技术整合详解】 在现代Web开发中，Spring、MyBatis和Ajax是常见的技术栈，它们在构建高效、动态的交互式Web应用中起着至关重要的作用。"ssm-ajax.rar"这个压缩包文件包含了关于如何将这三种技术整合，并...
老年公寓管理系统-老年公寓管理系统的设计与实现代码-java-ssm-基于ssm的老年公寓管理系统项目-代码-源码-项目-代码
01-16
老年公寓管理系统统-老年公寓管理系统的设计与实现代码-java-ssm-基于ssm的老年公寓管理系统项目-代码-源码-项目-系统-毕设-网站 1、技术栈：java,ssm,vue，ajax，maven，mysql，MyBatisPlus等 2、系统的实现 用户...
老年公寓管理系统的设计与实现代码-java-ssm-基于ssm的老年公寓管理系统项目-代码-源码-项目-系统-毕设-网站-代码
01-16
老年公寓管理系统的设计与实现代码-java-ssm-基于ssm的老年公寓管理系统项目-代码-源码-项目-系统-毕设-网站 1、技术栈：java,ssm,vue，ajax，maven，mysql，MyBatisPlus等 2、系统的实现 用户信息 图片素材 视频...
liddhome-yosebook-ssm-master_ssm项目_
10-03
这个名为“liddhome-yosebook-ssm-master_ssm项目_”的压缩包文件，显然是一个针对初学者设计的实践项目，旨在帮助新手更好地理解和掌握SSM框架的运用。 首先，我们来详细了解SSM框架的三个核心组成部分： 1. **...
基于spring boot和vue的前后端分离的外卖系统
03-25
一个完整的外卖系统，包括手机端，后台管理，api 基于spring boot和vue的前后端分离的外卖系统 包含完整的手机端，后台管理功能 技术选型 核心框架：Spring Boot 数据库层：Spring data jpa/Spring data mongodb 数据库连接池：Druid 缓存：Ehcache 前端：Vue.js 数据库：mysql5.5以上,Mongodb4.0(不要使用最新版4.2) 模块 flash-waimai-mobile 手机端站点 flash-waimai-manage后台管理系统 flash-waimai-api java接口服务 flash-waimai-core 底层核心模块 flash-waimai-generate 代码生成模块 快速开始 数据存储采用了mysql和mongodb，其中基础管理配置功能数据使用mysql，业务数据使用mongodb存储。 创建mysql数据库 CREATE DATABASE IF NOT EXISTS waimai DEFAULT CHARSET utf8 COLLATE utf8_general_ci; CREATE USER 'waimai'@'%' IDENTIFIED BY 'waimai123'; GRANT ALL privileges ON waimai.* TO 'waimai'@'%'; flush privileges; mysql数据库创建好了之后，启动flash-waimai-api服务，会自动初始化数据，无需开发人员自己手动初始化数据 安装mongodb并创建数据库:flash-waimai 使用mongorestore命令 导入mongodb数据,由于测试数据量较大，打包放在了百度云盘：链接：https://pan.baidu.com/s/1mfO7yckFL7lMb_O0BPsviw 提取码：apgd 下载后将文件解压到d:\elm，如下命令导入数据： mongorestore.exe -d flash-waimai d:\\elm 下载项目测试数据的图片（商家和食品图片）：链接：https://pan.baidu.com/s/1rvZDspoapWa6rEq2D_5kzw 提取码：urzw ，将图片存放到t_sys_cfg表中system.file.upload.path配置的目录下 启动管理平台:进入flash-waimai-manage目录：运行 npm install --registry=https://registry.npm.taobao.org运行npm run dev启动成功后访问 http://localhost:9528 ,登录，用户名密码:admin/admin 启动手机端:进入flash-waimai-mobile目录：运行 npm install --registry=https://registry.npm.taobao.org运行npm run local启动成功后访问 http://localhost:8000
SSM框架加上Ajax demo
09-12
这是我实习的时候留下的一点小小的经验，我本是不想要积分的，但是这个网站好像是想钱想疯了在学习的同志们，与君共勉！
java高校食堂点餐系统设计与实现毕业设计程序
09-19
采用java技术构建的一个管理系统。整个开发过程首先对系统进行需求分析，得出系统的主要功能。接着对系统进行总体设计和详细设计。总体设计主要包括系统功能设计、系统总体结构设计、系统数据结构设计和系统安全设计等；详细设计主要包括系统数据库访问的实现，主要功能模块的具体实现，模块实现关键代码等。最后对系统进行功能测试，并对测试结果进行分析总结。 包括程序毕设程序源代码一份，数据库一份，完美运行。配置环境里面有说明。如有不会运行源代码或定制私信。
jquery_ajax实现案例（SSM框架）
01-03
jquery ajax实现步骤，word文档记录方式，里面放有步骤代码(可适用于是ssm框架)
SSM46：Get和post发送请求数据
weixin_51330376的博客
11-03 528
出现乱码的原因相信大家都清楚，Tomcat8.5以后的版本已经处理了中文乱码的问题，但是IDEA中的Tomcat插件目前只到Tomcat7，所以需要修改pom.xml来解决GET请求中文乱码问题。将web.xml删除，换成ServletContainersInitConfig。将pom.xml中多余的内容删除掉，再添加SpringMVC需要的依赖。如果我们传递的参数中有中文，你会发现接收到的参数会出现中文乱码问题。和GET一致，不用做任何修改。解决中文乱码方案:配置过滤器。
ssm(spring+springmvc+mybatis)发起ajax请求前后端数据交互问题与解决方案
坚持不懈的大白的博客
10-04 1816
1.ajax发起无参的ajax请求返回任意类型的数据 通常这种请求最为简单，不会报错，如下： jsp界面 controller 运行结果 能在浏览器控制台正常返回结果。 2.ajax发起有参的ajax请求返回任意类型的数据 jsp界面 controller 运行结果 后端能成功接收到数据 浏览器控制台能正常显示后端返回的数据 2.ajax发起有参(且参数为某一个对象类型)的ajax请求返回任意类型的数据 jsp界面 如果我们想直接把对象作为参数传入到后端去，那么需要把data数据转换成jso
简单的SSM整合包含Ajax请求
qq_43267023的博客
11-25 1354
1.开发工具：tomcat8+idea2020.3 2.数据库：Mysql5.7 3.主要技术： 后端：Spring、SpringMVC、Mybatis 前端：Jsp、Jquery、Ajax，BootStrap 4.数据库的创建和表的创建 5.Maven项目创建 6.导入依赖的包 7.创建相应包 8.编写ApplicationContext.xml配置文件，这里我们把三层需要的配置文件分别在ApplicationContext.xml中用import导入 包含三个配置文件：spring-
Ajax异步请求结合SSM框架传输数据的几种方式
飞奔的嗨少
05-22 719
方法一 1.ajax中指定contentType为"application/json;charset=utf-8"， 2.data传输的参数必须为json字符串，也就是'{"name":"tom","money":"1200"}' 3.Controller中的方法的接收参数必须采用@RequestBody接收 4.打开F12，发现传过去的参数类型是request Payload <!--springmvc相关依赖--> <dependency> <groupId>o
使用Ajax实现SSM项目分页功能详解
"通过Ajax技术实现Test_Shop_SSM项目中的分页功能，主要涉及到的技术栈包括SpringMVC和Ajax。" 在Web应用中，分页功能是必不可少的，尤其在处理大量数据时，它能帮助用户更有效地浏览和管理信息。在Test_Shop_SSM...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

SinceThenLater

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值