前后端代码写的位置

最新推荐文章于 2024-05-05 22:41:12 发布
最新推荐文章于 2024-05-05 22:41:12 发布
阅读量4.7k 收藏 8
点赞数
分类专栏： Java 文章标签： java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_64881460/article/details/123331344
版权

WebContent文件夹下：所有的前端写在这里。

Java Resources: src: 所有的java代码写在这个里面。

右击WebContent new HTML File

然后点Window最后一行

再点Server的Runtime

 点add，选择8.0

选择文件夹 

JRE选择jre.8.0 

最后点finish，Apple

 

右击html,点击Run As 里的 Run on Server

finish

 然后输入东西之后在Insert中刷新输出。

 

凤梨..
关注
  • 0
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
idea创建springboot项目访问html文件
qq_44885775的博客
01-25 8303
1、引入thmeleaf模板引擎 <!-- thmeleaf模板引擎--> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-thymeleaf</artifactId> </dependency> 2、配置application.properties 如下： spring.thymelea.
java前后端分离快速开发 代码生成器
11-29
java前后端分离，快速开发，代码生成器，nginx发布前端页面
如何通过IDEA看Java源码
yangen2018的博客
03-01 2726
通过程序看源码也将反编译，有很多辅助软件可以做，这里介绍使用 IDEA 查看源码的方式。 将写的程序生成的字节码文件（class文件，前面的笔记介绍过）放到与该程序相同目录下。class文件一般存放在一个名为"out-production"的文件夹下，在"Project Structure"中可以找到该路径。 放在一起后在 IDEA 中，可以在该程序旁边看到一个带有 01 字样的同名 class 文件 直接双击该 class 文件便可打开，这就是该程序的源码。 图示： 1.从 File -> Pr
【IDEA篇】查找，定位文件的位置
热门推荐
ouYang的博客
08-14 2万+
第一种：在项目目录中定位当前文件 话不多说，直接上图 第二种：在物理位置定位当前文件 如图：
HB前端代码IDEA
04-10
前端代码编辑工具，集成开发环境、多平台开发的一款易学易用的开发工具，它可以实现emmet、sass、less自动编译，完整的代码提示、自动补全可以说就像是飞一样的写代码。
front-end-style-guide:Intridea 编写高质量前端代码的指南
07-02
前端风格指南 这是描述如何以 Intridea 方式编写前端代码（HTML、JS、CSS 等）的文档集合。 本文档包含通用规则，如编辑器配置和文档样式。 可以在各自的文档中找到特定于语言的文档： 指南 一些特定的库： 预编译 标准库 这些是 Intridea 标准，任何偏离标准都应视为例外而非规则。 在生成 CSS 时，应该使用创建该代码（使用 SCSS 语法，这是库的默认设置）。 在生成 JavaScript 时，应该使用 CoffeeScript 创建该代码。 生成的代码 只有在非常罕见的例外情况下，生成的代码才会被签入代码存储库。 仅输出的差异就产生了太多的噪音而无法提供任何好处，并提供一种错误的活动感和安全感（并且通常是合并冲突的根源）。 编辑器配置 编辑器配置 为了帮助确保项目内的编码一致性，我们依赖一个名为的工具。 我们使用的样板版本存储在，但它可能如下所示： #
文件、图片的上传（一）-----前端与后端代码
chenfang0529的博客
10-26 1万+
文件、图片的上传（一）—–前端与后端代码用的编译器是idea，前端代码在jsp页面中，后端则是写在SSM框架中控制层Controller。前端代码（jsp页面） <form action="${website}file/file/${id}" method="post" enctype="multipart/form-data"> <input type='text' name='
关于IntelliJ IDEA 中的文件路径
NegativeCharge的博客
08-19 8047
使用 Class 类的 getResourceAsStream() 方法解决文件读取时路径错误问题
IntellijIdea项目目录结构
qq_30347133的博客
02-03 1371
2.4-使用idea开发javaWeb应用程序-1（前端页面）
川流不息
01-02 1万+
系列文章目录 提示：这里可以添加系列文章的所有文章的目录，目录需要自己手动添加 例如：第一章 Python 机器学习入门之pandas的使用 提示：写完文章后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录系列文章目录前言一、pandas是什么？二、使用步骤1.引入库2.读入数据总结 前言 提示：这里可以添加本文要记录的大概内容： 例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。 提示：以下是本篇文章正文内容，下面案例
前后端分离
01-08
传统开发方式 传统开发方式主要使用MVC框架，Jsp+Servlet的结构，数据交互流程如下： ⻚页⾯面展示的内容以及⻚页⾯面之间的跳转逻辑,全都由后台来控制,这导致了了前后端耦合 度⾮非常⾼高,耦合度⾼高则意味着,扩展性差,维护性差,等等问题 传统开发的问题如下: 1、耦合度⾼高 调试麻烦,出现问题时往往需要前后台⼀一起检查 2、开发效率低, 前后端相互依赖,沟通成本,维护成本⾼高 3、扩展性差,⽆无法兼容其他终端 交互 4、逻辑混乱，最终造成代码腐烂 前后端分离 为了解决以上问题，降低耦合，出现了一种新的开发方式：前后端分离。 半分离时代 前后端半分离，前端负责开发页面，通过接
小程序前后端支付 小程序源代码
05-06
小程序前后端支付 小程序源代码小程序前后端支付 小程序源代码小程序前后端支付 小程序源代码小程序前后端支付 小程序源代码小程序前后端支付 小程序源代码小程序前后端支付 小程序源代码小程序前后端支付 小程序源代码小程序前后端支付 小程序源代码小程序前后端支付 小程序源代码小程序前后端支付 小程序源代码小程序前后端支付 小程序源代码小程序前后端支付 小程序源代码小程序前后端支付 小程序源代码小程序前后端支付 小程序源代码小程序前后端支付 小程序源代码小程序前后端支付 小程序源代码小程序前后端支付 小程序源代码小程序前后端支付 小程序源代码小程序前后端支付 小程序源代码小程序前后端支付 小程序源代码小程序前后端支付 小程序源代码小程序前后端支付 小程序源代码小程序前后端支付 小程序源代码小程序前后端支付 小程序源代码小程序前后端支付 小程序源代码小程序前后端支付 小程序源代码小程序前后端支付 小程序源代码小程序前后端支付 小程序源代码小程序前后端支付 小程序源代码小程序前后端支付 小程序源代码小程序前后端支付 小程序源代码小程序前后端支付 小程序源代码小程序前后端支付 小程序源代码小程序前后
EasyMedia包含前后端代码
06-18
EasyMedia+EasyMedia-ui 后端： Springboot、netty实现的http-flv、websocket-flv流媒体服务（可用于直播点播），支持rtsp、h264、h265等、rtmp等多种源，h5纯js播放（不依赖flash），不需要依赖nginx等第三方，低延迟（支持识别h264、aac编码自动转封装）。 前端：vue+xgplayer-flv.js+xgplayer
秒杀系统（前端、后端、中间件完整代码）
03-25
主要这个秒杀方案分为六部分： 1、分布式会话： 2、功能开发：商品列表、商品详情、秒杀、订单详情 3、系统压测：JMeter，目的：发现秒杀系统的问题（低并发并不会出现问题，但是在高并发会出现很多问题，比如：超卖问题） 如何处理高并发： （1）缓存 （2）异步 （3）安全 4、页面优化（商品会不会出现超卖、性能有没有提高等问题） 5、服务优化（解决暴露出来的问题，超卖） 6、安全优化
idea文件
07-02
idea文件
Java管理系统前后端代码
08-19
Java管理系统前后端代码
【数据结构】二叉树
最新发布
m0_73911405的博客
05-05 233
前序：根，左子树，右子树中序：左子树，根，右子树后序：左子树，右子树，根N代表空元素前序 1 2 3 N N N 4 5 N N 6 N N中序 N 3 N 2 N 1 N 5 N 4 N 6 N后序 N N 3 N 2 N N 5 N N 6 4 1层序 1 2 4 3 5 6一层层从左到右一个树分成根和子树，子树再分为根和子树。
Spring Cloud——LoadBalancer
????
05-01 1614
这里只是简单的讲解了一下LoadBalancer如何使用，因为实际上我们使用的不是很多，主要还是使用OpenFeign。
链表刷题集
yajunjiao的专栏
04-30 630
本文主要列举了一些刷的题，不多，有那么几道，也建议各位去建立自己的刷题集。积少成多。
登录功能怎么写前后端代码
05-05
登录功能一般需要前后端配合完成。以下是一个简单的登录功能的前后端代码实现示例： 前端代码（使用 Vue.js 框架）： ```html <template> <div> <input type="text" v-model="username"> <input type="password" v-model="password"> <button @click="login">登录</button> </div> </template> <script> export default { data() { return { username: '', password: '' } }, methods: { login() { // 发送登录请求 this.$axios.post('/api/login', { username: this.username, password: this.password }).then(response => { // 登录成功，保存 token 到本地存储 localStorage.setItem('token', response.data.token) // 跳转到首页 this.$router.push('/') }).catch(error => { // 登录失败，提示错误信息 alert(error.response.data.message) }) } } } </script> ``` 后端代码（使用 Node.js 和 Express 框架）： ```javascript // 导入 express 和 body-parser 模块 const express = require('express') const bodyParser = require('body-parser') // 创建 express 应用 const app = express() // 解析请求体 app.use(bodyParser.json()) // 模拟数据库中的用户数据 const users = [ { id: 1, username: 'admin', password: 'admin' }, { id: 2, username: 'user1', password: '123456' }, { id: 3, username: 'user2', password: 'abcdefg' } ] // 登录接口 app.post('/api/login', (req, res) => { const { username, password } = req.body // 在用户数据中查找匹配的用户名和密码 const user = users.find(u => u.username === username && u.password === password) if (user) { // 生成一个随机的 token，并将其保存到用户数据中 const token = Math.random().toString(36).substr(2) user.token = token // 返回 token 给客户端 res.json({ token }) } else { // 用户名或密码错误，返回错误信息 res.status(401).json({ message: '用户名或密码错误' }) } }) // 启动应用 app.listen(3000, () => console.log('Server is running on http://localhost:3000')) ``` 该示例代码中使用了 Axios 和 Vue Router 来发送 HTTP 请求和进行页面跳转，使用了 Node.js 和 Express 来处理 HTTP 请求和提供接口。其中，登录接口会在数据库中查找匹配的用户名和密码，如果匹配成功，则生成一个随机的 token 并将其保存到用户数据中，然后将 token 返回给客户端。客户端在接收到 token 后会将其保存到本地存储中。在后续的请求中，客户端会在请求头中携带该 token，以便服务器识别用户身份。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值