1. 程式人生 > >[web開發] Vue+Spring Boot 上海大學預約系統開發記錄

[web開發] Vue+Spring Boot 上海大學預約系統開發記錄

文件夾 tail img net pre 開發 nbsp 驗證碼 利用

前端界面

使用Quasar將組件都排好,用好css。

Quasar 入門

# 確保你在全局安裝了vue-cli
# Node.js> = 8.9.0是必需的。
$ npm install -g vue-cli

# 然後...
$ vue init quasarframework / quasar-starter-kit-umd <文件夾名稱>

後端 Spring Boot JPA項目搭建

1.開發工具 IntelliJ IDEA 2017.2.6
2. 開發環境 JDK 1.8
3. maven

spring-boot 框架搭建

教程地址:https://blog.csdn.net/safdghj456/article/details/78759534

剩下的就是解決跨域問題然後配置controller以及寫執行操作函數了,具體的記不起來了就看看原來的代碼。

***前端後端之間的問題***

1.登錄問題

由於學校沒有提供相關的登錄接口,我打算從不需要驗證碼登錄的熟知網入手,因為熟知網不僅不需要驗證碼登錄,而且從熟知網獲得的信息比較充足(本來我以為熟知網是可以在校外訪問的,這點有加分,因為我在家的時候就可以訪問熟知網,後來才知道熟知網有時候可以校外訪問,有時候不能)。這個登錄操作怎麽實現呢?

這裏用到Jsoup

入門教程在這裏https://www.yiibai.com/jsoup/jsoup-quick-start.html

然後登錄就利用這個完成了。

2.前端axios給後端數據接收不到

原因是axios會將傳過來的數據加上一個header 讓他是json類型的數據,而後端如果直接匹配是匹配不到數據的。因此要在後端代碼上加上註釋@RequestBody

就好啦。

技術分享圖片技術分享圖片技術分享圖片技術分享圖片技術分享圖片

[web開發] Vue+Spring Boot 上海大學預約系統開發記錄