前言断断续续经历了半个月，罗非鱼人生中的第一个博客诞生了。因为技术有限，所有还有很多功能、样式还未实现，不过通过之后知识的学习和经验的积累，这个博客会变得越来越好的。1.网站模块博文归档书籍分享用户登录留言评论以上只做了这几个模块，没有单独做主页展示，考虑到我的文章数量并不多，所以直接将博文归档放在主页，同时也起到一个重点突出博文的作用。++归档++左边部分和上边部分可以通过文章分类标签和文章标题
转载
2024-05-13 12:31:04
46阅读
如果还没安装ubuntu系统，请参考这里 虚拟机安装ubuntu16.04详细步骤
1.安装 asp.net core2.2官方链接
只需要安装 ASP.NET Core 运行时，因为它同时包括 .NET Core 和 ASP.NET Core 运行时。在终端中，运行以下命令。 每台计算机只需要执行一次此操作。wget -q https://packages.microsoft.com/confi
转载
2024-05-30 23:03:44
123阅读
前后端及其连接一共四大步骤，1.建库 2.后端定义功能 3.前端实现界面 4.前后端连接1.MYSQL建库建一个department表2.后端定义功能——在Spring boot工程里把接口写好小前言1：理解层次的概念总的来说，一共一组实体+3层
实体：实体的类名为表的名字，实体的参数为表的参数
最底层：通过SQL语句实现对数据库的操纵，可以理解为基本动作（如武术里的跑，跳，出拳）
中间层：使用最
转载
2023-11-10 12:54:34
491阅读
本系列文章，主要是一个前端的视角来实现一些后端的功能，所以不会讲太多的前端东西，主要是分享做这个项目学到的一些东西，，，，，好了闲话不多说，我们开始搭建后端服务，这里我们采用node的express框架来做我们的后端服务这里是官网地址：express一、安装express框架 npm install express --save 二、先写一个测试的接口在根目录下新建一个server的文件夹，并
在现代Web开发中，前端框架Vue.js与数据库MySQL的结合常常成为开发者们关注的热点。然而，如何将这两个组件灵活而高效地结合使用呢？为了清晰地阐述这一过程，我们将从备份策略开始，逐步探讨恢复流程、灾难场景、工具链集成、日志分析以及验证方法。
## 备份策略
开始前，首先需要梳理出一套有效的备份策略，确保数据的安全性和上游数据的流畅。以下是备份策略思维导图的展示：
```mermaid
**画图 : ** 接口访问路径前端页面 ===> 接口服务器 ===> 数据库服务器 ==> 数据库第一小步 : 打开 : 数据库服务器打开 phpStudy , 点击启动 【启动MySQL】第二小步 : 导入数据库打开 navicat 【双击navicat.exe即可 】点击连接 : 创建一个MySQL连接用户名和密码 : root-root(不能乱写) ，这个是和 conf
转载
2024-05-22 10:35:56
161阅读
问题当数据库中数据比较多时，就要每次只查询一部分来缓解服务器和页面的压力。这里使用elementui的 Pagination 分页 组件，配合mysql的limit语句，实现分页查询mysql数据。 下图是最基本的分页样式： 当然需要引入对应的事件，来实现页面改变就查询数据库。解决分页组件：<el-pagination
background
layout="p
转载
2023-11-24 22:54:57
66阅读
# Vue前端使用MySQL的完整流程
在现代Web开发中，前端与后端的连接是至关重要的。若要在Vue前端应用中使用MySQL数据库，通常需要通过后端API来与数据库进行交互。下面我们将详细介绍这个流程，并逐步指导你如何实现这一功能。
## 整体流程
我们可以将整个流程分为以下几个步骤：
| 步骤 | 描述 |
MongoDB数据库搭建数据库我们使用的时 mongoDB 数据库，这里只介绍最基础的安装 mongoDB 和 studio 3T(MongoDB 的可视化界面)安装 mongoDBmongoDB的官方网页：https://www.mongodb.com访问网站之后依次点击：software —> community Server —> Platform(选择对应的操作平台) —>
转载
2024-08-27 15:53:36
18阅读
一、通过获取dom元素属性在父组件里获取子组件的数据和方法 二、通过props、$emit获取通过dom元素获取的子组件的数据不能实现实时更新vue中数据和dom渲染是异步的，此时通过dom获取的数据为空值（如果数据是通过接口获取的话）此时可以使用$emit父组件可实现从子组件中获取数据。在父组件中引入子组件，并自定义一个事件在父组件中自定义的事件：在子组件中将接口获取的数据，通过参数传
转载
2023-11-10 13:06:25
121阅读
# 实现vue使用级联选择器处理mysql获取的数据
## 流程图
```mermaid
flowchart TD
A[获取mysql数据] --> B[使用vue处理数据]
B --> C[级联选择器展示数据]
```
## 步骤
| 步骤 | 操作 |
| --- | --- |
| 1 | 获取mysql数据 |
| 2 | 使用vue处理数据 |
| 3 | 级联选
原创
2024-03-01 03:52:27
204阅读
Vue项目读取本地json文件数据的方法如下：创建一个json文件，比如data.json，并保存在项目目录下的static文件夹里 在Vue组件中引入json文件，例如：<script>
import data from '@/static/data.json'
export default {
data() {
return {
jsonData: dat
转载
2023-06-13 14:59:06
472阅读
目录 Vue-cookie处理cookieVue-cookies处理cookie Vue-cookie处理cookie安装：前端项目目录下的终端npm install vue-cookie --save配置：main.jsimport cookie from 'vue-cookie'
Vue.prototype.$cookie = cookie;使用：组件的逻辑方法中created(){
转载
2024-02-23 09:29:20
116阅读
项目介绍论文主要是对疫情防控物业管理系统 进行了介绍，包括研究的现状，还有涉及的开发背景，然后还对系统的设计目标进行了论述，还有系统的需求，以及整个的设计方案，对系统的设计以及实现，也都论述的比较细致，最后对 疫情防控物业管理系统 进行了一些具体测试。系统采用java语言开发，后端采用ssm框架，前端采用vue技术，数据库采用mysql进行数据存储，实现了一个 疫情防控物业管理系统 。 疫情防控物
# 使用Vue获取MySQL数据的完整指南
在现代Web开发中，前端框架与后端数据库之间的联动至关重要。Vue.js作为一种流行的前端框架，通常需要与MySQL等后端数据库进行交互。但Vue.js本身并不能直接访问数据库，通常需要通过后端API进行数据的获取和处理。本文将简要介绍如何使用Vue获取MySQL数据，并提供相应的代码示例、状态图和类图来帮助您理解整个流程。
## 1. 系统架构概述
在开发现代 web 应用时，使用 Vue 2 作为前端框架，结合 MySQL 作为后端数据库是一种常见的选择。本博文将详细介绍如何有效地将这两者集成，包括版本对比、迁移指南、兼容性处理等关键内容，以帮助开发者更好地实现项目。
### 版本对比与兼容性分析
在选择使用 Vue 2 结合 MySQL 时，需要注意版本之间的兼容性。Vue 2 的 API 和 MySQL 的数据库交互有一定差异，需要
# Vue 项目使用远程 MySQL 数据库
在现代 web 开发中，前端框架如 Vue.js 和后端数据库 MySQL 的配合使用非常普遍。本文将介绍如何在 Vue 项目中连接和使用远程 MySQL 数据库，包括必要的代码示例和实现步骤，希望能为你提供实用的指导。
## 1. 项目准备
首先，你需要一个 Vue 项目。如果尚未创建，可以使用 Vue CLI 进行快速创建：
```bash
vue+element搭建登录注册页面项目搭建1：项目预览注册页面spring boot 返回给前端api对数据库增删改查前端通过axios提交到数据库2：脚手架引入element UI3：登录页面vue项目目录 项目搭建1：项目预览注册页面使用了栅格栏响应式布局，做到兼容手机端和电脑端！spring boot 返回给前端api对数据库增删改查前端通过axios提交到数据库2：脚手架引入elem
转载
2023-12-06 23:13:14
52阅读
今天让我们用前后端分离实现三级联查需求 : 省份与城市的联动,城市和县区的联动一.准备数据库省份/城市/区县三个表二.下载node.js输入node -v和npm -v如果出现版本号则安装成功(下载慢的话可以切换国内npm配置淘宝镜像命令行输入:npm config set registry https://registry.npm.taobao.org)三.搭建vue环境1.下载安装
转载
2024-04-09 12:34:39
53阅读
08.27自我总结Vue的使用一.挂载点这样设置好了后这个vue中的内容会与对应的css选择器进行关联注意点:挂载点只遍历第一个匹配的结果html与body标签不可以作为挂载点挂载点的只一般就采用id选择器(唯一性)二.插值表达式html差值部分页面{{msg}}Vue部分代码注意点:Vue中的msg变量发生变化的再没其他约数条件下msg也会发送变化里面值进行函数过滤{{msg|函数名}}h2标签
原创
2021-06-03 20:17:00
96阅读
