欢迎来到尧图网

客户服务 关于我们

您的位置:首页 > 科技 > 能源 > 【期末JavaEE项目】springboot+vue3完成中国铁路12306网站的业务实现【原创】

【期末JavaEE项目】springboot+vue3完成中国铁路12306网站的业务实现【原创】

2025/4/25 21:12:15 来源:https://blog.csdn.net/weixin_73355603/article/details/144267856  浏览:    关键词:【期末JavaEE项目】springboot+vue3完成中国铁路12306网站的业务实现【原创】

     🤹‍♀️潜意识Java:个人主页

🎙告诉你:Java是世界上最美好的语言

💎比较擅长的领域:前端开发

是的,我需要您的:

🧡点赞❤️关注💙收藏💛

是我持续下去的动力!


先来张图: 

778e324e13ac4de8bbfaf83fd2625ba4.png

目录

一.作者想说的话

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脚本是很好找的,自己找找

2f1d9d15f21245b388a34fd1509c4702.png

 1.3.3 用idea打开我给你的后端

找到这个,点开

b2fdae40e3c54abfb5686a56e6324256.png

 ce77a0151149469ab459726a8203b00f.png

 5b52ac242b9745b68dc6cd4f02603b31.png

1.3.4 运行你的前端

一定要先安装依赖,如果用npm 你安装依赖就是

npm run install

 yarn我忘记了,反正你要安装依赖,网上找怎么安装依赖

d0e1866e823b45f0946f12e9670b637c.png

 c2dbacc5902f4c01a2c41505f6d46f28.png

1.3.5 可能的错误

后端的默认端口8080,一般不该端口是不会出问题的

不同电脑情况不一样,可能会出现其他报错,但是代码错不了,csdn找到解决办法运行起来是没问题的,加油!运行起来期末考就90+了

二.代码结构详细截图

主要是看是不是你需要的。

2.1前端 

 b4e11a0e3e0549a9b9cf652687f2613a.png

2.2 后端 

3cca7768e1db4a06b4763f1cb5d318c9.png

三.前端页面功能展示 

 3.1刷新壁纸自动更新

ae31be8836de418586f806d02bb00fb4.png

b9680d1c9c564e15b9c5bc0fbaf95fd7.png

3.2 登录成功

【mysql中的user表可以查询一下登录的账号密码】 

491be2e2dbae437bb1b22c50ec17a0eb.png

3.3  定票操作

f258aa15b7f74b2080d4106b22deed37.png 订票成功后订单表可以查询每个用户的订单 

 500ea170f2cb4d27b4d0b02d8601590f.png

3.4 客户管理【管理员才有】

ab20a1e3aece406d82d678b6378d0136.png

3.5 车次管理【管理员才有】 

652b1271028e4ef2b4fd969100f7eac8.png

3.6 系统管理【管理员才有】 

2613ef5a92b846118a46b2353b98842b.png

 3.7 改签操作

756cefce88b141889698491a6e894c57.png

3.8 退票操作

30f9e8f18bc748cf880c587d0df4abe5.png

3.9 查询登录者信息

2b3ab4caaa384819ac68d8175557a28b.png

四. 跨域问题 

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:个人主页

🎙座右铭:得之坦然,失之淡然。

💎擅长领域:前端

是的,我需要您的:

🧡点赞❤️关注💙收藏💛

是我持续下去的动力!

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com

热搜词