春天的靴子我的巴蒂斯维 JS元素UI实现数据增删改检示例代码(一)

环境建设

弹簧靴简介

过去，当我们使用spring进行开发时，我们无法避免繁琐的配置。例如，如果我们想要配置数据库连接，我们可能需要以下步骤：

1.编写jdbc.properties配置文件；

2.创建spring配置文件，添加spring配置文件前缀、配置数据库连接信息、sqlsessionFactory等；

3.将spring的监控添加到web.xml文件中。

springboot的出现大大简化了项目的构建过程(spring configuration和maven configuration)，让我们专注于应用功能的开发，而不是把时间浪费在配置文件或者错误的排除上，从而大大提高了开发效率。

Springboot创建了一个独立的spring应用程序，它使用嵌入式tomcat，打包后以jar文件格式运行，运行时可以指定一些参数，后面会提到。

mybatis

Mybatis在此不再赘述。想了解的朋友可以搜索自己的教程

Vue.js

Vue.js(发音为/vju/，类似于view)是一个用于构建用户界面的渐进式框架。与其他重量级框架不同，Vue采用自下而上的增量开发设计。Vue的核心库只关注视图层，很容易学习并与其他库或现有项目集成。另一方面，Vue完全能够驱动使用Vue生态系统支持的单文件组件和库开发的复杂单页应用程序。

Vue.js的目标是通过尽可能简单的API实现响应和组合视图组件的数据绑定。

以上内容摘自Vue官网

ElementUI

这是饿了么提供的前端UI，组件丰富。细节

接下来，引入Idea来构建一个新的springboot项目并构建一个开发环境

选择新项目

填写基本信息

选择所需的模块

完成创作

配置application.yml，删除初始化期间生成的属性文件，并创建一个新的application.yml文件。不建议在此使用属性文件进行配置

添加以下配置：

spring : profile : active : developer data source : driver-class-name : com . MySQL . JDBC . driver URL : JDBC : MySQL ://localhost 33603306/DH Username : Root Password : 123456创建新的控制器类：

@RestControllerpublic类user controller { @ GetMapping(value=' getUsername ')公共字符串getUsername(字符串回调){返回' admin '；}}之后，我们开始跳羚项目，也就是我们运行DemoApplication.java，默认端口是8080。我们打开浏览器进行访问：

推荐主题阅读：

Spring boot开发教程：//www.jb51.net/Special/943.htm

Mybatis教程：//www.jb51.net/Special/774.htm

以上是Spring Boot My Batisvue中添加、删除、修改和检查数据的示例代码。边肖介绍的js Element UI，希望对大家有所帮助。如果你有任何问题，请给我留言，边肖会及时回复你。非常感谢您对我们网站的支持！