1.登录模块1.注册1.页面搭建2.数据绑定(1)定义数据模型->参考接口文档给属性起名//定义数据模型 const registerData = ref({ username: '', password: '', rePassword: '' })(2)将数据模型与表单绑定->       
转载 2024-08-02 21:35:49
605阅读
1.web使用SpringBoot;1)、创建SpringBoot应用,选中我们需要的模块;2)、SpringBoot已经默认将这些场景配置好了,只需要在配置文件中指定少量配置就可以运行起来3)、自己编写业务代码;自动配置原理?这个场景SpringBoot帮我们配置了什么?能不能修改?能修改哪些配置?能不能扩展?xxxxxxxAutoConfiguration:帮我们给容器中自动配置组件; xxx
页面插件集成引入MarkDown文本编辑器下载解压后将这几个文件拖到项目里面 然后在发布博客页面引入css和js文件用法可以参照simple.html 根据id进行绑定就可以了。 如果编辑器有部分区域被页面其他元素遮挡。可以加一个样式,<div id="md-content" style="z-index: 1 !important;">这个表示放在最上层。内容排版
                                                        &nbs
SpringBoot(二)Web 综合开发 文章目录SpringBoot(二)Web 综合开发Web 开发json 接口开发自定义 Filter**通过代码进行注册****通过@WebFilter注解进行注册**Filter责任链模式配置文件Thymeleaf 模板Thymeleaf 介绍Thymeleaf 的好处Thymeleaf使用前提语法URL条件求值for循环页面即原型模板缓存WebJar
转载 2023-11-14 09:01:58
87阅读
SpringBoot对Web的支持对一些web项目,前台和后台可以选择使用json进行数据的交互,所以在Controller中只需要返回json数据即可 JSON:用于存储数据,相比xml,解析速度更快,占用空间更小 JSON格式: 1以{}开始结束,key和value之间用冒号隔开 {“name”:”zhangsan”,”password”:”123456”,”city”:”shanghai”}
转载 2024-04-12 14:50:07
204阅读
后台管理系统发开发完了,就是博客的开发了。就以首页为例来记录下首先是前端:把博客的头部和尾部分离出来成单独的组件头部组件:<template> <header> <div class="box"> <div class="logo"><a href="/">LT's Blog</a></div&g
转载 2024-05-06 10:51:15
51阅读
前端页面的搭建首先我们在resources包下新建一个文件夹static,SpringBoot默认会去把static包下的文件做一个路由然后在static包下新建一个HTML File类型的文件,文件名为index.html(这是默认的)在index.html文件中 <!DOCTYPE html><html lang="en">//完整的html分为head(头)、bod
转载 2024-08-29 14:11:01
89阅读
前端基础学习 springboot入门前端基础学习springboot 的简单介绍一、springboot的优点?二、springboot使用步骤2.1 下载学生版的idea编辑器2.2.1 账号激活2.2.2 IDEA的下载2.2 maven的环境配置2.3 导入maven库并运行项目2.3.1导入maven库2.3.2 创建Springboot项目2.3.3 运行项目三.前端与后端交互3.1
前端开发----vue首先附上Vue生命周期图一、项目的搭建使用 vue-cli 脚手架搭建工程步骤步骤: 默认已经安装好npm,我的版本以管理员身份运行cmd,全局安装vue-clinpm install -g @vue/cli //安装vue cli vue --version //查看版本选择一个文件目录,存放项目,进入该目录的cmd命令提示符,输入下列命令,等待配置vue cre
一、Controller和模板引擎1.Controller用到的注解@GetMapping – 处理get请求的路径映射@GetMapping("emp/{id}")@PutMapping – 处理put请求的路径映射@PutMapping("emp/{id}")@PathVariable – 获取请求参数中的’id’@PathVariable("id")给前端返回一个beanmodel.setA
  《Spring Boot编程实战与面试指南》 04-01:Spring Boot支持的视图技术   前端模板引擎技术的出现,使前端开发人员无须关注后端业务的具体实现,只关注自己页面的呈现效果即可,从而解决了前端代码错综复杂的问题,优雅的实现了前后端分离开发。1、模版引擎技术支持在Spring Boot中,除了REST web服务,还可以使用Spring MVC来提供动态HT
前言玩归玩,闹归闹,别拿 C端 开玩笑!这里不推荐大家把Node服务作为C端服务,毕竟它是单线程多任务 机制。这一特性是 Javascript 语言设计之初,就决定了它的使命 - Java >>>【Script】,这里就不多解释了,大家去看看 JavaScript 的历史就知道啦~这也就决定了,它不能像后端语言那样 多线程多任务,用户访问量小还能承受,一旦承受访问量大高并发,就得
转载 2024-08-07 21:30:15
71阅读
1.页面布局因为之前在工程中添加了elementui,因此用elementui来做页面;打开elementui官网:https://element.eleme.cn/#/zh-CN  找到组件-》Container布局容器找一个看得顺眼的,复制代码到自己的工程的App.Vue中; 代码:<template> <div id="app"> &l
转载 2023-06-16 15:42:48
334阅读
什么是WebScoket?WebSocket协议是基于TCP的一种新的网络协议。它实现了浏览器与服务器全双工(full-duplex)通信——允许服务器主动发送信息给客户端。为什么使用WebScoket?因为 :HTTP 协议有一个缺陷:通信只能由客户端发起,HTTP 协议做不到服务器主动向客户端推送信息。而WebScoket可以由服务器主动发送信息给客户端。应用实例:maven依赖:<de
转载 2024-07-21 10:21:14
61阅读
Spring Cloud(十):Spring Cloud Gateway(路由)本篇文章主要介绍了什么是 Spring Cloud Gateway,概述Spring Cloud Gateway 是 Spring Cloud 的一个全新项目,该项目是基于 Spring 5.0,Spring Boot 2.0 和 Project Reactor 等技术开发的网关,它旨在为微服务架构提供一种简单有效的统
文章目录1.cropper前端插件介绍1.1 插件效果展示2.使用cropper2.1springboot+ajax可能会出现的403问题解决(前端范围)2.2springboot前端静态资源路径即使正确也报404错误的解决方案3.前端demo代码(开箱即用)4.后端controller层5.总结 1.cropper前端插件介绍cropper是一款用于图像裁剪的插件,可以实现对本地用户上传到服务
转载 2024-06-21 08:42:33
16阅读
一、引言有了自动配置,springboot使web开发变得简单,这个在springboot之旅中的第一篇中就有体现,实际的开发中当然不会这么简单,很多时候我们都需要自己去定制一些东西。web开发的东西比较多, 我们先掌握一些必要知识点,剩下的就是CRUD开发。快速的创建一个springboot web项目在第一篇总结中有讲:二、静态资源的映射规则现在大部分公司都是前后端分离的开发模式,一般作为后台
转载 2024-03-06 00:28:28
32阅读
目录SpringBoot 集成WebSocket,实现后台向前端(h5 页面,java客户端)推送什么是WebSocket?概念:特点:通讯方式服务器端代码实现maven依赖websocket的configuration配置文件websocket 的发布实现:H5客户端实现maven依赖aplication.properties 的系统配置文件配置页面代码(重点)java客户端代码maven依赖s
SpringBoot个人博客—前端页面功能介绍(一)项目首页地址:一、前端框架Semantic UISemintic UI官网:https://semantic-ui.com/前端页面主要采用了Semantic前端开发框架对页面骨架进行快速搭建。Semantic作为一款开发框架,能够帮助开发者使用对人类友好的HTML语言构建优雅的响应式布局更加快速设计出漂亮的网站。具体使用细节可以访问官网查看官方
转载 2024-03-13 23:05:34
65阅读
  • 1
  • 2
  • 3
  • 4
  • 5