Web开发SpringBoot流程性的学习----回顾补充2(YApi)

news/2025/4/3 2:23:27/文章来源:https://www.cnblogs.com/MoonbeamsC/p/18805037

Vue简述

Vue 是一套前端框架,免除原生JavaScript中的DOM操作,简化书写。

基于MVVM(Model-View-ViewModel)思想,实现数据的双向绑定,将编程的关注点放在数据上。

Vue2官网:https://v2.cn.vuejs.org/







生命周期(Vue3已不同)



AJAX

概念: Asynchronous JavaScript And XML,异步的JavaScript和XML.
作用:

数据交换:通过Ajax可以给服务器发送请求,并获取服务器响应的数据。

异步交互:可以在不重新加载整个页面的情况下,与服务器交换数据并更新部分网页的技术,如:搜索联想、用户名是否可用的校验等等。



AXIOS

Axios 对原生的Ajax进行了封装,简化书写,快速开发。

Axios 是一个基于 promise 网络请求库,作用于 node.js和浏览器中。

它是 isomorphic的(即同-套代码可以运行在浏览器和node.js中)。

在服务端它使用原生 node.js nttp模块,而在客户端 (浏览端)则使用 XMLHttpRequests.
特性:
· 从浏览器创建 XMLHttpReguests
· 从 node.js 创建 http 请求
· 支持 Promise AP!
· 拦截请求和响应
· 转换请求和响应数据
· 取消请求
· 自动转换JSON数据
· 客户端支持防御XSRE

前后端分离开发--》接口文档



YAPI

介绍:YApi是高效、易用、功能强大的 api管理平台,旨在为开发、产品、测试人员提供更优雅的接口管理服务
地址:http://yapi.smart-xwork.cn/

步骤:

添加项目-->添加分类-->添加接口

Vue------Vue-cli







Element

Element:是饿了么团队研发的,一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库组件:组成网页的部件,例如 超链接、按钮、图片、表格、表单、分页条等等。
官网:https://element.eleme.cn/#/zh-CNListener

Vue路由

打包部署


部署:将打包好的 dist 目录下的文件,复制到nginx安装目录的html目录下。

启动:双击 nginx.exe 文件即可,Nginx服务器默认占用80端口号

Nginx默认占用80端口号,如果80端口号被占用,可以在nginx.conf中修改端口号。(netstat-ano findStr 80)

Maven

Maven是apache旗下的一个开源项目,是一款用于管理和构建java项目的工具

Apache Maven 是一个项目管理和构建工具,它基于项目对象模型(POM)的概念,通过一小段描述信息来管理项目的构建。




Maven依赖管理





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

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

相关文章

4.1日报

今天完善了那个多条件查询 虽然没有做成知网那么高级的 但是查询功能已经很完善// 1. 政策标题精确查询(可根据需求改为like模糊查询)if (StringUtils.hasText(policyTitle)) {queryWrapper.like(Policy::getName, policyTitle);}// 2. 政策内容全文检索if (StringUtils.hasT…

MCP (Model Context Protocol)初体验:企业数据与大模型融合初探

简介 模型上下文协议(Model Context Protocol,简称MCP)是一种创新的开放标准协议,旨在解决大语言模型(LLM)与外部数据和工具之间的连接问题。它为AI应用提供了一种统一、标准化的方式来访问和处理实时数据,使模型不再局限于训练时获得的静态知识。 MCP由Anthropic首次提…

Redis高级篇-多级缓存

Redis高级篇-多级缓存Redis高级篇-多级缓存 1.什么是多级缓存 传统的缓存策略一般是请求到达Tomcat后,先查询Redis,如果未命中则查询数据库,如图:存在下面的问题: •请求要经过Tomcat处理,Tomcat的性能成为整个系统的瓶颈 •Redis缓存失效时,会对数据库产生冲击 多级缓存…

Redis安装说明

Redis安装说明Redis安装说明 大多数企业都是基于Linux服务器来部署项目,而且Redis官方也没有提供Windows版本的安装包。因此课程中我们会基于Linux系统来安装Redis. 此处选择的Linux版本为CentOS 7. Redis的官方网站地址:https://redis.io/ 1.单机安装Redis 1.1.安装Redis依赖…

Redis入门篇

Redis入门篇基础篇Redis 开篇导读 理想课程 小伙伴们理想的课程一定是能够通过讲解的方式,得到如下这些启发,我们的课程会从基础到精通,从redis小白,到redis大牛,还在等什么,这套课程一定就是你最适合你的课程~1.Redis简单介绍 Redis是一种键值型的NoSql数据库,这里有两…

安装Canal

安装Canal安装和配置Canal 下面我们就开启mysql的主从同步机制,让Canal来模拟salve 1.开启MySQL主从 Canal是基于MySQL的主从同步功能,因此必须先开启MySQL的主从功能才可以。 这里以之前用Docker运行的mysql为例: 1.1.开启binlog 打开mysql容器挂载的日志文件,我的在/tmp/…

团队项目

项目 内容这个作业属于哪个课程 软件工程这个作业要求在哪里 作业要求这个作业的目标 学习团队项目协作开发过程🚀团队展示 一、团队组成 队名:404 Not Found 成员组成:姓名 学号周戈 3123004164张荣辉 3123004162杨超民 3123004161饶博勋 3123004152李永胜 3123004148陈曦…

XN2025 集训记录 D11

那是家 , 是雪花飘飘的黑夜里沉默的足迹 , 是背后路灯的鹅黄色的光 . 只不过这个冬夜虽然温暖 , 前面的路还在等待 .XN2025 集训记录 D11 今天就进入四月份了啊 ... 回顾这一个月 , 应该总还是是有一定的进步的 , 当然这个东西比较不可量化 . 感觉上模拟赛的思路是对的 , 不用担…

20244208 2024-2025-2 《Python程序设计》实验二报告

20244208 2024-2025-2 《Python程序设计》实验二报告 课程:《Python程序设计》 班级: 2442 姓名: 王子骞 学号:20244208 实验教师:王志强 实验日期:2025年4月1日 必修/选修: 专选课 1.实验内容 设计并完成一个完整的应用程序,完成加减乘除模等运算,功能多多益善。 考核…

a16z合伙人:语音交互将成为AI应用公司最强大的突破口之一,巨头们在B2C市场已落后太多丨Voice Agent 学习笔记

如果你愿意花些时间调研语音 AI 行业,大概率会碰到 Olivia Moore。她主笔了两次 a16z 关于语音 AI 行业的 分析报告 ,投资的语音项目如 ElevenLabs、Sesame 等都是行业明星。这次播客访谈中,她和 a16z 另外一位合伙人 Anish Acharya 分享了他们对语音 AI 市场的最新观察和分…

20244226 实验二《Python程序设计》实验报告

20244226 2024-2025-2 《Python程序设计》实验2报告 课程:《Python程序设计》 班级: 2442 姓名: 张毓格 学号:20244226 实验教师:王志强 实验日期:2025年4月1日 必修/选修: 公选课 1.实验内容 (1)设计并完成一个完整的应用程序,完成加减乘除模等运算,功能多多益善;…