欢迎访问 生活随笔!

生活随笔

当前位置: 首页 > 前端技术 > vue >内容正文

vue

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

发布时间:2025/3/8 vue 52 豆豆
生活随笔 收集整理的这篇文章主要介绍了 spring和mybatis结合做简单的增删查改系统_springbootamp;amp;vue简单的景点信息管理系统... 小编觉得挺不错的,现在分享给大家,帮大家做个参考.

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

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

1、登陆界面:

2、注册界面:

3、进入后的主界面

4、景点列表:

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

1、目录结构

2、项目的创建

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

  • 先根据需要创建与之对应的数据库表。
  • 根据需要添加对应的pom依赖。
  • 添加修改主配置文件。
  • 创建实体类
  • 创建dao层接口(mapper接口)。
  • 创建xxxMapper.xml映射文件,用来操作数据库。
  • 创建业务层(service接口)以及ServiceImpl(实现类)。
  • 创建控制器(Controller。
  • 有工具的话,再添加一个utils工具类()。
  • 有具体的相关配置的话,再添加一个配置类。
  • 有关后端的搭建流程大致就是这样。

    3、前端部分

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

    <

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

    这里就跟大家说明一点:

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

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

    大致就是这样,这里就不再多说了,谢谢大家!!!

    天涯志

    总结

    以上是生活随笔为你收集整理的spring和mybatis结合做简单的增删查改系统_springbootamp;amp;vue简单的景点信息管理系统...的全部内容,希望文章能够帮你解决所遇到的问题。

    如果觉得生活随笔网站内容还不错,欢迎将生活随笔推荐给好友。