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

news2024/12/27 9:05:09

     🤹‍♀️潜意识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:个人主页

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

💎擅长领域:前端

是的,我需要您的:

🧡点赞❤️关注💙收藏💛

是我持续下去的动力!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/2254597.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

浅谈CI持续集成

1.什么是持续集成 持续集成(Continuous Integration)(CI)是一种软件开发实践,团队成员频繁地将他们的工作成果集成到一起(通常每人每天至少提交一次,这样每天就会有多次集成),并且在每次提交后…

电子商务人工智能指南 1/6 - 搜索、广告和发现

介绍 81% 的零售业高管表示, AI 至少在其组织中发挥了中等至完全的作用。然而,78% 的受访零售业高管表示,很难跟上不断发展的 AI 格局。 近年来,电子商务团队加快了适应新客户偏好和创造卓越数字购物体验的需求。采用 AI 不再是一…

【Git教程 之 版本控制】

Git教程 之 版本控制 Git教程 之 版本控制版本控制版本控制类型单用户版本控制系统(VCS)单用户版本控制系统(VCS)特点常见的单用户版本控制系统(VCS) 集中式版本控制系统(CVCS)集中式…

.NET Framework修复工具

某些精简Windows系统或者第三方下载的改版Windows系统在安装.NET Framework的时候会出现类似下面的错误信息: 可以使用微软官方出的.NET Framework修复工具解决, 下载地址: 【免费】.NETFramework修复工具资源-CSDN文库 下载后运行即可修复系统里的.NET Framework

计算机毕业设计Python轨道交通客流预测分析可视化 智慧交通 机器学习 深度学习 人工智能 爬虫 交通大数据

温馨提示:文末有 CSDN 平台官方提供的学长联系方式的名片! 温馨提示:文末有 CSDN 平台官方提供的学长联系方式的名片! 温馨提示:文末有 CSDN 平台官方提供的学长联系方式的名片! 作者简介:Java领…

从计算服务器角度看智算与算力

计算服务器于智算和算力领域的地位堪称中流砥柱。人工智能旨在赋予计算机人类智能的使命,对计算服务器提出了近乎苛刻的要求。 在智算层面,它是计算服务器通向高效能的核心动力。凭借 CPU 与 GPU、FPGA、ASIC 等构建的异构组合,计算服务器可…

Lighthouse(灯塔)—— Chrome 浏览器性能测试工具

1.认识 Lighthouse Lighthouse 是 Google 开发的一款开源性能测试工具,用于分析网页或 Web 应用的性能、可访问性、最佳实践、安全性以及 SEO 等关键指标。开发人员可以通过 Lighthouse 快速了解网页的性能瓶颈,并基于优化建议进行改进。 核心功能&…

Logistic Regression(逻辑回归)、Maximum Likelihood Estimatio(最大似然估计)

Logistic Regression(逻辑回归)、Maximum Likelihood Estimatio(最大似然估计) 逻辑回归(Logistic Regression,LR)逻辑回归的基本思想逻辑回归模型逻辑回归的目标最大似然估计优化方法 逻辑回归…

使用Hadoop MapReduce进行大规模数据爬取

Hadoop MapReduce概述 Hadoop MapReduce是一个编程模型,用于处理和生成大数据集。它由Map和Reduce两个主要阶段组成。Map阶段负责处理输入数据,并将结果输出为键值对;Reduce阶段则对Map阶段的输出进行汇总和合并,生成最终结果。 …

AI驱动的低代码平台:解密背后的算法与架构创新

引言 在如今的数字化浪潮中,企业对软件的需求正以前所未有的速度增长。传统的开发方式由于开发周期长、成本高,已逐渐无法满足市场的快速变化。而低代码平台的出现,使得开发者和业务人员能够以极简的方式快速构建应用。然而,随着企…

【Spring工具插件】lombok使用和EditStarter插件

阿华代码,不是逆风,就是我疯 你们的点赞收藏是我前进最大的动力!! 希望本文内容能够帮助到你!! 目录 引入 一:lombok介绍 1:引入依赖 2:使用 3:原理 4&…

释放超凡性能,打造鸿蒙原生游戏卓越体验

11月26日在华为Mate品牌盛典上,全新Mate70系列及多款全场景新品正式亮相。在游戏领域,HarmonyOS NEXT加持下游戏的性能得到充分释放。HarmonyOS SDK为开发者提供了软硬协同的系统级图形加速解决方案——Graphics Accelerate Kit(图形加速服务…

Zynq(6)FATFS读写eMMC

文章目录 1.简介eMMc与FAT2.eMMC与FAT的关系3.添加xilinx库4.用 FATFS完成emmc的读写5.传送门 1.简介eMMc与FAT eMMC (embedded MultiMediaCard) 是一种嵌入式闪存存储解决方案,由NAND闪存和内置的控制器组成,NAND闪存存储数据,而控制器负责…

【Linux】gdb / cgdb 调试 + 进度条

🌻个人主页:路飞雪吖~ 🌠专栏:Linux 目录 一、Linux调试器-gdb 🌟开始使用 🌠小贴士: 🌟gdb指令 🌠小贴士: ✨watch 监视 ✨打条件断点 二、小程序----进…

如何解决maven项目使用Ctrl + /添加注释时的顶格问题

一、问题描述 相信后端开发的程序员一定很熟悉IDEA编译器和Maven脚手架,使用IDEA新建一个Maven工程,通过SpringBoot快速构建Spring项目。在Spring项目pom.xml文件中想添加注释,快捷键Ctrl /,但是总是顶格书写。 想保证缩进统一…

python学习——数据的验证

文章目录 1. str.isdigit()2. str.isnumeric()3. str.isalpha()4. str.isalnum()5. str.islower()6. str.isupper()7. str.istitle()8. str.isspace()实操 以下是Python中字符串数据验证方法的详细解释: 1. str.isdigit() 这个方法用于检查字符串中的所有字符是否都…

基于Springboot+Vue的在线答题闯关系统

基于SpringbootVue的在线答题闯关系统 前言:随着在线教育的快速发展,传统的教育模式逐渐向互联网教育模式转型。在线答题系统作为其中的一个重要组成部分,能够帮助用户通过互动式的学习方式提升知识掌握度。本文基于Spring Boot和Vue.js框架&…

Web(CSS+JS+HTML实现简单界面)

前言 写的是个人博客界面,代码比较冗余,web的一个小作业。。。。。。 因为后面改了一次,有些css是直接写到了html文件中,重复的代码也比较多。 项目结构 CSS style.css * {margin: 0;padding: 0;box-sizing: border-box; }b…

Scala:正则表达式

object test03 {//正则表达式def main(args: Array[String]): Unit {//定义一个正则表达式//1.[ab]:表示匹配一个字符,或者是a,或者是b//2.[a-z]:表示从a到z的26个字母中的任意一个//3.[A-Z]:表示从A到Z的26个字母中的任意一个//4.[0-9]:表示从0到9的10…

经验帖 | Matlab安装成功后打不开的解决方法

最近在安装Matlab2023时遇到了一个问题: 按照网上的安装教程成功安装 在打开软件时 界面闪一下就消失 无法打开 但是 任务管理器显示matlab在运行中 解决方法如下: matlab快捷方式–>右键打开属性–>目标 填写许可证文件路径 D:\MATLAB\MatlabR20…