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

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

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/532251.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

linux 内核 丢弃分片包,LINUX内核关于IP分片重组问题请教

最近研究学习IP分片重组&#xff0c;也拜读了不少dx的阅读理解。可还是有疑问&#xff0c;请教xdm。源代码&#xff1a;linux-2.4.26\linux-2.4.26\net\ipv4\ip_fragment.cIP分片的重组大概经过以下几个函数:0/ ip_defrag1/ ip_find-->ip_frag_create-->ip_frag_intern2/…

spark算子_十、Spark之详解Action类算子

常用Action类算子列表reduce(func): 通过func函数来对RDD中所有元素进行聚合运算&#xff0c;先运算分区内数据&#xff0c;再运算分区间数据。scala> val rdd1 sc.makeRDD(1 to 100)rdd1: org.apache.spark.rdd.RDD[Int] ParallelCollectionRDD[4] at makeRDD at :24# 对…

linux 库函数 劫持,Linux hook技术之-Ring3下动态链接库.so函数劫持

劫持普通函数当然没有什么意思了&#xff01;我们要劫持的是系统函数&#xff01;我们知道&#xff0c;Unix操作系统中对于GCC而言&#xff0c;默认情况下&#xff0c;所编译的程序中对标准C函数(fopen、printf、execv家族等等函数)的链接&#xff0c;都是通过动态链接方式来链…

await原理 js_「速围」Node.js V14.3.0 发布支持顶级 Await 和 REPL 增强功能

本周&#xff0c;Nodejs v14.3.0 发布。这个版本包括添加顶级 Await、REPL 增强等功能。REPL 增强通过自动补全改进对 REPL 的预览支持&#xff0c;例如&#xff0c;下图中当输入 process.ver 之后&#xff0c;不需要输入剩下的实际内容&#xff0c;它帮我们生成了自动补全的输…

在linux安装requests库命令,在Linux--Ubuntu18.04环境下安装requests库

之前在服务器上装过requests库&#xff0c;但是记忆中花了好大的力气才成功&#xff0c;现在因为一次意外&#xff0c;服务器重装系统&#xff0c;现在这些乱七八糟的库又要重装一遍&#xff0c;与上次不同的是&#xff0c;这次我装一遍就成功了。现在分享一下成功的经历。Pyth…

linux输入ls后不显示_零基础学习之Linux基础命令小结

安装完重启后&#xff0c;没有像sery所说在图形界面崩溃了&#xff0c;由于我没有安装X-WINDOWS而是直接进入了文本界面。如果你想做linux管理的话&#xff0c;最好在文本界面下工作&#xff0c;这样会适应如下图:第一行显示的是我们所安装的linux是Red Hat 企业4第二行显示的是…

redhat enterprise linux 哪个版本好,Red Hat Enterprise Linux 版本显示中(Santiago)是啥意思?...

楼主的逻辑还有问题。1、linux跟windows都是一种操作系统&#xff0c;但是它用的分区格式是ext3的&#xff0c;ntfs和fat都不合适。安装过程中你可以自己选择删除现有分区创建新分区&#xff0c;但如果你不了解&#xff0c;很可能把所有的分区都清了。2、redhat分区多大合适看你…

.gitignore文件_【第1739期】为Git仓库里的.idea文件夹正名

前言.idea该不该提交到代码仓库中呢&#xff1f;你的意见呢&#xff1f;今日早读文章由《Flask Web开发》作者李辉分享。正文从这开始&#xff5e;&#xff5e;在网络上&#xff0c;我曾多次看到人们对于Git仓库中的.idea文件夹的偏见。最近的一次是在某个博客中技术专家对于志…

监控linux时间不对,shell 计算故障时间 配合web监控

#!/bin/bash#checkfail.log 为SHELL监控网站时间存放的日志文件 https://blog.51cto.com/junhai/2437965fail_time(){starttimetail -n 1000 checkfail.log |grep "$url"|grep "第1次"|tail -n 3|head -n 1|awk {print $1, $2} #取网站挂掉的时间endtimet…

linux redis清空数据恢复,Redis数据恢复--误删数据后一次吓尿的经历

1、起因&#xff0c;一个flushdb命令因为误操作&#xff0c;输入了一个flushdb命令&#xff0c;导到redis里0号库里的数据全部清空&#xff0c;OMG&#xff0c;这里有不少重要信息&#xff0c;如果被领导知道&#xff0c;必开除2、appendonly留有生机仔细想想&#xff0c;当时数…

c语言 枚举类型 uint32_浅谈C语言枚举类型 | 附自创用法分享

经济学家说过&#xff0c;路边是不会有100元的&#xff1b;但如果有&#xff0c;你还是要捡起来。同理&#xff0c;在貌似万物免费的网络时代&#xff0c;你是很难找到有针对性的好资料&#xff1b;但是如果有&#xff0c;希望你能认真学习吸收。比如笔者今天写的这一篇一今天这…

linux在bin下加入ssh,移植 ssh 到开发板

2》编译/home/arm下新建目录sshwork&#xff0c;并且将源码复制到该目录下mkdir /home/arm/sshworkcp zlib-1.2.3.tar.gz openssl-0.9.8d.tar.gz openssh-4.6p1.tar.gz/home/arm/sshwork/home/arm/sshwork下新建目录lib&#xff0c;用来保存生成的库文件。mkdir /home/arm/sshw…

java pdf增删改查_如何利用Java代码操作索引库?

今天是刘小爱自学Java的第161天。感谢你的观看&#xff0c;谢谢你。学习计划安排如下&#xff1a;学了几天的Elasticserch&#xff0c;但都是它本身的知识点&#xff0c;如何通过Java语言去操作它呢&#xff1f;这就好比以前学数据库&#xff0c;在数据库工具中通过sql语句也能…

linux shell 第几行,Linux shell 获得字符串所在行数及位置

shell 获得字符串所在行数及位置01 获取字符串所在的行数方式一&#xff1a;用grep -n[rootroot]# cat testapplebitcreatedelectexeflowgood[rootroot]# cat test | grep -n exe5:exe[rootroot]# cat test | grep -n exe | awk -F ":" {print $1}5方式二&#xff1a…

sublime text3 怎么配置、运行python_SublimeText3按ctrl+b执行python无反应

最后更新时间&#xff1a;2017-09-14 现象&#xff1a; 在Sublime中打开.py文件&#xff0c;按”ctrlb”执行时无反应。点击工具->编译系统中已经有且识别到Python&#xff0c;但执行”run&#xff08;ctrlshiftb&#xff09;”时无反应&#xff0c;Sublime左下角提示”No B…

linux 火锅平台,“定制版火锅”来袭,持续创新才能永葆活力

原标题&#xff1a;“定制版火锅”来袭&#xff0c;持续创新才能永葆活力5月1日&#xff0c;重庆涪陵红酒小镇的一家转转火锅店&#xff0c;推出“五一”定制版火锅免费请游客品尝。广西的螺蛳粉、贵州的折耳根、湖南臭豆腐、福建乌龙茶、重庆榨菜、河南胡辣汤、陕西老陈醋、海…

internetreadfile读取数据长度为0_YOLOV3的TensorFlow2.0实现,支持在自己的数据集上训练...

GitHub链接&#xff1a;calmisential/YOLOv3_TensorFlow2​github.com我主要参考了yolov3的一个keras实现版本&#xff1a;qqwweee/keras-yolo3​github.com目前支持在PASCAL VOC 2012数据集上训练和自定义数据集上训练&#xff0c;具体的训练过程可参考项目仓库中的README文档…

c语言用链表对学生成绩排序,学生成绩排序和平均分计算利用c语言链表的创建插入删除.doc...

#define NULL 0#define LEN sizeof(struct student)struct student{long num;float score;struct student *next;};int n;struct student *creat(void)//创建链表{struct student *head;struct student *p1,*p2;n0;p1p2(struct student*)malloc(LEN);scanf("%ld,%f",…

深井软岩巷道群支护技术与应用_深井软岩巷道深浅孔帷幕注浆技术

一、成果内容1.基本原理对失修巷道进行刷扩、支护&#xff0c;满足使用断面后进行帮顶喷浆、底板整平&#xff0c;先底板注浆&#xff0c;然后帮、顶注浆。锚架充支护巷道直接底板整平后&#xff0c;先底板后帮、顶注浆。通过全断面深浅孔联合注水泥浆进行巷道加固&#xff0c;…

店铺咨询系统c语言,课内资源

1 题目介绍1.1 问题描述出于不同目的的旅客对交通工具和交通路径有不同的要求。例如,因公出差的旅客希望在旅途中的时间尽可能短,出门旅游的游客则期望旅费尽可能省,而老年旅客则要求中转次数最少。编制一个交通咨询系统程序,为旅客提供最优决策的交通咨询。1.2 需求分析提供对…