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.pswp.cn/news/532251.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/532251.shtml
英文地址,請注明出處:http://en.pswp.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 需求分析提供對…