使用springboot+MybatisPlus+vue实现论文基础管理系统

最新推荐文章于 2024-04-12 03:29:42 发布
最新推荐文章于 2024-04-12 03:29:42 发布
阅读量451 收藏 1
点赞数
文章标签： spring boot vue.js mybatis Powered by 金山文档
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lps12345666/article/details/129290728
版权

页面效果如下

分析所需内容

数据库信息如下

t_paper

t_comment

好了 数据库搞定 新建Springboot项目 选择Spring Initializr

pom文件增加引入下面这三个依赖

 <!-- mybatis-plus -->
        <dependency>
            <groupId>com.baomidou</groupId>
            <artifactId>mybatis-plus-boot-starter</artifactId>
            <version>3.5.1</version>
        </dependency>
        <!-- lombok -->
        <dependency>
            <groupId>org.projectlombok</groupId>
            <artifactId>lombok</artifactId> <optional>true</optional>
        </dependency>
        <!-- mysql-connector -->
        <dependency>
            <groupId>mysql</groupId>
            <artifactId>mysql-connector-java</artifactId>
            <version>8.0.32</version>
        </dependency>

四层架构 直接新建四个包 controller(控制器) entity(实体类) mapper(映射文件)service(服务层）

在生成的resources中会有application.properties 这边我更加喜欢yml格式 显示的更加的舒服易懂 然后进行配置即可

server:
  port: 8080
spring:
  # 配置数据源信息
  datasource:
    # 配置数据源类型
    type: com.zaxxer.hikari.HikariDataSource
    # 配置连接数据库信息
    driver-class-name: com.mysql.cj.jdbc.Driver
    url: jdbc:mysql://localhost:3306/tess01?useUnicode=true&characterEncoding=utf8&zeroDateTimeBehavior=convertToNull&useSSL=false&serverTimezone=GMT%2B8&allowPublicKeyRetrieval=true
    username: root
    password: 123456
mybatis-plus:
  type-aliases-package: com.lps.entity
  configuration:
    # 配置MyBatis日志，执行sql的时候，将sql打印到控制台
    log-impl: org.apache.ibatis.logging.stdout.StdOutImpl
  global-config:
    db-config:
      table-prefix: t_
      id-type: assign_id
  mapper-locations: classpath:mappers/*.xml

好了 开始整理实体类

Paper.java 因为使用的是雪花算法 Long类型从前台传回来可能会存在精度缺失 您请记得id加上这串注解

@JsonSerialize(using = ToStringSerializer.class)

package com.lps.entity;

import com.baomidou.mybatisplus.annotation.TableField;
import com.fasterxml.jackson.databind.annotation.JsonSerialize;
import com.fasterxml.jackson.databind.ser.std.ToStringSerializer;
import lombok.Data;

@Data
public class Paper {
    @JsonSerialize(using = ToStringSerializer.class)
    private Long id;
    private String title;
    private String author;
    private String paperType;
    private String publishDate;
    private Integer state;
    @TableField(exist = false)
    private Integer cnt;
}

HttpResult.java

package com.lps.entity;

import lombok.AllArgsConstructor;
import lombok.Data;
import lombok.NoArgsConstructor;

@Data
@AllArgsConstructor
@NoArgsConstructor
public class HttpResult {
    private int code;
    private String msg;
    private Object data;
    private int total;
}

实体类搞定之后准备开始精进mapper类

PaperMapper.java 接口

package com.lps.mapper;
import com.baomidou.mybatisplus.core.mapper.BaseMapper;
import com.lps.entity.Paper;
import java.util.List;
/**
 * @author 阿水
 * @create 2023-03-01 10:19
 */
public interface PaperMapper extends BaseMapper<Paper> {
    List<Paper> findAll(Integer pageIndex ,Integer pageSize,String title,String type);

}

映射mapper文件

PaperMapper.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.lps.mapper.PaperMapper">

    <select id="findAll" resultType="Paper">
        SELECT
        DISTINCT p.*, (SELECT count(*) FROM t_comment WHERE p_id=c.p_id) AS cnt
        FROM
        t_paper AS p LEFT JOIN t_comment AS c
        ON
        p.id=c.p_id
        <where>
            <if test="title !='null' and title != ''">
                AND title like '%${title}%'
            </if>
            <if test="type !='null' and type != ''">
                AND paper_type=#{type}
            </if>
        </where>
        ORDER BY p.publish_date DESC
        LIMIT #{pageIndex}, #{pageSize}
    </select>

</mapper>

整理service层面

IPaperService.java 接口

package com.lps.service;
import com.lps.entity.HttpResult;
import com.lps.entity.Paper;

/**
 * @author 阿水
 * @create 2023-03-01 10:21
 */
public interface IPaperService {
    HttpResult save(Paper paper);
    HttpResult modify(Paper paper);
    HttpResult remove(Long id );
    HttpResult findAll(Integer pageIndex , Integer pageSize, String title, String type);

    HttpResult findById(Long id);
}

PaperServiceImpl.java接口实现类

package com.lps.service.impl;

import com.lps.entity.HttpResult;
import com.lps.entity.Paper;
import com.lps.mapper.PaperMapper;
import com.lps.service.IPaperService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;

import java.util.List;

/**
 * @author 阿水
 * @create 2023-03-01 10:26
 */
@Service
public class PaperServiceImpl implements IPaperService {
    @Autowired(required = false)
    private PaperMapper paperMapper;

    @Override
    public HttpResult save(Paper paper) {
        int insert = paperMapper.insert(paper);
        HttpResult httpResult = null;
        if (insert > 0) {
            httpResult = new HttpResult(200, "添加论文成功", null, 0);
        } else {
            httpResult = new HttpResult(500, "添加论文失败", null, 0);
        }
        return httpResult;
    }

    @Override
    public HttpResult modify(Paper paper) {
        int insert = paperMapper.updateById(paper);
        HttpResult httpResult = null;
        if (insert > 0) {
            httpResult = new HttpResult(200, "修改论文成功", null, 0);
        } else {
            httpResult = new HttpResult(500, "修改论文失败", null, 0);
        }
        return httpResult;
    }

    @Override
    public HttpResult remove(Long id) {
        int insert = paperMapper.deleteById(id);
        HttpResult httpResult = null;
        if (insert > 0) {
            httpResult = new HttpResult(200, "删除论文成功", null, 0);
        } else {
            httpResult = new HttpResult(500, "删除论文失败", null, 0);
        }
        return httpResult;
    }

    @Override
    public HttpResult findAll(Integer pageIndex, Integer pageSize, String title, String type) {
        List<Paper> all = paperMapper.findAll((pageIndex - 1) * pageSize, pageSize, title, type);
        HttpResult httpResult = null;
        if (all != null && all.size() > 0) {
            httpResult = new HttpResult(200, "查询论文成功", all, Math.toIntExact(paperMapper.selectCount(null)));
        } else {
            httpResult = new HttpResult(500, "查询论文失败", null, 0);
        }
        return httpResult;
    }

    @Override
    public HttpResult findById(Long id) {
        Paper paper = paperMapper.selectById(id);
        HttpResult httpResult = null;
        if (paper != null) {
            httpResult = new HttpResult(200, "查询论文成功", paper, Math.toIntExact(paperMapper.selectCount(null)));
        } else {
            httpResult = new HttpResult(500, "查询论文失败", null, 0);
        }
        return httpResult;
    }
}

最后

控制层PaperController.java

package com.lps.controller;

import com.lps.entity.HttpResult;
import com.lps.entity.Paper;
import com.lps.service.IPaperService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.web.bind.annotation.*;

import java.text.SimpleDateFormat;
import java.util.Date;

/**
 * @author 阿水
 * @create 2023-03-01 10:45
 */
@RestController
@RequestMapping("/paper")
@CrossOrigin(origins = "*")
public class PaperController {
    @Autowired
    private IPaperService paperService;

    @PostMapping("/save")
    public HttpResult save(@RequestBody Paper paper){
        SimpleDateFormat format=new SimpleDateFormat("yyyy-MM-dd");
        String dateStr = format.format(new Date());
        paper.setPublishDate(dateStr);
        return  paperService.save(paper);
    }

    @PostMapping("modify")
    public HttpResult modify(@RequestBody Paper paper){
        return paperService.modify(paper);

    }

    @GetMapping("remove")
    public HttpResult remove(Long id){
        return paperService.remove(id);

    }

    @GetMapping("/find_all")
    public HttpResult findAll(Integer pageIndex ,Integer pageSize,String title,String type){
        return paperService.findAll(pageIndex,pageSize,title,type);
    }

    @GetMapping("/find_by_id")
    public HttpResult findById(Long id){
        return paperService.findById(id);
    }
}

到此 后端配置的结束啦

开始配置前台页面

在此我们需要导入这些js文件

链接: https://pan.baidu.com/s/15j89YFwqp24JZCBWcUuW3Q?pwd=lps6 提取码: lps6 复制这段内容后打开百度网盘手机App，操作更方便哦

add.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link href="asset/bootstrap-3.3.7-dist/css/bootstrap.min.css" rel="stylesheet">
    <script src="asset/jquery-3.5.1.min.js"></script>
    <script src="asset/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
    <script src="asset/vue.min-v2.5.16.js"></script>
    <script src="asset/axios.min.js"></script>
</head>
<body class="container">
<div id="app">
    <h3>发布论文</h3>
    <div class="navbar-form">
        主题：
        <input type="text" class="form-control" v-model="paperTitle">
    </div>
    <div class="navbar-form">
        作者：
        <input type="text" class="form-control" v-model="paperAuthor">
    </div>
    <div class="navbar-form">
        类型：
        <select class="form-control" v-model="paperType">
            <option value=""></option>
            <option value="应用型">应用型</option>
            <option value="学术型">学术型</option>
        </select>
    </div>
    <div class="navbar-form" >
        状态：
        <select class="form-control" v-model="paperState">
            <option value=""></option>
            <option value="0">未发布</option>
            <option value="1">已发布</option>
        </select>
    </div>
    <div class="navbar-form">
        <button class="btn btn-primary" @click="doSave">添加</button>
    </div>
</div>
<script>
    new Vue({
        el: '#app',
        data: {
            paperTitle: null,
            paperAuthor: null,
            paperType: null,
            paperState: null
        },
        methods: {
            doSave(){
                axios.post("http://localhost:8080/paper/save", {
                    title: this.paperTitle,
                    author: this.paperAuthor,
                    paperType: this.paperType,
                    state: this.paperState
                }).then(res=>{
                    console.log(res.data)
                    if(res.data.code == 200){
                        // window.parent.right_frame.location = "paper_list.html"
                        window.location.href="paper_list.html";
                    } else {
                        alert(res.data.msg);
                    }
                })
            }
        }
    })
</script>
</body>
</html>

left.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link href="asset/bootstrap-3.3.7-dist/css/bootstrap.min.css" rel="stylesheet">
    <script src="asset/jquery-3.5.1.min.js"></script>
    <script src="asset/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
    <script src="asset/vue.min-v2.5.16.js"></script>
    <script src="asset/axios.min.js"></script>
</head>
<body style="padding: 0px; margin: 0px;">
<div style="width: 150px; height: 800px; background-color: #5bc0de" id="app">
    <ul>
        <br>
        <li><h3>功能列表</h3></li>
        <br>
        <div style="margin-top: 30px">
<!--            距离上面边缘50个像素-->
            <li><a href="user_list.html" target="right_frame">用户管理</a></li>
        </div>
        <br>
        <li><a href="thesis_list.html" target="right_frame">论文管理</a></li>
        <br>
        <li><a href="thesis_list.html" target="right_frame">公共代码</a></li>
        <br>
        <li><a href="login.html" target="right_frame">退出系统</a></li>
    </ul>
</div>
</body>
</html>

main.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link href="asset/bootstrap-3.3.7-dist/css/bootstrap.min.css" rel="stylesheet">
    <script src="asset/jquery-3.5.1.min.js"></script>
    <script src="asset/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
    <script src="asset/vue.min-v2.5.16.js"></script>
    <script src="asset/axios.min.js"></script>
</head>
<body>
    <iframe name="left_frame" src="left.html" scrolling="no" style="width: 150px; height: 700px;"></iframe>
    <iframe name="right_frame" src="paper_list.html" scrolling="no" style="width: 1050px; height: 700px;"></iframe>
</body>
</html>

paper_list.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link href="asset/bootstrap-3.3.7-dist/css/bootstrap.min.css" rel="stylesheet">
    <script src="asset/jquery-3.5.1.min.js"></script>
    <script src="asset/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
    <script src="asset/vue.min-v2.5.16.js"></script>
    <script src="asset/axios.min.js"></script>
</head>
<body class="container" style="padding: 0px; margin: 0px; background-color: pink">
<div id="app" style="width: 1050px; height: 700px;">
    <div class="navbar-form">
        主题:
        <input type="text" class="form-control" v-model="paperTitle">
        类型:
        <select v-model="paperType">
            <option value=""></option>
            <option value="应用型">应用型</option>
            <option value="学术型">学术型</option>
        </select>
        <button class="btn btn-link" @click="doSearch()">查询</button>
        <button class="btn btn-link" @click="doAdd()">添加</button>
    </div>
    <table class="table table-striped">
        <thead>
        <caption>论文列表</caption>
        <tr>
            <th>编号</th>
            <th>主题</th>
            <th>作者</th>
            <th>类型</th>
            <th>状态</th>
            <th>发表时间</th>
            <th>评论次数</th>
            <th>操作</th>
        </tr>
        </thead>
        <tbody>
        <tr v-for="t in paperList">
            <td>{{t.id}}</td>
            <td>{{t.title}}</td>
            <td>{{t.author}}</td>
            <td>{{t.paperType}}</td>
            <td>{{t.state == 0 ? '未发布' : '已发布'}}</td>
            <td>{{t.publishDate}}</td>
            <td>{{t.cnt}}</td>
            <td>
                <button class="btn btn-link" @click="doUpdate(t.id)">编辑</button>
                <button class="btn btn-link" @click="doDelete(t.id)">删除</button>
            </td>
        </tr>
        </tbody>
    </table>
    <div style="text-align: center">
        <ul class="pagination" v-for="p in pageNum">
            <li class="active" v-if="p == pageIndex"><a href="#" @click="doGo(p)">{{p}}</a></li>
            <li v-else="p==pageIndex"><a href="#" @click="doGo(p)">{{p}}</a></li>

        </ul>
    </div>

</div>
<script>
    new Vue({
        el: '#app',
        data: {

            paperType:null,

            paperTitle: null,
            paperList: null,
            pageIndex: 1,//页码
            pageSize: 5,//每页显示的条数
            pageTotal: 0,//总条数
            pageNum: 0//共多少页

        },
        methods: {
            requestPaperList(url) {
                axios.get(url).then(res => {
                    console.log(res.data)
                    this.paperList = res.data.data
                    this.pageTotal = res.data.total
                    this.pageNum = Math.ceil(this.pageTotal / this.pageSize);
                })
            },
            doGo(p) {
                this.pageIndex = p;
                url = "http://localhost:8080/paper/find_all?pageIndex=" + p + "&pageSize=" + this.pageSize+"&title="+this.paperTitle+"&type="+this.paperType
                this.requestPaperList(url);
            },

            doDelete(id) {
                axios.get("http://localhost:8080/paper/remove?id="+id).then(res => {
                    console.log(res.data)
                    if (res.data.code==200){
                        this.pageIndex=1;
                        url = "http://localhost:8080/paper/find_all?pageIndex=" + this.pageIndex + "&pageSize=" + this.pageSize+"&title="+this.paperTitle+"&type="+this.paperType
                        this.requestPaperList(url);
                    }else {
                        alert(res.data.msg)
                    }
                })

            },
            doSearch(){
                url = "http://localhost:8080/paper/find_all?pageIndex=" + 1 + "&pageSize=" + this.pageSize+"&title="+this.paperTitle+"&type="+this.paperType
                this.requestPaperList(url)
            },
            doAdd(){
                // window.parent.right_frame.location="add.html"
                window.location.href="add.html"
            },
            doUpdate(id) {
                window.location.href="update.html?id="+id
            },

        },
        created: function () {
            url = "http://localhost:8080/paper/find_all?pageIndex=" + this.pageIndex + "&pageSize=" + this.pageSize+"&title="+this.paperTitle+"&type="+this.paperType
            this.requestPaperList(url);

        }
    })
</script>
</body>
</html>

update.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link href="asset/bootstrap-3.3.7-dist/css/bootstrap.min.css" rel="stylesheet">
    <script src="asset/jquery-3.5.1.min.js"></script>
    <script src="asset/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
    <script src="asset/vue.min-v2.5.16.js"></script>
    <script src="asset/axios.min.js"></script>
</head>
<body class="container">
<div id="app">
    <h3>修改论文</h3>
    <div class="navbar-form">
        主题：
        <input type="text" class="form-control" v-model="paperTitle">
    </div>
    <div class="navbar-form">
        作者：
        <input type="text" class="form-control" v-model="paperAuthor">
    </div>
    <div class="navbar-form">
        类型：
        <select class="form-control" v-model="paperType">
            <option value=""></option>
            <option value="应用型">应用型</option>
            <option value="学术型">学术型</option>
        </select>
    </div>
    <div class="navbar-form" >
        状态：
        <select class="form-control" v-model="paperState">
            <option value=""></option>
            <option value="0">未发布</option>
            <option value="1">已发布</option>
        </select>
    </div>
    <div class="navbar-form">
        <button class="btn btn-primary" @click="doSave()">修改</button>
    </div>
</div>
<script>
    new Vue({
        el: '#app',
        data: {
            id: null,
            paperTitle: null,
            paperAuthor: null,
            paperType: null,
            paperState: null
        },
        methods: {
            doSave() {
                axios.post("http://localhost:8080/paper/modify", {
                    id:this.id,
                    title: this.paperTitle,
                    author: this.paperAuthor,
                    paperType: this.paperType,
                    state: this.paperState
                }).then(res => {
                    console.log(res.data)
                    if (res.data.code == 200) {
                        // window.parent.right_frame.location = "paper_list.html"
                        window.location.href = "paper_list.html";
                    } else {
                        alert(res.data.msg);
                    }
                })
            }
        },
        created: function () {
            url = window.location.href;
            this.id = url.substring(url.indexOf("id=") + 3)
      /*      console.log(this.id)
            console.log(url)*/

            axios.get("http://localhost:8080/paper/find_by_id?id="+this.id).then(res => {
                this.paperTitle = res.data.data.title
                this.paperAuthor = res.data.data.author
                this.paperType = res.data.data.paperType
                this.paperState = res.data.data.state
                console.log(res.data)

            })
        }
    })
</script>
</body>
</html>

好啦 搞定啦

整体包结构 感谢您看完了！！！hh

不掉头发的阿水
关注
【项目实战】课程管理系统（SpringBoot+mybatis-plus+Vue）
才下眉头n.的博客
07-04 8943
文章目录前言一、技术点二、环境介绍三、设计目标四、数据库设计 五、功能设计与展示1.首页2.教师管理①教师列表②添加教师3.课程管理①课程目录②课程分类③课程列表4.视频管理①小节列表②查看视频六、项目总结1.总结2.做项目时遇到的问题①视频播放出错②级联选择问题七、心得体会 总结javaee课程需要制作一个后台管理系统，然后就自己动手写了个课程管理系统，在此之前还写过一个电脑商城项目，但是缺一个后台，有时间写一个完整的前后台项目（滑稽）前端：vue-admin-template模板（vue、element
springboot+mybatisplus+vue+elementUI分页.rar
10-29
springboot+mybatisplus+vue+elementUI实现后台分页，资源齐全，前后台代码都有，数据库语句也有
SpringBoot+MyBatisPlus+Vue 前后端分离项目快速搭建【后端篇】【快速生成后端代码、封装结果集、增删改查、模糊查找】【毕设基础框架】
热门推荐
『愚』的博客
04-30 1万+
前后端分离项目快速搭建数据库准备后端搭建1、快速创建个SpringBoot项目2、引入依赖3、编写代码快速生成代码4、运行代码生成器生成代码5、编写application.properties6、在启动类上添加@MapperScan7、编写测试代码测试数据库是否连接正确8、编写后端的工具类代码（封装结果集、日期处理、解决跨域请求）9、编写后端的增删改查代码前端搭建由于篇幅有限，前端搭建单独再写一篇 数据库准备 data_test.sql： /* SQLyog Enterprise v12.08 (64 bi
SpringBoot+MyBatisPlus+Vue 前后端分离项目快速搭建【前端篇】【快速生成后端代码、封装结果集、增删改查、模糊查找】【毕设基础框架】
『愚』的博客
04-30 8939
前后端分离项目快速搭建【前端篇】前端篇创建vue项目安装所需工具开始编码1、在根目录下添加vue.config.js文件2、编写main.js3、编写App.vue4、编写axiosutils.js5、在components目录下编写menu.vue7、在router目录下编写router.js8、在src目录下创建vuex9、编写home.vue10、编写user相关代码（前端核心逻辑代码、增删改查还有模糊查询，包括逻辑删除和物理删除）编写index.vue编写edit.vue启动前后端测试效果启动后端启
springBoot项目mybatisPlus以及Vue
追光少年的博客
02-12 1565
目录解读 借助mybatis-plus，我们只需要定义实体，然后定义接口，并且将接口继承基础的接口类型，并且传入泛型的实体就可以实现对实体的增删改查。
spring boot +mybatisplus+vue 开发日记
weixin_45762298的博客
12-30 1489
阿西吧
基于SpringBoot+Vue的学生选课管理系统的毕业设计，Vue+SpringBoot+MybatisPlus+MySQL
03-24
本文主要介绍基于SpringBoot+Vue的学生选课管理系统的源码实现。该系统实现了学生选课、退课、课程管理、学生管理等功能,采用前后端分离的模式,前端使用Vue框架,后端使用SpringBoot框架。 后端使用SpringBoot+...
基于Springboot+MyBatisPlus+Vue前后端分离大学生毕业论文答辩系统
06-08
《基于Springboot+MyBatisPlus+Vue前后端分离大学生毕业论文答辩系统》是一个现代的、高效的、全栈式开发的Web应用，旨在为大学生提供一个便捷的毕业论文答辩管理平台。该系统充分利用了Springboot、MyBatisPlus和...
基于springboot+mybatis-plus+mysql+vue实现物流信息管理系统（课设）
03-27
用户：用户管理、个人信息、物流管理 2、环境配置 系统开发平台：Tomcat8.0+JDK1.8+Windows 框架：springboot+mybatis-plus 前端：vue 数据库:MySql5.7以上 开发环境：Intelij Idea 浏览器：Chrome
基于vue3+element-plus+springboot+mybatis+jpa+mysql的宿舍管理系统源码
05-24
全套资源包包括：vue3前端源码、springboot后端源码、jdk、nvm安装包、nodejs安装包、MySQL安装包，宿舍管理系统使用说明文档 详细介绍请参看：https://blog.csdn.net/leonMary/article/details/124956264
基于vue3+element-plus+springboot+mybatis+jpa+mysql的图书管理系统源码
05-24
全套资源包包括：vue3前端源码、springboot后端源码、jdk、nvm安装包、nodejs安装包、MySQL安装包，图书管理系统使用说明文档 详细介绍请参看：https://blog.csdn.net/leonMary/article/details/124955848
SpringBoot+Mybatis -plus+Mysql+Vue渲染整合
11-04
SpringBoot+Mybatis -plus+Mysql+Vue渲染整合,需求为，院系和学生之间的多对一关系管理，外键不可删除，添加学生时完整显示学院姓名，成功添加，删除，修改，查询，模糊查询包括下拉框（院系），区间段（学生年龄）等功能
springboot+mybatis+vue
10-10
包括springboot+mybatis的整合，热部署，前后台分开开发。 vue和后台的跨域问题等
基于 Spring Boot + MyBatis Plus + Vue & Element 实现的后台管理系统 + 微信小程序
05-01
基于 Spring Boot + MyBatis Plus + Vue & Element 实现的后台管理系统 + 微信小程序 基于 Spring Boot + MyBatis Plus + Vue & Element 实现的后台管理系统 + 微信小程序 基于 Spring Boot + MyBatis Plus + Vue & Element 实现的后台管理系统 + 微信小程序 基于 Spring Boot + MyBatis Plus + Vue & Element 实现的后台管理系统 + 微信小程序 基于 Spring Boot + MyBatis Plus + Vue & Element 实现的后台管理系统 + 微信小程序 基于 Spring Boot + MyBatis Plus + Vue & Element 实现的后台管理系统 + 微信小程序基于 Spring Boot + MyBatis Plus + Vue & Element 实现的后台管理系统 + 微信小程序基于 Spring Boot + MyBatis Plus + Vue & Element 实现的
SpringBoot+MyBatisPlus+Vue (单表增删改查)
Lhf0902A的博客
02-03 2260
SpringBoot+MyBatisPlus+Vue (单表增删改查)
springboot+mybatisplus+vue 宿舍管理项目
qq_46366635的博客
03-26 864
本项目为新手练手项目，有完成代码以及数据库
SpringBoot+MyBatisPlus+Vue实现组织架构功能
C_Y_H__的博客
06-10 1839
内部封装了单表的大部分操作。此处不展示其他mapper类。包下，继承MyBatisPlus的。包下，创建相应的实体类，这里只展示。创建Result统一结果返回类。类中构造出部门的树形结构。
SpringBoot+mybatisPlus+Vue构建同学录前台系统
m0_54500212的博客
02-25 673
SpringBoot+mybatisPlus+Vue构建同学录前台系统 前后端分离交互： 后端开发： 使用IDEA+SQLyog+Maven 版本介绍： IDEA:2020.0 sqlyog:V12.14 Maven:3.8.2 MySql:8.0.2 springBoot:2.5.7 mabatisPlus:3.0.5 内容介绍： 受同学启发，发现这是个不错的练手项目。通过编写一个类似社区的web页面来可视化一些同学录信息（使用私人仓库），将一些已经过去的岁月事件记录起来，并且可以通过公共讨论记录一些以前
SpringBoot+MyBatisPlus+Vue 前后端分离项目快速搭建【前端篇】【快速生成后端代码、封装结果集
最新发布
04-12 752
总结来说，面试成功=基础知识+项目经验+表达技巧+运气。我们无法控制运气，但是我们可以在别的地方花更多时间，每个环节都提前做好准备。面试一方面是为了找到工作，升职加薪，另一方面也是对于自我能力的考察。能够面试成功不仅仅是来自面试前的临时抱佛脚，更重要的是在平时学习和工作中不断积累和坚持，把每个知识点、每一次项目开发、每次遇到的难点知识，做好积累，实践和总结。一个人可以走的很快，但一群人才能走的更远。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值