[web开发] Vue+Spring Boot 上海大学预约系统开发记录

Posted 漂流,浪客

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了[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

就好啦。

以上是关于[web开发] Vue+Spring Boot 上海大学预约系统开发记录的主要内容,如果未能解决你的问题,请参考以下文章

[web开发] Vue + spring boot + echart 微博爬虫展示平台

流行的Spring Boot + Vue架构整合开发的网易云,附源码!

Spring Boot + Vue 如此强大……

前后端分离 Spring Boot + Vue 开发网易云&QQ音乐(附源码)!

Spring boot快速体验Web开发

spring boot + vue + element-ui全栈开发入门——spring boot后端开发