
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的知識點這里就不再介紹了,大家可以自己先行去看看。
大致就是這樣,這里就不再多說了,謝謝大家!!!
天涯志
