1.登录模块1.注册1.页面搭建2.数据绑定(1)定义数据模型->参考接口文档给属性起名//定义数据模型 const registerData = ref({ username: '', password: '', rePassword: '' })(2)将数据模型与表单绑定->       
转载 2024-08-02 21:35:49
605阅读
前端基础学习 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
                                                        &nbs
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;">这个表示放在最上层。内容排版
SpringBoot(二)Web 综合开发 文章目录SpringBoot(二)Web 综合开发Web 开发json 接口开发自定义 Filter**通过代码进行注册****通过@WebFilter注解进行注册**Filter责任链模式配置文件Thymeleaf 模板Thymeleaf 介绍Thymeleaf 的好处Thymeleaf使用前提语法URL条件求值for循环页面即原型模板缓存WebJar
转载 2023-11-14 09:01:58
87阅读
后台管理系统发开发完了,就是博客的开发了。就以首页为例来记录下首先是前端:把博客的头部和尾部分离出来成单独的组件头部组件:<template> <header> <div class="box"> <div class="logo"><a href="/">LT's Blog</a></div&g
转载 2024-05-06 10:51:15
51阅读
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阅读
前端页面的搭建首先我们在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阅读
Spring为FreeMarker提供了一个FreeMarkerConfigurer类,通过此类可方便地创建FreeMarker的基础环境,Spring提供FreeMarkerTemplateUtils工具类来完成解析模板的任务。spring配置文件bean的配置 <?xml version="1.0" encoding="UTF-8"?> <beans xmlns="htt
转载 2024-09-12 11:01:10
33阅读
一、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
本章概要整合Thymeleaf整合FreeMarker在目前的企业级应用开发,前后端分离是趋势,但是视图层技术还占有一席之地。Spring Boot 对视图层技术提供了很好的支持,福安防推荐使用的模板引擎是Thymeleaf,不过想FreeMarker也支持,JSP技术在这里并不推荐使用。3.1 整合ThymeleafThymeleaf是新一代Java模板引擎,类似于Velocity、FreeM
前言玩归玩,闹归闹,别拿 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阅读
文章目录项目介绍1.简介2.代码开发工具1.创建前端项目1.1)创建vue项目1.2)安装vant(移动端ui)1.3)安装axios1.4)配置跨域1.5)编写前端代码1.6)启动前端项目2.创建后端项目2.1)创建项目2.2)配置pom.xml2.3)配置系统文件application.yml2.4)编写controller层代码2.5)启动类增加注解2.6)启动后端项目3.测试4.下载项目
  • 1
  • 2
  • 3
  • 4
  • 5