**画图 : ** 接口访问路径前端页面 ===> 接口服务器 ===> 数据库服务器 ==> 数据库第一小步 : 打开 : 数据库服务器打开 phpStudy , 点击启动 【启动MySQL】第二小步 : 导入数据库打开 navicat 【双击navicat.exe即可 】点击连接 : 创建一个MySQL连接用户名和密码 : root-root(不能乱写) ，这个是和 conf
转载
2024-05-22 10:35:56
161阅读
# Vue 项目使用远程 MySQL 数据库
在现代 web 开发中，前端框架如 Vue.js 和后端数据库 MySQL 的配合使用非常普遍。本文将介绍如何在 Vue 项目中连接和使用远程 MySQL 数据库，包括必要的代码示例和实现步骤，希望能为你提供实用的指导。
## 1. 项目准备
首先，你需要一个 Vue 项目。如果尚未创建，可以使用 Vue CLI 进行快速创建：
```bash
文章目录1.后端发送数据1.后端连接数据库（mybatis）2.两种方式操作数据库1.短句sql语句直接用注解写2.长句sql语句用xml文件写3.定义发送格式（json）2.前端接收数据1.定义路由2.数据连接（JavaScript）3.固定前后端端口1.固定前端端口号2.固定后端端口号4.通过前端连接后端1.安装axios2.封装接口5.通过后端解决跨域问题 1.后端发送数据1.后端连接数据
1、vue父子组件传值方式1、props
2、v-model
3、.sync 父组件向子组件传的值，子组件可以直接修改父组件的值
4、ref
父组件通过ref直接拿到子组件的属性或方法
5、$emit
父组件给子组件定义事件，子组件中emit触发，参数（事件名，参数）
6、$children&$parent
获取到一个包含所有子组件的对象数组，直接拿到父子组件的属性和方法
转载
2024-07-19 14:34:02
96阅读
项目配置首先，按官方指引，使用 vue-cli 搭建 vue 的项目，在项目里按照上面的文档尝试修改，加深理解：# 安装依赖库，建议指定 vue 和 element 版本，避免版本升级带来意料之外的 bug
$ npm install vue@2.1.6 element-ui@1.4.6 vuex axios
#全局安装脚手架
$ npm install -g vue-cli
# 创建
转载
2024-09-18 15:35:44
35阅读
这次做了个项目，其中一个模块的功能就是，根据用户填写的信息生成一个pdf但是pdf有很多表格，而且格式比较复杂，如果用代码写出这种模板，然后将当前页面生成pdf这种方法显然不太现实，后来发现用填充模板的方法可以实现1.先安装对应依赖npm install docxtemplater pizzip --save-dev
npm install jszip-utils --save
npm insta
转载
2024-08-11 10:46:33
61阅读
一：KEYCLOAK配置部分： 1，下载keycloak，官网地址：https://www.keycloak.org/downloads.html。下载第一个就行 2，下载完毕之后，打开文件，访问 bin 路径，点击 standalone.bat 打开，打开之后大概如下： 3，然后访问：http://localhost:8080/auth/ ，下
转载
2024-01-10 18:58:35
245阅读
在现代前端开发中，Vue.js 是一个极其流行的 JavaScript 框架，而 Yarn 则是一个高效的包管理工具。把这两者结合使用，可以带来更好的开发体验。然而，在这个过程中，我们也可能会遇到一些技术痛点。
### 背景定位
在 Vue 项目的早期开发中，团队面临着以下技术痛点：
> “我们希望能够快速搭建 Vue 项目，同时希望依赖包管理更高效，解决传统的 npm install 速度
作者：瑞哥最近 Vue3 关于 ref-sugar 的提案引起了广泛的讨论：juejin.im/post/689417…[1]<script setup>
import Foo from './Foo.vue'
// declaring a variable that compiles to a ref
ref: count = 1
const inc = () => {
文章目录基本使用步骤指令的概念内容渲染指令属性绑定指令事件绑定指令事件修饰符按键修饰符双向绑定指令条件渲染指令列表渲染指令 基本使用步骤1.导入vue.js的script脚本文件(可在官网下载)vue官网 2.在页面中声明一个将要被vue所控制的DOM区域 3.创建vm实例对象(vue的实例对象)<!DOCTYPE html>
<html lang="en">
<h
文章目录一、环境二、创建项目三、启动项目四、项目结构与解释 一、环境环境已经搭好，所以就不废话了，看一下我的版本 这已经是最新环境了。二、创建项目我们使用命令vue create创建，如下：vue create v1 提示说：请选择一个预设，预设就是项目的一些初始化，就是给你安装规定一些基本的东西，以前的低版本vue创建项目是用vue init webpack 【projectName] 命令，
转载
2024-04-19 14:38:30
41阅读
Echarts 官网：http://echarts.apache.org/zh/index.html 安装依赖 npm安装 npm install echarts -S 或者用淘宝镜像安装 npm install -g cnpm --registry=https://registry.npm.tao ...
转载
2021-10-27 18:47:00
222阅读
2评论
1，使用save会在package.json中自动添加。 注： 通常使用npm安装会出现以下报错，安装失败。（网路问题） 可以通过淘宝的npm镜像安装node-sass，解决以上问题。 $ npm install -g cnpm --registry=https://registry.npm.tao
转载
2017-03-11 15:45:00
163阅读
2评论
https://www.jianshu.com/p/5c4bde800762
转载
2022-06-13 17:00:24
47阅读
安装nodejs并搭建vue项目第一步：先下载nodejs1 网址在此：nodejs下载网址
2 等待下载完成，双击安装，一直下一步即可，不用改任何东西。3 安装1 Win+r打开cmd，输入node -v查看是否安装成功，出现版本号代表成功，node -v因为下载node会自带下载npm，输入npm -v查看npm -v 2 然后打开下载的nodejs文件夹，在里面新建2个文件夹 node_gl
转载
2023-11-29 10:54:45
54阅读
文章目录说明环境创建项目配置源运行项目端口修改总结 说明node.js开发环境已经安装，开始创建vue项目，实现后台项目。环境node 版本 node -v vue版本vue -V webspace 选no，不安装客户端，这里只看有无该库。创建项目cd 到要创建项目的目录，打开cmd窗口，这里是D:\web-workspace\2021，创建项目vue init webspace 项目名，不能用
转载
2023-10-17 20:57:45
47阅读
// https://eslint.org/docs/user-guide/configuring
module.exports = {
root: true,
parserOptions: {
parser: 'babel-eslint'
},
env: {
browser: true,
jquery: true
转载
2024-06-11 18:15:14
53阅读
一、项目环境搭载及创建1. 软件及模块
a. node
用c++编写，用来运行js代码
b. npm/cnpm
终端应用商城
c. vue
用来搭建vue前端项目
2. 安装及下载
a. 安装node
官网下载安装包
b. 安装cnpm
npm install -g cnpm --registry=https://regist
转载
2024-05-08 14:34:13
39阅读
前言： 这是一个java程序员的vue学习记录。 vue是前端的主流框架，按照如今的就业形式作为后端开发的java程序员也是要有所了解的，下面是本人的vue学习记录，包括vue2的基本使用以及引入element-ui，使用的开发工具是IDEA。一、第一个vue项目1、环境需求 系统环境使用的vue3但是后续创建的项目是vue2项目，主要是因为vue3提供了vue ui对于初学者十分友好，这些环境的
转载
2024-07-29 09:09:53
626阅读
在现代Web开发中，前端框架Vue.js与数据库MySQL的结合常常成为开发者们关注的热点。然而，如何将这两个组件灵活而高效地结合使用呢？为了清晰地阐述这一过程，我们将从备份策略开始，逐步探讨恢复流程、灾难场景、工具链集成、日志分析以及验证方法。
## 备份策略
开始前，首先需要梳理出一套有效的备份策略，确保数据的安全性和上游数据的流畅。以下是备份策略思维导图的展示：
```mermaid
