前后端分离开发是当今开发的主流。本篇文章从零开始,一步步使用SpringBoot结合Vue来实现日常开发中最常见的登录功能,以及登录之后对用户的管理功能。通过这个例子,可以快速入门SpringBoot+Vue前后端分离的开发。前言1、前后端分离简介在这里首先简单说明一下什么是前后端分离和单页式应用:前后端分离 的核心思想是前端页面通过 ajax 调用后端的 restuful api 进行
转载 2023-11-27 16:49:35
23阅读
前言:本文适合有一定Vue或Django基础的开发者阅读,文中不会特别强调技术细节,只强调搭建的流程和配置,若有技术细节不懂请自行谷歌。目录一 、技术栈选择二、 环境配置三、 项目初始化更新日志 一 、技术栈选择前端Vue的所有技术栈: vue2 + vuex + vue-router + webpackUI库: element-ui网络请求:axios前端脚手架构建工具:vu
## 使用Vue和Flask查询MySQL数据的流程 在这篇文章中,我将教会你如何使用Vue和Flask查询MySQL数据。下面是整个过程的步骤概览: ```mermaid journey title 查询MySQL数据的流程 section 前端Vue部分 小白 -> 创建Vue应用: 创建一个新的Vue应用 小白 -> 安装Axios: 在V
原创 2023-09-15 10:47:30
178阅读
# Vue MySQL查询列表展示 在Web开发中,常常需要从数据库中查询数据并展示在前端页面上。Vue是一种流行的JavaScript框架,可以帮助我们构建动态的用户界面。而MySQL是一个流行的关系型数据库管理系统,用于存储和管理数据。结合VueMySQL,我们可以通过前端页面展示数据库中的数据,并实现查询列表展示的功能。 ## 查询列表展示的流程 首先,让我们来看一下查询列表展示的整
原创 2024-05-06 06:27:07
131阅读
1.使用vue.js搭建页面 1.1使用的模板插件Vuetify  中文UI组件官网:https://vuetifyjs.com/zh-Hans/getting-started/quick-start 1.2要实现的效果  1.3创建Brand.vue初始化页面<template> <span> hello </span> </t
效果图: html 代码: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <link href="css/index.css" rel="stylesheet" /> <link href="css/re ...
转载 2021-07-21 21:28:00
469阅读
2评论
# 使用 Vue 查询 Redis 的方法 在现代的 web 开发中,Vue.js 是一个极其流行的前端框架,而 Redis 则是一个强大的内存数据库,常用于缓存和数据存储。将这两者结合起来,可以实现高效的应用程序。本文将介绍如何在 Vue 应用中查询 Redis 数据,并提供相应的代码示例。 ## 预备知识 在开始之前,确保你对以下技术有基本的了解: 1. **Node.js**:我们会
原创 10月前
21阅读
html代码 <div id="root"> <h3index">
原创 2023-07-16 00:41:14
54阅读
后端用的flask,前端vue查询结果展示以及分页 如图: 代码如下: 前端: 1 <template> 2 <div> 3 <el-row> 4 <el-col :span="18"> 5 <el-form :inline="true" :model="test_query"> 6 <el-fo
原创 2022-08-11 22:49:47
373阅读
一、概述先来看一下搜索效果节流函数首先,我们来理解一下:节流函数首先是节流,就是节约流量、内存的损耗,旨在提升性能,在高频率频发的事件中才会用到,比如:onresize,onmousemove,onscroll,oninput等事件中会用到节流函数; 实时查询功能原理分析所谓模糊查询就是不需要用户完整的输入或者说全部输入信息即可提供查询服务,也就是用户可以在边输入的同时边看到提示的信息(
转载 2023-11-08 21:38:39
6阅读
一、Django介绍Django是由python编写的一个开放性源代码的Web应用框架,可以用来快熟搭建网站。 Django 采用了 MVT 的软件设计模式,即模型(Model),视图(View)和模板(Template)。这个MVT模式并非django首创,在其他的语言里面也有类似的设计模式MVC,甚至可以说django里面的MVT事实上是借鉴了MVC模式衍生出来的。M,Model,模型,是用于
转载 2024-06-08 17:16:03
40阅读
本文是自学vue和django,边学边做和立马上手做的项目的一些记录,只是为了备忘+回顾,行文有些混乱,写的代码肯定有不少bug,并且肯定有很多不对的地方后端创建项目填写应用名后会自动生成应用文件生成目录大致如下在新建的应用的settings.py中添加设置允许访问地址,因为前后端都在我本机上,设置地址为本机地址解决跨域问题安装pip install django-cors-headers 在新建
转载 2023-10-21 17:10:35
23阅读
在这篇博客中,我将分享如何使用 Vue 和 Axios 查询表格数据(tableData)的过程。这涉及到多个方面的内容,包括环境配置、编译过程、参数调优、定制开发、性能对比和安全加固。在每个部分中,我将详细说明所需的代码和工具,以及如何优化和提升你的项目。 ## 环境配置 首先,我需要确保开发环境的正确配置。这包括安装相关依赖和处理版本问题。以下是我为此所做的步骤: 1. 创建并进入项目目
原创 6月前
29阅读
在开发基于 Vue 的应用程序时,我们常常需要进行 AJAX 请求。而 Axios 是一个非常流行的库,用于处理这些请求。如果你想查询和管理 Axios 的版本,下面我将展示解决“vue 查询axios版本”问题的完整过程,包括环境预检、部署架构、安装过程、依赖管理、安全加固以及迁移指南。 首先进行环境预检。确保你的系统满足使用 Vue 和 Axios 的基本要求。这里是一个系统要求的表格:
原创 7月前
24阅读
# jQuery 查询 Vue 组件:科普与示例 在现代前端开发中,Vue.js 和 jQuery 是两个非常流行的 JavaScript 库。虽然它们各有千秋,但在某些情况下,开发者可能会遇到将 jQuery 与 Vue 结合使用的需求。本篇文章将探讨如何通过 jQuery 查询 Vue 组件,并提供实际的代码示例。 ## Vue 组件概述 Vue.js 是一个用于构建用户界面的渐进式框架
原创 2024-09-15 04:14:18
40阅读
最近在做移动real-time-search于实时搜索和关键词高亮显示的功能,通过博客的方式总结一下,同时希望能够帮助到别人~~~如果不喜欢看文字的朋友我写了一个demo方便已经上传到了github上,可以clone下来直接看代码 https://github.com/IT0315/real-time-search.git好了闲话不多说直接上代码实时搜索实时搜索通过触发input事件和定
# 使用 Vue 和 Axios 实现条件查询 随着前端开发的不断演进,数据交互和条件查询成为开发中不可或缺的环节。在这里,我们将通过使用 Vue 和 Axios 库来实现一个简易的条件查询示例。 ## 1. Vue 和 Axios 简介 **Vue.js** 是一种用于构建用户界面的渐进式框架,其核心库专注于视图层,易于上手且与其他库或已有项目结合。同时,**Axios** 是一个基于 P
原创 2024-09-28 03:58:47
47阅读
vue实现input输入模糊查询(三种方式)目录vue实现input输入模糊查询(三种方式)1 计算属性实现模糊查询演示:2 watch 监听实现模糊查询3 通过按钮点击实现模糊查询演示:1 计算属性实现模糊查询vue 中通过计算属性实现模糊查询,创建 html 文件,代码直接放入即可。这里自己导入 vue,我是导入本地已经下载好的。<script src="./lib/vue-2.6.12
转载 2024-01-03 10:43:22
124阅读
上一篇文章已经基本搭建好了框架并且实现了与数据库的对接,我们这篇文章来讲解怎样完成数据的增删改查首先是上一篇文章写的新增,但是数据没有回显在前端:我们首先需要在后端写一个查询数据库数据的方法可以将数据显现出来:我们这里是分页查询,所以需要给他传两个值,分别是当前页和每页条数:这里的我们默认不传参就是第一页然后十条数据/** * 查询数据 模糊查询 */ @GetMapp
# 实现"VUE MYSQL"教程 ## 一、整体流程 为了实现"VUE MYSQL",我们需要通过Vue.js前端框架来构建前端界面,并通过MySQL数据库来存储数据。下面是整个实现过程的步骤表格: | 步骤 | 操作 | |------|------| | 1 | 创建Vue项目 | | 2 | 安装MySQL数据库 | | 3 | 连接VueMySQL | | 4
原创 2024-05-06 05:27:33
95阅读
  • 1
  • 2
  • 3
  • 4
  • 5