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

前端界面

使用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

就好啦。