SSM项目前后端分离详细说明

1.后端

1.1打包

说明:使用idea打开项目,然后进行打包。

1.2tomcat

说明:把后端打成war包后放入tomcat启动。

1.3启动tomcat

说明: 找到tomcat中bin目录中的startup.bat文件,进行启动。如果启动失败,可以查看本人撰写Tomcat启动闪退的详细解决方法(捕获的野生的java1.8.0_321和野生的Tomcat8实验)_tomcat闪退,路径配置好了-CSDN博客

1.4成功截图

 2.测试接口

2.1apipost测试接口

说明:http://127.0.0.1:8080/ssmhydrd_war/users/page。ssmhydrd_war这是war的名字,users/page是控制层的路径。

 3.前端

3.1webapp

3.2启动各个前端项目

说明:以后台项目为例。找到vue.config.js。

说明: target: 'http://localhost:8080/ssmhydrd_war',指向的是服务器的地址。

lintOnSave: false,devServer: {hot: true, // 开启热更新https: false, // 是否开启https模式proxy: {'/ssmhydrd_war': {target: 'http://localhost:8080/ssmhydrd_war',changeOrigin: true,secure: false,pathRewrite: {'^/ssmhydrd_war': ''}}}},
}

3.3base.js

说明:封装js方法。

3.4main.js

说明:将方法挂载在原型里面。

Vue.prototype.$base = base.get()

Vue.prototype.$project = base.getProjectName()

3.5发起请求

说明:前端发起网络请求,前端vue代理就是解决跨域请求问题。因为需要遵守同源策略,解决不同ip问题。

 

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

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

相关文章

【热门话题】PostCSS:现代前端开发中的CSS增强工具

🌈个人主页: 鑫宝Code 🔥热门专栏: 闲话杂谈| 炫酷HTML | JavaScript基础 ​💫个人格言: "如无必要,勿增实体" 文章目录 PostCSS:现代前端开发中的CSS增强工具一、引言二、PostCSS简介2.1 核…

成为程序员后我都明白了什么?

成为程序员后你都明白了什么? *简介:java后端开发工程师,双非本科,整三年工作经验 方向一:技术成长 在刚进入这个行业的时候,虽然我是计算机科学技术专业毕业但是可以说是小白,我连服务器是什么…

Django框架模板位置(默认自定义)

1、默认模板位置 如果当前项目名称为learning_log 在该项目下,有一个应用,名称为learning_logs 那么Django默认的‘模板位置’是: .\learning_log\learning_logs\templates\learning_logs 2、自定义模板位置 修改项目learning_log的sett…

如何拥有自己的私有docker仓库

拉取registry镜像 拉取运行镜像 docker pull registry:2 mkdir -p /data/registry/registry mkdir -p /data/registry/auth docker run -d -v /data/registry/registry:/var/lib/registry -v /data/registry/auth:/auth -p 5000:5000 --name registry registry:2# password c…

大数据计算引擎中的Calcite

1.Calcite介绍 Calcite是一个动态数据库管理框架,具备数据库管理系统的功能 Calcite具备SQL解析、校验、优化、生成、连接查询等功能 Calcite能够为不同平台和数据源提供统一的查询引擎 2.Calcite能力 比如,对于HBase而言,没有SQL查询的能力…

C++ 并发编程 - 入门

目录 写在前面 并发编程,启动! 写在前面 计算机的并发指在单个系统里同时执行多个独立的任务。 在过去计算机内只有一个处理器时并发是通过快速的切换进程上下文所实现的,而现在计算机已经步入了多核并发时代,所以多个进程的并…

号卡流量卡分销推广系统源码

这是一个多功能的流量卡推广分销系统PHP源码,它是一套完善的、功能丰富的号卡分销系统,拥有多个接口,包括运营商接口,以及无限三级代理。这是目前市面上最优雅的号卡系统,没有之一。 软件架构说明: 环境要求…

239. 滑动窗口最大值/76. 最小覆盖子串

239. 滑动窗口最大值 给你一个整数数组 nums,有一个大小为 k 的滑动窗口从数组的最左侧移动到数组的最右侧。你只可以看到在滑动窗口内的 k 个数字。滑动窗口每次只向右移动一位。 返回 滑动窗口中的最大值 。 示例 1: 输入:nums [1,3,-…

python获取文件路径

文件:allpath_parameter.py # 获取当前目录路径 # current_dir os.getcwd() # 获取当前目录路径 realpath00 os.path.abspath(os.path.join(os.path.dirname(os.path.split(os.path.realpath(__file__))[0]), .)) print(realpath00)# 获取当前目录的上级目录路…

深圳智能抄表:现代城市管理的新篇章

1.行业背景和创新 深圳,做为中国最有创新力的城市之一。智能抄表是这处城市在公共服务领域的一次重大自主创新,是利用物联网技术、大数据和云计算等先进技术,改变了传统的手工制作抄水表方法,提高了效率,减少了偏差&a…

第一篇:Python简介:开启你的编程之旅

Python简介:开启你的编程之旅 在这个系列文章中,我将带领大家深入了解Python——一个极具魅力的编程语言。如果你对编程感兴趣,想要掌握一门既实用又强大的语言,那么Python无疑是一个绝佳的选择。本篇文章是这个系列的序章&#…

vue3 h5模板

vue3的h5模板 基于vue3tsvantrem的h5模板 觉得帮到你了就给个start

C++之通俗易懂学模版

目录 一、了解什么是泛性编程 二、模版 1.函数模版 1.1 函数模板概念 1.2 函数模板格式 1.3 函数模板的原理 1.4 函数模板的实例化 1.5 模板参数的匹配原则 2.类模板 2.1 类模板的定义格式 2.2 类模板的实例化 3. 非类型模板参数 4. 模板的特化 4.1 概念 4.2 …

java:Http协议和Tomcat

HTTP协议 Hyper Text Transfer Protocol 超文本传输协议,规定了浏览器和服务器之间数据传输的规则 特点: 基于TCP协议,面向连接,安全 基于请求响应模型:一次请求对应一次响应 HTTP协议是无状态协议,对事务的处理没有记忆能力,每次请求-响应都是独立的. 优点 速度较快 …

OceanBase开发者大会实录 - 阳振坤:云时代的数据库

本文来自2024 OceanBase开发者大会,OceanBase 首席科学家阳振坤的演讲实录——《云时代的数据库》。完整视频回看,请点击这里 >> 在去年的开发者大会中,我跟大家分享了我对数据库产品和技术一些看法,包括单机分布式一体化&…

书生·浦语 大模型(学习笔记-9)OpenCompass 大模型评测实战

目录 一、评测实现双赢 二、评测遇到的问题 三、如何评测大模型(大概总结4大类方法) 四、评测工具链及流水线 五、实战评测 GPU的环境安装 查看支持的数据集和模型 启动评测(会缺少protibuf库,提前安装) 测评结果 一、评…

Android Studio实现内容丰富的安卓校园超市

获取源码请点击文章末尾QQ名片联系,源码不免费,尊重创作,尊重劳动 项目代号168 1.开发环境 后端用springboot框架,安卓的用android studio开发 android stuido3.6 jdk1.8 idea mysql tomcat 2.功能介绍 安卓端: 1.注册…

Vue:start value has mixed support, consider using flex-start instead

编译vue项目的时候出现一个warning警告 start value has mixed support, consider using flex-start instead处理方法 div {display: flex;justify-content: start; }将start替换成flex-start 即可 div {display: flex;justify-content: flex-start; }参考 处理“start valu…

Vue3实现页面来回跳转的时候某个参数值不变,或者说实现参数共享

前情提要:主页面有个日期选择框,选择某个日期之后,从主页面点击超链接跳转到其他页面再返回的时候,日期又回到初始值而不是我选择的那个值,这就涉及到属性的状态管理即vuex,也是我们常说的store 关于vuex我…

【R语言简介】

🌈个人主页: 程序员不想敲代码啊 🏆CSDN优质创作者,CSDN实力新星,CSDN博客专家 👍点赞⭐评论⭐收藏 🤝希望本文对您有所裨益,如有不足之处,欢迎在评论区提出指正,让我们共…