Maven实现数据在前端页面展示与增删改查（Spring通用）

已于 2023-12-19 23:35:32 修改
阅读量3.4k 收藏 38
点赞数 10
分类专栏： Java 文章标签： mysql java spring 数据库 maven
于 2020-07-02 14:52:24 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_48922459/article/details/107082611
版权

Maven实现数据在前端页面展示与增删改查（Spring通用）

项目开始，先上源码下载，点击下载

不需要积分，直接下载

Mave前后端的数据展示与操作源码

数据库准备

安装MySQL

MySQL安装地址
官网打开有点慢的，选择这个下载安装，傻瓜式一键到底
在这里插入图片描述

建立数据库

使用Navcat或SQLyog建立创建一个数据库：wzsxy，在这个数据库上创建一张表：tb_user，并输入几条起始数据
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

使用idea快速生成一个Maven工程

选择新建项目，左边的“Maven”，勾选“Create from archetype”，选择下方目录的maven-archetype-webapp，然后next
在这里插入图片描述
到了这一步，如果没有安装和配置过Maven，就选用idea自带的“Bundled(Maven 3)”，你们的和我可能不太一样，下面的两行是我自己配置的Maven设置和仓库位置，你们的选择“Bundled(Maven 3)”其他保持默认即可
在这里插入图片描述
初始的项目目录
在这里插入图片描述
我们最终搭建好的项目目录，大家可以先把目录建立好
解释一下bean包、dao包

1、bean 实体层 实体类 --> 属性，构造，方法
2、controller层： 控制层 控制业务逻辑
3、dao 持久层 --> 数据库的操作
4、service层：业务层 控制业务
fliter则是对未登录的网页进行拦截的操作

在这里插入图片描述
webapp下面就是我们的网页，也就是要展示和操作数据的地方，我已经配置好了网页(包含SQL代码)，源码资源里面有，在文章开头，可以无需积分下载。

配置pom.xml文件

在pom中导入项目需要的dependencies依赖，依赖在下方代码中

<?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>org.example</groupId>
  <artifactId>maven</artifactId>
  <version>1.0-SNAPSHOT</version>
  <packaging>war</packaging>

  <name>maven 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>
    <maven.compiler.source>1.8</maven.compiler.source>
    <maven.compiler.target>1.8</maven.compiler.target>
    <!-- spring版本号 -->
    <spring.version>5.0.2.RELEASE</spring.version>
    <!-- mybatis版本号 -->
    <mybatis.version>3.2.6</mybatis.version>
    <!-- log4j日志文件管理包版本 -->
    <slf4j.version>1.7.7</slf4j.version>
    <log4j.version>1.2.17</log4j.version>
    <c3p0.version>0.9.5.2</c3p0.version>
    <taglibs.version>1.1.2</taglibs.version>
  </properties>

  <dependencies>
    <!-- spring核心包 -->
    <dependency>
      <groupId>org.springframework</groupId>
      <artifactId>spring-core</artifactId>
      <version>${spring.version}</version>
    </dependency>

    <dependency>
      <groupId>org.springframework</groupId>
      <artifactId>spring-web</artifactId>
      <version>${spring.version}</version>
    </dependency>
    <dependency>
      <groupId>org.springframework</groupId>
      <artifactId>spring-oxm</artifactId>
      <version>${spring.version}</version>
    </dependency>
    <dependency>
      <groupId>org.springframework</groupId>
      <artifactId>spring-tx</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-webmvc</artifactId>
      <version>${spring.version}</version>
    </dependency>
    <dependency>
      <groupId>org.springframework</groupId>
      <artifactId>spring-aop</artifactId>
      <version>${spring.version}</version>
    </dependency>

    <dependency>
      <groupId>org.springframework</groupId>
      <artifactId>spring-context-support</artifactId>
      <version>${spring.version}</version>
    </dependency>

    <dependency>
      <groupId>org.springframework</groupId>
      <artifactId>spring-test</artifactId>
      <version>${spring.version}</version>
    </dependency>
    <!-- mybatis核心包 -->
    <dependency>
      <groupId>org.mybatis</groupId>
      <artifactId>mybatis</artifactId>
      <version>${mybatis.version}</version>
    </dependency>
    <!-- mybatis/spring包 -->
    <dependency>
      <groupId>org.mybatis</groupId>
      <artifactId>mybatis-spring</artifactId>
      <version>1.2.2</version>
    </dependency>
    <!-- 导入java ee jar 包 -->
    <dependency>
      <groupId>javax</groupId>
      <artifactId>javaee-api</artifactId>
      <version>7.0</version>
    </dependency>

    <!-- 导入Mysql数据库链接jar包 -->
    <dependency>
      <groupId>mysql</groupId>
      <artifactId>mysql-connector-java</artifactId>
      <version>5.1.30</version>
    </dependency>
    <!-- 导入dbcp的jar包，用来在applicationContext.xml中配置数据库 -->
    <dependency>
      <groupId>commons-dbcp</groupId>
      <artifactId>commons-dbcp</artifactId>
      <version>1.2.2</version>
    </dependency>
    <!-- JSTL标签类 -->
    <dependency>
      <groupId>jstl</groupId>
      <artifactId>jstl</artifactId>
      <version>1.2</version>
    </dependency>
    <!-- 日志文件管理包 -->
    <!-- log start -->
    <dependency>
      <groupId>log4j</groupId>
      <artifactId>log4j</artifactId>
      <version>${log4j.version}</version>
    </dependency>


    <!-- 数据连接池 -->
    <dependency>
      <groupId>com.mchange</groupId>
      <artifactId>c3p0</artifactId>
      <version>${c3p0.version}</version>
    </dependency>

    <dependency>
      <groupId>taglibs</groupId>
      <artifactId>standard</artifactId>
      <version>${taglibs.version}</version>
    </dependency>

    <dependency>
      <groupId>org.slf4j</groupId>
      <artifactId>slf4j-api</artifactId>
      <version>${slf4j.version}</version>
    </dependency>
    <dependency>
      <groupId>org.slf4j</groupId>
      <artifactId>slf4j-log4j12</artifactId>
      <version>${slf4j.version}</version>
    </dependency>

    <!-- 导入servlet-api/jsp -->
    <dependency>
      <groupId>javax.servlet</groupId>
      <artifactId>javax.servlet-api</artifactId>
      <version>3.1.0</version>
      <scope>provided</scope>
    </dependency>
    <!-- https://mvnrepository.com/artifact/javax.servlet.jsp/javax.servlet.jsp-api -->
    <dependency>
      <groupId>javax.servlet.jsp</groupId>
      <artifactId>javax.servlet.jsp-api</artifactId>
      <version>2.3.1</version>
      <scope>provided</scope>
    </dependency>
    <dependency>
      <groupId>org.mortbay.jetty</groupId>
      <artifactId>servlet-api</artifactId>
      <version>9.0.16</version>
    </dependency>

  </dependencies>

  <build>
    <finalName>maven</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>

粘贴到pom文件中，然后点击pom页面右上方的刷新图标，等待所需jar包的下载，需要数分钟
在这里插入图片描述

配置resouces

配置db.properties

配置db.properties文件是与我们创建的数据库建立连接，username和password是你创建数据库的初始密码，如果修改过请填写为你修改过的密码

jdbc.driver=com.mysql.jdbc.Driver
jdbc.url=jdbc:mysql://localhost:3306/wzsxy?useSSL=true&characterEncoding=utf-8
jdbc.username=root
jdbc.password=123456

配置applicationContext.xml

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd" >
<mapper namespace="com.XuYijie.dao.UserDao" >
    <select id="findUserByUserName" parameterType="String" resultType="com.XuYijie.bean.User">
        select * from tb_user where username=#{username}
    </select>

    <select id="findAll" resultType="com.XuYijie.bean.User" >
        select * from tb_user
        <if test="username!=null and username!=''">
             where username like concat("%",#{username},"%")
         </if>
         limit #{start},5
    </select>

    <delete id="deleteById" parameterType="int">
        delete from tb_user where id=#{id}
    </delete>

    <insert id="add" parameterType="user">
        insert into tb_user (username,password) values (#{username},#{password})
    </insert>

    <select id="selectById" parameterType="int" resultType="com.XuYijie.bean.User">
        select * from tb_user where id=#{id}
    </select>

    <update id="update" parameterType="user">
        update tb_user set username=#{username},password=#{password} where id=#{id}
    </update>

    <select id="getTotalCount" resultType="int">
        select count(*) from tb_user
        <if test="username!=null and username!=''">
            where username like concat("%",#{username},"%")
        </if>
    </select>
    
    <delete id="deleteAll" parameterType="list">
        delete from tb_user where id in 
        <foreach collection="ids" item="id" open="(" close=")" separator=",">
            #{id}
        </foreach>
    </delete>

</mapper>

bean层

PageInfo

package com.XuYijie.bean;

import java.util.List;

public class PageInfo<T> {
    private List<T> list;
    private int totalPage;
    private int size;
    private int totalCount;
    private int currentPage;

    public List<T> getList() {
        return list;
    }

    public void setList(List<T> list) {
        this.list = list;
    }

    public int getTotalPage() {
        return totalPage;
    }

    public void setTotalPage(int totalPage) {
        this.totalPage = totalPage;
    }

    public int getSize() {
        return size;
    }

    public void setSize(int size) {
        this.size = size;
    }

    public int getTotalCount() {
        return totalCount;
    }

    public void setTotalCount(int totalCount) {
        this.totalCount = totalCount;
    }

    public int getCurrentPage() {
        return currentPage;
    }

    public void setCurrentPage(int currentPage) {
        this.currentPage = currentPage;
    }
}

Role

package com.XuYijie.bean;

public class Role {
    private int id;
    private String rolename;
    private String roledesc;

    @Override
    public String toString() {
        return "Role{" +
                "id=" + id +
                ", rolename='" + rolename + '\'' +
                ", roledesc='" + roledesc + '\'' +
                '}';
    }

    public int getId() {
        return id;
    }

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

    public String getRolename() {
        return rolename;
    }

    public void setRolename(String rolename) {
        this.rolename = rolename;
    }

    public String getRoledesc() {
        return roledesc;
    }

    public void setRoledesc(String roledesc) {
        this.roledesc = roledesc;
    }
}

UserRole

package com.XuYijie.bean;

public class UserRole {
    private int id;
    private int userId;
    private int roleId;

    @Override
    public String toString() {
        return "UserRole{" +
                "id=" + id +
                ", userId=" + userId +
                ", roleId=" + roleId +
                '}';
    }

    public int getId() {
        return id;
    }

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

    public int getUserId() {
        return userId;
    }

    public void setUserId(int userId) {
        this.userId = userId;
    }

    public int getRoleId() {
        return roleId;
    }

    public void setRoleId(int roleId) {
        this.roleId = roleId;
    }
}

User

package com.XuYijie.bean;

public class User {

    public User() {
    }

    public User(int id, String username, String password) {
        this.id = id;
        this.username = username;
        this.password = password;
    }

    public User(String username, String password) {
        this.username = username;
        this.password = password;
    }

    private int id;
    private String username;
    private String password;

    public int getId() {
        return id;
    }

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

    public String getUsername() {
        return username;
    }

    public void setUsername(String username) {
        this.username = username;
    }

    public String getPassword() {
        return password;
    }

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

    @Override
    public String toString() {
        return "User{" +
                "id=" + id +
                ", username='" + username + '\'' +
                ", password='" + password + '\'' +
                '}';
    }
}

controller层

UserController

package com.XuYijie.controller;

import com.XuYijie.bean.PageInfo;
import com.XuYijie.bean.Role;
import com.XuYijie.bean.User;
import com.XuYijie.service.IRoleService;
import com.XuYijie.service.IUserService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.bind.annotation.ResponseBody;
import org.springframework.web.servlet.ModelAndView;

import javax.servlet.http.HttpSession;
import java.util.ArrayList;
import java.util.List;

@Controller
@RequestMapping("/user")
public class UserController {
    @Autowired
    private IUserService userService;
    @Autowired
    private IRoleService roleService;
    @RequestMapping("/login.do")
    public ModelAndView login(User user, HttpSession session){
        int id = userService.login(user.getUsername(), user.getPassword());
        ModelAndView modelAndView = new ModelAndView();
        if (id!=-1){
            List<Integer> roleIds = roleService.findRoleId(id);
            session.setAttribute("roleIds",roleIds);
            session.setAttribute("user",user);
            modelAndView.setViewName("main");
        }else {
            modelAndView.setViewName("../failer");
        }
        return modelAndView;
    }
    @RequestMapping("/findAll.do")
    public ModelAndView findAll(@RequestParam(defaultValue = "1") int currentPage,String username,@RequestParam(defaultValue = "0")int type,HttpSession session){
        if (type==1){
            session.setAttribute("searchname",username);
        }else {
            username=(String) session.getAttribute("searchname");
        }
        PageInfo<User> pageInfo = userService.findAll(currentPage,username);
        ModelAndView modelAndView = new ModelAndView();
        modelAndView.addObject("pageInfo",pageInfo);
        modelAndView.setViewName("user-list");
        return modelAndView;
    }
    @RequestMapping("/deleteById.do")
    public String delete(int id){
        userService.deleteById(id);
        return "redirect:findAll.do";

    }
    @RequestMapping("/add.do")
    public String add(User user){
        userService.add(user);
        return "redirect:findAll.do";
    }

    @RequestMapping("/toUpdate.do")
    public ModelAndView toUpdate(int id){
        User user = userService.selectUserById(id);
        ModelAndView modelAndView = new ModelAndView();
        modelAndView.setViewName("user-update");
        modelAndView.addObject("user",user);
        return modelAndView;
    }

    @RequestMapping("/update.do")
    public String update(User user){
        userService.update(user);
        return "redirect:findAll.do";
    }

    @RequestMapping("deleteAll.do")
    public String deleteAll(String userList){
        String[] strs = userList.split(",");
        List<Integer> ids = new ArrayList<>();
        for (String s:strs){
            ids.add(Integer.parseInt(s));
        }
        userService.deleteAll(ids);
        return "redirect:findAll.do";
    }

    @RequestMapping("toAddRole.do")
    public ModelAndView toAddRole(int id){
        List<Role> roleList = roleService.findRoleByUserId(id);
        ModelAndView mv = new ModelAndView();
        mv.addObject("roles",roleList);
        mv.addObject("id",id);
        mv.setViewName("user-role-add");
        return mv;
    }
    @RequestMapping
    @ResponseBody
    public String add(String roleList,String userId){
        String[] strs = roleList.split(",");
        List<Integer> ids=new ArrayList<>();
        for(String s:strs){
            ids.add(Integer.parseInt(s));
        }
        roleService.add(ids,userId);
        return "";
    }
}

dao层

UserDao

package com.XuYijie.dao;

import com.XuYijie.bean.User;
import org.apache.ibatis.annotations.Param;

import java.util.List;

public interface UserDao {
    User findUserByUserName(String username);

    List<User> findAll(@Param("start") int start,@Param("username") String username);

    void deleteById(int id);

    void add(User user);

    User selectById(int id);

    void update(User user);

    int getTotalCount(@Param("username")String username);

    void deleteAll(@Param("ids") List<Integer> ids);
}

RoleDao

package com.XuYijie.dao;

import com.XuYijie.bean.Role;
import com.XuYijie.bean.UserRole;

import java.util.List;

public interface RoleDao {
    List<Integer> findRoleIdByUserId(int userid);

    List<Role> findRoleByUserId(int id);

    void addRole(UserRole userRole);
}

service层

new pageinfo 对象 给pageinfo 赋值

IUserService

package com.XuYijie.service;

import com.XuYijie.bean.PageInfo;
import com.XuYijie.bean.User;

import java.util.List;

public interface IUserService {
    boolean login(String username,String password);

    PageInfo<User> findAll(int currentPage,String username);

    void deleteById(int id);

    void add(User user);

    User selectUserById(int id);

    void update(User user);

    void deleteAll(List<Integer> ids);
}

IRoleService

package com.XuYijie.service;

import com.XuYijie.bean.Role;

import java.util.List;

public interface IRoleService {
    List<Integer> findRoleId(int userId);

    List<Role> findRoleByUserId(int id);

    void add(List<Integer> ids, String userId);
}

impl包下的UserService

package com.XuYijie.service.impl;

import com.XuYijie.bean.PageInfo;
import com.XuYijie.bean.User;
import com.XuYijie.dao.UserDao;
import com.XuYijie.service.IUserService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;

import java.util.List;

@Service
public class UserService implements IUserService {
    @Autowired
    private UserDao userDao;
    @Override
    public boolean login(String username, String password) {
        User user = userDao.findUserByUserName(username);
        if (user != null&&user.getPassword().equals(password)){
            return true;
        }
        return false;
    }
    @Override
    public PageInfo<User> findAll(int currentPage,String username){
        PageInfo<User> pageInfo=new PageInfo<>();
        pageInfo.setSize(5);


        int tc = userDao.getTotalCount(username);
        pageInfo.setTotalCount(tc);
        int tp = (int)Math.ceil(tc/5.0);
        pageInfo.setTotalPage(tp);
        if (currentPage<1){
            pageInfo.setCurrentPage(1);
        } else if (currentPage>tp) {
            pageInfo.setCurrentPage(tp);
        }else {
            pageInfo.setCurrentPage(currentPage);
        }
        int start = (pageInfo.getCurrentPage()-1)*5;
        List<User> userList=userDao.findAll(start,username);
        pageInfo.setList(userList);
        return pageInfo;
    }

    //    @Override
//    public List<User> findAll() {
//        return userDao.findAll();
//    }
    @Override
    public void deleteById(int id){
        userDao.deleteById(id);
    }

    @Override
    public void add(User user) {
        userDao.add(user);
    }

    @Override
    public User selectUserById(int id) {
        return userDao.selectById(id);
    }

    @Override
    public void update(User user) {
        userDao.update(user);
    }

    @Override
    public void deleteAll(List<Integer> ids) {
        userDao.deleteAll(ids);
    }
}

impl包下的RoleService

package com.XuYijie.service.impl;

import com.XuYijie.bean.Role;
import com.XuYijie.bean.UserRole;
import com.XuYijie.dao.RoleDao;
import com.XuYijie.service.IRoleService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;

import java.util.List;
@Service
public class RoleService implements IRoleService {

    @Autowired
    private RoleDao roleDao;
    @Override
    public List<Integer> findRoleId(int userId) {
        return roleDao.findRoleIdByUserId(userId);
    }

    @Override
    public List<Role> findRoleByUserId(int id) {
        return roleDao.findRoleByUserId(id);
    }

    @Override
    public void add(List<Integer> ids, String userId) {
        for(int roleId:ids){
            UserRole userRole=new UserRole();
            userRole.setUserId(Integer.parseInt(userId));
            userRole.setRoleId(roleId);
            roleDao.addRole(userRole);
        }
    }
}

fliter

在filter里面 判断session里是否有user 如果没有user并且当前的请求不是login.do 跳转到登入页面否则继续执行
步骤：
a.新建 loginfilter implements Filter
在filter里面 判断session里是否有user 如果没有user并且当前的请求不是login.do 跳转到登入页面
否则继续执行
b.web.xml 配置filter 拦截所有的*.do
c.到userController里的login 方法，登入成功后把用户信息放到session里面

LoginFliter

package com.XuYijie.filter;

import com.XuYijie.bean.User;

import javax.servlet.*;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;
import java.io.IOException;


public class LoginFilter implements Filter {
    @Override
    public void init(FilterConfig filterConfig) throws ServletException {

    }

    @Override
    public void doFilter(ServletRequest servletRequest, ServletResponse servletResponse, FilterChain filterChain) throws IOException, ServletException {
        HttpServletRequest request = (HttpServletRequest) servletRequest;
        HttpServletResponse response = (HttpServletResponse) servletResponse;
        HttpSession session = request.getSession();
        User user = (User) session.getAttribute("user");
        String uri = request.getRequestURI();
        if (user==null && uri.indexOf("login.do")==-1){
            response.sendRedirect(request.getContextPath()+"login.jsp");
        }else {
            filterChain.doFilter(request,response);
        }
    }

    @Override
    public void destroy() {

    }

}

配置Tomcat

Tomcat下载地址
选择Core里面的最后一个下载安装
在这里插入图片描述
在idea右上角点击“Add Configuration”
在这里插入图片描述
在左上角“加号”里面选择Tomcat Service下的Local
在这里插入图片描述
然后点右边“+”“Artifact”添加一个maven:war即可
在这里插入图片描述

项目展示

保持MySQL和数据库的连接状态
运行程序
等待运行完成
在浏览器地址栏中输入 localhost:8080/ 回车
在这里插入图片描述
即可进入我们的登录页面，输入数据库里面的任意一个username和password
在这里插入图片描述
页面会显示我们数据库里的数据，并可以在页面上直接进行添加修改和删除
在这里插入图片描述

再放一次源码，以免你们没看到

不需要积分，直接下载

Mave前后端的数据展示与操作源码

繁华尽头满是殇
关注
  • 10
    点赞
  • 踩
  • 38
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
java框架快速使用mysql_SSM(SpringMVC+Spring+MyBatis)三大框架使用Maven快速搭建整合（实现数据库数据到页面进行展示）...
weixin_36488954的博客
01-27 588
本文介绍使用SpringMVC+Spring+MyBatis三大框架使用Maven快速搭建一个demo，实现数据从数据库中查询返回到页面进行展示的过程。技术选型：SpringMVC+Spring+MyBatis+MySql+Maven+JSP+IDEA+Tomcat7+JDK1.8+Navicat for MySql下面开始搭建项目：一、数据库环境搭建1、首先使用Navicat for MySql...
jQuery-EasyUI前端项目,后台框架SpringMVC,赋有详细注释，增删改查应有尽有
12-12
,jQuery,jQuery-Easyui,JSON,JS技术,Maven技术，Ajax无刷新登录，注册等等，Mybatis技术，还有导出Excel通用方法，通用类有需要的朋友可以下下来直接使用，以及RestFUL风格增删改查，以及前端各种校验等等。...
mysql数据库表的数据显示到前端tableView
qq_32663053的博客
04-17 454
将tableView内容设置成model然后就可以出现数据库的数据。首先我们在ui视图设计中引入TableView,
SpringMVC实现增删改查
TestXzing的博客
09-09 2017
SpringMVC实现增删改查
Web前端最全Vue3【六】实现页面简单的增删改查_elementplus 增删改查axios，那些年前端面试官常问的知识点
最新发布
2401_84619145的博客
05-16 713
downloadLoadingInstance = ElLoading.service({ text: ‘正在下载数据，请稍候’, background: ‘rgba(0, 0, 0, 0.7)’ });ElMessage.error(‘下载文件出现错误，请联系管理员！作为window对象属性的文档元素。
Springboot将数据库中数据显示在前端，并分页操作查询全部，根据id查询。
weixin_43369198的博客
04-07 1万+
楼主本身就是个小白，自己也是墨迹了好久才做出来。具体需求就是使用Springboot（其实ssm框架都一样，只不过连接数据库有一些不同），我下面也不介绍连接数据库了，百度很多方法。我主要将数据库中数据显示在前端，并分页操作查询全部，根据id查询。 经历：1.一开始使用springboot+thymeleaf+PageHapler来做，虽说博客上有很多例子，但是踩坑无数。印象中有thymeleaf依...
实现数据库中的数据在前端显示并能进行分页查询
Distantcxh的博客
09-20 714
上面使用的是Map，数据库和前端使用的用户名为username。实现数据库中的数据在前端显示并能进行分页查询。
纯前端实现增-删-改-查(模糊查询)和分页[本地存储当成数据库(vue + element)]
weixin_42386379的博客
02-11 7858
纯前端实现增-删-改-查(模糊查询)和分页[本地存储当成数据库(vue + element)]
前端数据传参插入mysql数据库查询语句
m0_62812713的博客
03-19 350
前端数据传参插入mysql数据库查询语句，与数据库交互本文章基于Django框架下urls.py下路由： 通过 < int : pk > 接收参数 1pk为前端传来的数据， 格式：shop为数据库的表 ，shop_id为表的列名字。
MVC模式 &三层架构思想完成增删改查.
lwj_07的博客
06-04 4277
MVC模式图解： 三层架构图解： 表现层、业务逻辑层、数据访问层互不干扰，也就是说比如我们表现层更改代码不会干涉到其他两层 (com.itheima.web 这代表的是包名 也就是说最好把表现层或者业务逻辑层放到此对应的包名下) 以后会用三大框架封装表现层、业务逻辑层、数据访问层 (对应框架：SpringMVC、Spring、Mybatis) MVC模式和三层架构图解： 也就是说我们学习的MVC模式对应的是三层架构的表现层 (相当于学三层架构的表现层) 运用以上三层..
数据库与前端的连接
热门推荐
m0_69327201的博客
05-07 1万+
bootstrap全局css样式链接 mysql数据库的搭建后端node.js前端 技术栈：后端 Node.js 数据库 mysql 前端 jquery 数据库的搭建 1.新建数据库 2.添加表单 3.根据所需内容设计表样式 后端node.js 本次使用express模块作为搭建 express/mysql/multer都是第三方模块，都需要下载后再进行使用 //expers框架 const express=require("express") //express的使用 const app=expres
springboot框架简单的增删改查
01-10
springboot框架简单的增删改查HTML为前端页面，如有不懂可联系
html最简单的增删改查实现方式
05-11
用js实现的一个增删改查，给学校javascript的同学用
SpringMVC项目,注解实现,前端框架jQuery,EasyUI.赋有详细注释,增删改查，导出一应具全
01-29
让你一看即明，在此项目中还加入了权限控制，已经完善，有需要的朋友可以参考也可直接使用,还有Mybatis技术以及导出Excel通用方法，通用类有需要的朋友可以下下来直接使用，以及RestFUL风格增删改查，以及前端各种...
SpringBoot Vue3 ElementPlus 后台通用权限管理系统 代码生成器 一键生成后端前端代码
12-16
SpringBoot Vue3 ElementPlus 前后端分离后台通用权限管理系统源码,支持多语言切换，带环境搭建，项目运行，代码生成器使用说明 ...字典管理(统一管理常用数据分类),代码生成(一键生成后端前端增删改查代码)
Spring+Spring MVC+Mybatis+Maven搭建多模块的web项目
10-14
采用了通用Mapper封装了单表的增删改查操作 github地址：https://gitee.com/free/Mapper 采用了分页插件 PageHelper github地址：https://github.com/pagehelper/Mybatis-PageHelper 前端页面上采用了当前主流的...
Maven+SSM+Bootstrap项目示例
12-14
基于Maven构建，框架使用现在主流的：SpringMVC（4.1）+Spring（4.1）+MyBatis（3.4.0），实现基本增删改查，页面国际化。数据源采用阿里开源的Druid，前端采用基于Bootstrap封装的模板AdminLTE（2.3.6）及Bootstrap...
MySQL与JavaScript互动:实现前端数据查询与操作
qq_67236081的博客
01-19 1904
本文介绍了如何使用JavaScript与MySQL进行互动，主要包括连接MySQL数据库、执行SQL查询和操作数据等步骤。通过阅读本文，读者可以掌握前端与MySQL数据库的基本交互方法，为实际项目中的应用奠定基础。
spring boot+maven+mysql做页面增删改查
05-24
好的，下面是一个简单的示例。 首先，在 pom.xml 文件中添加如下依赖： ```xml <dependencies> <!-- Spring Boot Web --> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-web</artifactId> </dependency> <!-- MySQL Connector --> <dependency> <groupId>mysql</groupId> <artifactId>mysql-connector-java</artifactId> </dependency> <!-- Spring Data JPA --> <dependency> <groupId>org.springframework.data</groupId> <artifactId>spring-data-jpa</artifactId> </dependency> </dependencies> ``` 然后在 application.properties 文件中配置数据库信息： ``` spring.datasource.url=jdbc:mysql://localhost:3306/db_name spring.datasource.username=root spring.datasource.password=123456 spring.jpa.hibernate.ddl-auto=update ``` 其中，db_name 是你的数据库名，root 和 123456 是你的 MySQL 用户名和密码。 接下来，创建一个实体类，比如 User： ```java @Entity @Table(name = "users") public class User { @Id @GeneratedValue(strategy = GenerationType.IDENTITY) private Long id; @Column(nullable = false) private String name; @Column(nullable = false) private Integer age; // 省略 getter 和 setter } ``` 然后，创建一个 UserRepository 接口，继承自 JpaRepository： ```java @Repository public interface UserRepository extends JpaRepository<User, Long> { } ``` 接下来，创建一个 UserController 类，处理用户的增删改查请求： ```java @RestController @RequestMapping("/users") public class UserController { @Autowired private UserRepository userRepository; @GetMapping("/") public List<User> getAllUsers() { return userRepository.findAll(); } @PostMapping("/") public User createUser(@RequestBody User user) { return userRepository.save(user); } @PutMapping("/{id}") public User updateUser(@PathVariable Long id, @RequestBody User user) { User existingUser = userRepository.findById(id) .orElseThrow(() -> new ResourceNotFoundException("User not found with id " + id)); existingUser.setName(user.getName()); existingUser.setAge(user.getAge()); return userRepository.save(existingUser); } @DeleteMapping("/{id}") public ResponseEntity<?> deleteUser(@PathVariable Long id) { User existingUser = userRepository.findById(id) .orElseThrow(() -> new ResourceNotFoundException("User not found with id " + id)); userRepository.delete(existingUser); return ResponseEntity.ok().build(); } } ``` 其中，@GetMapping("/") 处理获取所有用户的请求，@PostMapping("/") 处理创建用户的请求，@PutMapping("/{id}") 处理更新用户的请求，@DeleteMapping("/{id}") 处理删除用户的请求。 最后，启动应用程序，访问 http://localhost:8080/users 即可查看所有用户的信息。可以使用 Postman 等工具测试其他请求。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

繁华尽头满是殇

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

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

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

打赏作者

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

抵扣说明：

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

余额充值