spring和mybatis结合做简单的增删查改系统_springboot&&vue简单的景点信息管理系统...

最新推荐文章于 2022-11-21 19:27:08 发布
最新推荐文章于 2022-11-21 19:27:08 发布
阅读量87 收藏
点赞数
文章标签： spring和mybatis结合做简单的增删查改系统

de42b7e71acd88b930d6f6bdd4de3598.png

springboot&&vue简单的景点信息管理系统

这两天闲着没有什么事，就根据陈哥的教程，试着写了一个springboot和vue的简单的景点信息管理系统。也就大致实现了最基本的增删查改。先看看效果图吧：

1、登陆界面：

3f9a5faa09759f12ef55b467d54630c9.png

2、注册界面：

344cc1c186bc46d802a648845a7aecd6.png

3、进入后的主界面

238927f1fd85568f7cc90a00c8925e32.png

4、景点列表：

d06ca043462808e5f31178f2e418fdcf.png

效果大致就是这样，下面具体看看该项目吧！

1、目录结构

adbb738d3c2a98d2b16464f09c7bfafd.png

2、项目的创建

这里就不再细说了，之前的文章都已经介绍的不少了，大致说说，对于这样的项目的一个搭建流程（这是对于我，可能和别人不一样）

  1. 先根据需要创建与之对应的数据库表。
  2. 根据需要添加对应的pom依赖。
  3. 添加修改主配置文件。
  4. 创建实体类
  5. 创建dao层接口（mapper接口）。
  6. 创建xxxMapper.xml映射文件，用来操作数据库。
  7. 创建业务层（service接口）以及ServiceImpl(实现类)。
  8. 创建控制器（Controller。
  9. 有工具的话，再添加一个utils工具类（）。
  10. 有具体的相关配置的话，再添加一个配置类。

有关后端的搭建流程大致就是这样。

3、前端部分

此次前端部分使用的是vue,用于练手，还是简单测试一下。 这里就拿登陆界面做一个简单介绍：

<

有关html,和css的部分，大家也都有所了解，这里也就不再说了，对于vue.js部分，如果大家有js的基础的话，也不是太难，不巧的是，小编的js学的并不是太好，有点尴尬。。。

这里就跟大家说明一点：

410befd2b9bc21fc6024a2f9f88afcf8.png

这里前后端的交互是通过，axios发请求，进行与后端建立起联系。

4bb92824618679968424b8ed4b952b17.png

对于数据的获取，这里使用v-model进行绑定，拿到数据，等等，很多有关vue的知识点这里就不再介绍了，大家可以自己先行去看看。

大致就是这样，这里就不再多说了，谢谢大家！！！

天涯志

f739fb97ca1aebbc676e4bf0c70f8db3.png
weixin_39657094
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
springboot &amp; shiro 商城后台管理系统shopping_admin.zip
05-15
该项目利用了基于springboot + vue + mysql的开发模式框架实现的课设系统，包括了项目的源码资源、sql文件、相关指引文档等等。 【项目资源】：包含前端、后端、移动开发、操作系统、人工智能、物联网、信息化管理...
如何用springboot+mybatis+vue实现简单的增删改查
m0_43492067的博客
12-07 4979
如何用springboot+mybatis+vue实现简单的增删改查开发工具导入依赖项目结构连接数据库引入异常处理类和返回数据封装类项目代码前端代码vue+element运行效果 开发工具 需要准备工具如下： IntelliJ IDEA 2020.2.3 ； Mysql8.0.12； jdk1.8； 导入依赖 <dependencies> <dependency> <groupId>org.springframework.boo
效率 用div做表格和tr_Springboot+MyBatis+Vue实现表格增删改查
weixin_29599245的博客
01-13 448
点击上方Java开发联盟，选择“星标公众号”优质文章，第一时间送达效果图首页-表单查看：表单页：实现增删改查、添加附件、分值统计。环境介绍jdk：1.8以及上前端：vue后端：springboot+mybatis数据库：mysql5.7完整源码获取前端源码名字：dist后端源码名字：springdemo扫码关注回复【表格】获取源码如果你在运行这个代码的过程中有遇到问题，请加小编微信wcy...
15-基于Spring,MyBatis,SpringBoot,Vue技术实现购物券系统的增删改查操作。
Riqk_Qin的专栏
11-12 557
业务描述 基于Spring,MyBatis,SpringBoot,VUE技术实现购物券的增删改查操作。 项目环境初始化 准备工作 1. MySQL(5.7) 2. JDK (1.8) 3. Maven (3.6.3) 4. IDEA(2020.2) 数据库初始化 打开mysql控制台,然后按如下步骤执行dbretail.sql文件。 第一步:登录mysql。 mysql–uroot –proot 第二步:设置控制台编码方式。 setnamesutf8; 第三步:执行dbret...
spring boot+mybatis实现数据库的增删改查
程序员筱聪的博客
06-30 9136
spring boot+mybatis实现数据库的增删改查，程序员筱聪手把手教你
【Mybatis】spring boot与vue的结合实现增删查改
清风微醺的博客
07-11 1284
新建数据库 create TABLE Depart( Dname VARCHAR(30) CHARACTER SET utf8 COMMENT '部门名称', Manger VARCHAR(20) CHARACTER SET utf8 COMMENT '负责人', `index` int COMMENT '排序', Tel char(11) COMMENT '联系电话', Email VARCHAR(30) COMMENT '邮箱', `Status` VARCHAR(10) CHARACTE
Springboot &amp; MySQL &amp; Mybatis 学生管理系统
07-07
以年级、班级为单位，进行老师和学生信息记录和统计功能。项目采用前后端分离架构思想，前端采用HTML+CSS+VUE来实现页面效果展示，后端采用SpringBoot+MybatisPlus框架实现数据存储等服务。存储层使用高性能的MySQL...
基于 Spring Boot + MyBatis Plus + Vue &amp; Element 实现的后台管理系统 + 微信小程序
04-15
RuoYi-Vue 全新 Pro 版本，...基于 Spring Boot + MyBatis Plus + Vue &amp; Element 实现的后台管理系统 + 微信小程序，支持 RBAC 动态权限、数据权限、SaaS 多租户、Flowable 工作流、三方登录、支付、短信、商城等功能。
管理系统系列--Java开源工单管理系统，集成 Camunda &amp;&amp; vue-element-admin.zip
02-25
【标题】中的“管理系统系列--Java开源工单管理系统”揭示了这是一个基于Java开发的系统，主要功能是管理和处理工作流程，而“集成 Camunda &amp;&amp; vue-element-admin”表明该系统结合了两个重要的技术组件：...
SpringBoot，Shiro，JWT，Vue &amp; Ant Design 前后端分离权限管理系统
最新发布
05-17
该项目利用了基于springboot + vue + mysql的开发模式框架实现的课设系统，包括了项目的源码资源、sql文件、相关指引文档等等。 【项目资源】：包含前端、后端、移动开发、操作系统、人工智能、物联网、信息化管理...
springboot-mybatis增删改查，前后端分离 分页demo
05-10
springboot+mybatis PageHelper dataTable 简单的 前后端分页 demo，适合初学者学习，复制粘贴直接用。， 详情 https://blog.csdn.net/m0_37946870/article/details/80129620
Spring boot + mybatis + Vue.js + ElementUI 实现数据的增删改查实例代码(一)
10-19
主要介绍了Spring boot + mybatis + Vue.js + ElementUI 实现数据的增删改查实例代码,非常不错，具有参考借鉴价值，需要的朋友可以参考下
Springboot 整合Mybatis +thymeleaf 实现增删改查，包含前端HTML页面
09-21
为了给初学者一些快速上手的前后端都包含的demo，特意以最简单的方式实现这个实例。 里面包含的有后端的增删改查代码以及html页面去调用接口实现前后端交互。
使用springboot，mybatis-plus和vue的简单增删改查
m0_64600800的博客
09-30 966
使用springboot，mybatis-plus和vue的简单增删改查
使用springboot+vue+mybatis-plus+element ui做一个简单的增删改查
一起来探讨功能测试和自动化测试
02-11 2982
tips： 本人刚学编程 纯纯的小白一个，内容不算好，但是可以值得借鉴；我本来也就打算用文章复习一下刚学的知识；如果内容不好，勿喷。 题外话： 做这个增删改查的时候可费了我大把大把的时间，刚开始学难免明知有坑还是要往里面跳，但这也不是个坏事，写代码不就是一遍一遍地去尝试，写的多了，踩得坑多了，你的知识你的认知就会越来越丰富。 刚开始写这个增项改查的时候，不会写就去网上查各种例子，例子很多，五花八门，愣是一个也看不懂，看的我是脑子嗡嗡的，以至于后面有一段时间就感觉脑袋很沉，转不动了，有没有刚学编程的同
springboot+vue+mybtais 实现增删改查页面（一后端页面），带分页操作。附上数据库文件，前后端分离小项目
unique_sir的博客
12-12 1532
springboot+vue+mybatis实现增删改查，带分页操作，后端页面
SpringBoot+MyBatisPlus+Vue增删改查
l411723的博客
11-21 1415
新人，请多多包涵！😀
springboot+mybatis+vuejs+bootstrap实现增删改
madehaiyoushei的博客
11-14 1631
点击这里
Vue+Mysql+SpringBoot简单增删改查
hikktn的博客
03-31 8263
关于Spring篇 关于mybatis+maven基本知识掌握总结 maven中spring+springmvc+mybatis整合详细配置 SpringBoot+Mybatis+Redis基础配置 这两天写的一个补考作业，敲完还是记录下。不然一个月后没敲代码又忘记了，废话多说，需要项目源码自己拿。 链接：https://pan.baidu.com/s/1RQ1rD9fARI37bhCH...
使用mybatis写一个增删查改系统
04-19
好的，我可以为您提供一些帮助，您需要先安装MyBatis框架，然后在您的Java项目中引入MyBatis依赖库。接着您可以使用MyBatis提供的Mapper接口和SQL映射文件来完成增删查改操作。以下是一个简单的示例： 1. 添加依赖库： ```xml <dependency> <groupId>org.mybatis</groupId> <artifactId>mybatis</artifactId> <version>3.x.x</version> </dependency> ``` 2. 创建实体类： ```java public class User { private int id; private String name; private String email; // Getter and Setter methods } ``` 3. 创建Mapper接口： ```java public interface UserMapper { // 查询所有用户 List<User> findAll(); // 根据ID查询用户 User findById(int id); // 插入用户 int insert(User user); // 更新用户信息 int update(User user); // 根据ID删除用户 int delete(int id); } ``` 4. 创建SQL映射文件： ```xml <mapper namespace="com.example.UserMapper"> <!-- 查询所有用户 --> <select id="findAll" resultType="com.example.User"> SELECT * FROM users </select> <!-- 根据ID查询用户 --> <select id="findById" resultType="com.example.User"> SELECT * FROM users WHERE id = #{id} </select> <!-- 插入用户 --> <insert id="insert" parameterType="com.example.User"> INSERT INTO users(name,email) VALUES(#{name},#{email}) </insert> <!-- 更新用户信息 --> <update id="update" parameterType="com.example.User"> UPDATE users SET name=#{name}, email=#{email} WHERE id=#{id} </update> <!-- 根据ID删除用户 --> <delete id="delete" parameterType="int"> DELETE FROM users WHERE id=#{id} </delete> </mapper> ``` 5. 调用Mapper接口中的方法： ```java // 加载MyBatis配置文件 String resource = "mybatis-config.xml"; InputStream inputStream = Resources.getResourceAsStream(resource); SqlSessionFactory sqlSessionFactory = new SqlSessionFactoryBuilder().build(inputStream); SqlSession sqlSession = sqlSessionFactory.openSession(); // 获取Mapper对象 UserMapper userMapper = sqlSession.getMapper(UserMapper.class); // 查询所有用户 List<User> userList = userMapper.findAll(); for (User user : userList) { System.out.println(user); } // 根据ID查询用户 User user = userMapper.findById(1); System.out.println(user); // 插入用户 User newUser = new User(); newUser.setName("Alice"); newUser.setEmail("alice@xxx.com"); int result1 = userMapper.insert(newUser); System.out.println(result1); // 更新用户信息 user.setName("Bob"); user.setEmail("bob@xxx.com"); int result2 = userMapper.update(user); System.out.println(result2); // 根据ID删除用户 int result3 = userMapper.delete(1); System.out.println(result3); // 提交事务并关闭连接 sqlSession.commit(); sqlSession.close(); ``` 以上便是一个简单的使用MyBatis写增删查改系统的方法。感谢您的提问！
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值