🤹♀️潜意识Java:个人主页
🎙告诉你:Java是世界上最美好的语言
💎比较擅长的领域:前端开发
是的,我需要您的:
🧡点赞❤️关注💙收藏💛
是我持续下去的动力!
先来张图:
目录
一.作者想说的话
1.1 适合的人群
1.2 怎么运行起来这个项目
1.3 【重点】如何在你的电脑上运行
1.3.1 下载
1.3.2 执行sql脚本
1.3.3 用idea打开我给你的后端
1.3.4 运行你的前端
1.3.5 可能的错误
二.代码结构详细截图
2.1前端
2.2 后端
三.前端页面功能展示
3.1刷新壁纸自动更新
3.2 登录成功
3.3 定票操作
3.4 客户管理【管理员才有】
3.5 车次管理【管理员才有】
3.6 系统管理【管理员才有】
3.7 改签操作
3.8 退票操作
3.9 查询登录者信息
四. 跨域问题
4.1跨域声明
4.2 主要是前端解决跨域问题
一.作者想说的话
1.1 适合的人群
本项目只适合大学生的期末作业,因为我写的代码有一点冗余。企业级的项目不合适。
1.2 怎么运行起来这个项目
前端用的是vue3全家桶 后端用的是springboot 数据库用的是mysql
如果不满足你的期末要求可以走了。
1.3 【重点】如何在你的电脑上运行
1.3.1 下载
首先本网站最上面的压缩包你得下载,个别用户没有这个,可以私信我发百度网盘。
1.3.2 执行sql脚本
你们可能不同,但是 执行sql脚本是很好找的,自己找找
1.3.3 用idea打开我给你的后端
找到这个,点开
1.3.4 运行你的前端
一定要先安装依赖,如果用npm 你安装依赖就是
npm run install
yarn我忘记了,反正你要安装依赖,网上找怎么安装依赖
1.3.5 可能的错误
后端的默认端口8080,一般不该端口是不会出问题的
不同电脑情况不一样,可能会出现其他报错,但是代码错不了,csdn找到解决办法运行起来是没问题的,加油!运行起来期末考就90+了
二.代码结构详细截图
主要是看是不是你需要的。
2.1前端
2.2 后端
三.前端页面功能展示
3.1刷新壁纸自动更新
3.2 登录成功
【mysql中的user表可以查询一下登录的账号密码】
3.3 定票操作
订票成功后订单表可以查询每个用户的订单
3.4 客户管理【管理员才有】
3.5 车次管理【管理员才有】
3.6 系统管理【管理员才有】
3.7 改签操作
3.8 退票操作
3.9 查询登录者信息
四. 跨域问题
4.1跨域声明
声明:本源代码已经解决跨域问题,直接用即可。不要操作,直接解决的。
4.2 主要是前端解决跨域问题
代码是如下:
import { fileURLToPath, URL } from 'node:url'
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
export default defineConfig({
plugins: [
vue(),
],
resolve: {
alias: {
'@': fileURLToPath(new URL('./src', import.meta.url))
}
},
server: {
proxy: {
'/seat': {
target: 'http://localhost:8080', // 后端服务地址
changeOrigin: true,
rewrite: (path) => path.replace(/^\/seat/, '/seat'), // 可选:重写路径
},
'/user': {
target: 'http://localhost:8080', // 后端服务地址
changeOrigin: true,
rewrite: (path) => path.replace(/^\/user/, '/user'), // 可选:重写路径
},
'/order': {
target: 'http://localhost:8080', // 后端服务地址
changeOrigin: true,
rewrite: (path) => path.replace(/^\/order/, '/order'), // 可选:重写路径
},
'/selectorder':{
target: 'http://localhost:8080', // 后端服务地址
changeOrigin: true,
rewrite: (path) => path.replace(/^\/selectorder/, '/selectorder'), // 可选:重写路径
},
'/selecttrain':{
target: 'http://localhost:8080', // 后端服务地址
changeOrigin: true,
rewrite: (path) => path.replace(/^\/selecttrain/, '/selecttrain'), // 可选:重写路径
},
'/deletetrainorder':{
target: 'http://localhost:8080', // 后端服务地址
changeOrigin: true,
rewrite: (path) => path.replace(/^\/deletetrainorder/, '/deletetrainorder'), // 可选:重写路径
},
'/news':{
target: 'http://localhost:8080', // 后端服务地址
changeOrigin: true,
rewrite: (path) => path.replace(/^\/news/, '/news'), // 可选:重写路径
},
'/changeorder':{
target: 'http://localhost:8080', // 后端服务地址
changeOrigin: true,
rewrite: (path) => path.replace(/^\/changeorder/, '/changeorder'), // 可选:重写路径
},
'/deletetrain':{
target: 'http://localhost:8080', // 后端服务地址
changeOrigin: true,
rewrite: (path) => path.replace(/^\/deletetrain/, '/deletetrain'), // 可选:重写路径
},
'/updatetrain':{
target: 'http://localhost:8080', // 后端服务地址
changeOrigin: true,
rewrite: (path) => path.replace(/^\/updatetrain/, '/updatetrain'), // 可选:重写路径
},
'updateuser':{
target: 'http://localhost:8080', // 后端服务地址
changeOrigin: true,
rewrite: (path) => path.replace(/^\/updateuser/, '/updateuser'), // 可选:重写路径
}
}
}
})
🤹♀️潜意识Java:个人主页
🎙座右铭:得之坦然,失之淡然。
💎擅长领域:前端
是的,我需要您的:
🧡点赞❤️关注💙收藏💛
是我持续下去的动力!