幽巷问酒-CSDN博客

原创 Nuxt入门总结

Nuxt入门总结一、nuxt简介及安装Nuxt.js 官方介绍：Nuxt.js 是一个基于 Vue.js 的通用应用框架。通过对客户端/服务端基础架构的抽象组织，Nuxt.js 主要关注的是应用的 UI 渲染。我们的目标是创建一个灵活的应用框架，你可以基于它初始化新项目的基础结构代码，或者在已有 Node.js 项目中使用 Nuxt.js，Nuxt.js 预设了利用 Vue.js 开发服务端渲染的应用所需要的各种配置。作为框架，Nuxt.js 为客户端/服务端这种典型的应用架构模式提供了许多有用

2021-12-08 15:45:41 8281 1

原创 git常见操作

git常见操作一般流程# 文件夹初始化1、git init# 添加远程仓库2、git remote add gitee(地址缩写名) https://gitee.com/xxxxx.git(url)# 本地创建并切换到test分支(默认远端仓库存在test分支)3、git checkout -b test或者在提交的操作push中，(操作发布test分支指的是同步test分支的代码到远程服务器(默认本地有test分支,并推送至远端仓库)git push origin test:test

2021-11-11 15:42:41 401

原创 Vue3 + koa2 + mysql 开发中的杂谈

Vue3 + koa2 + mysql 开发中的杂谈一、Vue3开发1、v-md-editorMarkdown文本编辑插件理由：本插件在使用过程中完美兼容vue3，且功能较丰富，有详细完整的教程vue3使用一定要安装对应的版本2、vue3中组件通信1、祖孙通信使用依赖注入provide/inject，，兄弟使用mitt库依赖注入在main.js中使用// 依赖注入的方式，provide不能对象的方式写// app.provide({// 'axios': axios,//

2021-09-06 12:57:08 444

原创 Grid+Element+document实现简单的瀑布流

Grid+Element+document实现简单的瀑布流原理：通过对应的Grid布局可以实现图片的拼接式的布局(列宽固定，行高不固定，自由组合)，Element中el-image的preview-src-list实现了图片预览(preview-src-list接受的为数组)，为了让图片瀑布流可以循环展示或者获取更多的图片，可以通过对页面的滚动条是否到达底部时进行判断，当到达底部时，则触发函数一、Grid布局+Element大图预览采用vue3编写思路：从服务端获取到对应的图片的链接，如果需要使用大

2021-09-05 15:09:42 1265

原创 Koa2、Vue3、Mysql服务器部署全流程

Koa2、Vue3、Mysql服务器部署全流程在电脑上安装xshell7、xftp，个人使用有免费版本连接服务器快捷连接指令 ssh root@服务器IP地址重启服务器 reboot一、Mysql服务器端安装参考mysql安装、配置流程重点：使用服务端的服务时，在服务器防火墙中打开相应的端口，mysql对应的端口为33061、首先获取rpm源由于没有相应的源，故需要获取对应的mysql的rpm源文件https://dev.mysql.com/downloads/repo/yum/wge

2021-09-05 02:00:58 756

原创文件上传/下载(按后缀名划分文件夹)

文件上传/下载(按后缀名划分文件夹)const queryback = require('../util/db/db.js');const { selectUser} = require('../util/file/selectUser.js')const fileList = new Router()const fs = require('fs')const path = require('path')const upload = { UPLOADS: '/uploads

2021-08-06 10:23:02 208

原创 Vue3+Koa2+Mysql实战随记（一）

Vue3+Koa2+Mysql实战随记（一）一、项目创建一、vue3项目创建的两种方法1) 使用 vue-cli 创建文档## 安装或者升级npm install -g @vue/cli## 保证 vue cli 版本在 4.5.0 以上vue --version## 创建项目vue create my-project运行项目一般用npm run serve此处会因为不兼容会出现bug，使用脚手架创建vue3项目启动不了，时间2021.7.21，解决办法打包的vue的版本3

2021-07-22 10:40:24 3452

原创前后端分离打包、运行(springboot+vue)

前后端分离打包、运行一、本地打包运行在终端中运行程序前端：前提：已安装npm，编译环境为VS Code1、跳转至Vue项目所在目录$ cd Vue项目所在的目录2、打包Vue文件，打包完成后会在当前目录下产生dist目录$ npm run build3、安装express-generator生成器$ npm install express-generator -g4、创建一个express项目$ express expressDemo （expressDemo是项目名）5、进入ex

2021-05-27 12:44:10 3053

原创 Vue杂记（一）———父传子值

Vue杂记（一）———父传子值一、在Vue中展示本地pdf文档1、官方给出的方案，详见vue-pdf-npm此方法仅限于展示第一页pdf，无法多张展示//官方给出的展示<template> <pdf src="./static/relativity.pdf"></pdf></template> <script>import pdf from 'vue-pdf' export default { components:

2021-04-18 19:51:27 220

原创 Vue-router路由传递

Vue-router路由传递一、在components中建立组件，并将其暴露//该文件名位files.vue<template> </template><script>export default { name: 'files' //可不写名称，export是暴露到环境，import是从环境中导入}</script><style> </style>二、主目录下main.js中使用

2021-04-14 19:21:58 181

原创 JavaScript——入门

JavaScript——入门一、注释JavaScript 是脚本语言，浏览器会在读取代码时，逐行地执行脚本代码。而对于传统编程来说，会在执行前对所有代码进行编译。JavaScript 不会执行注释。单行注释以 // 开头多行注释以 /* 开始，以 */ 结尾我们可以添加注释来对 JavaScript 进行解释，或者提高代码的可读性二、声明变量在 JavaScript 中创建变量通常称为"声明"变量。赋值时，被赋值的var的类型是所赋值的类型/*您可以在一条语

2021-03-28 19:49:54 247

原创静态网页技术———CSS知识点汇总

CSS知识点汇总/*css可以认为时由多个选择器组成的集合，每个选择器由3个基本部分组成---"选择器名称"、"属性"、"值"*/selector { property:value;}/*其中selector由不同的形式，包括HTML的标记(例如<body>、<table>、<p>等)，也可以是用户自定义的*//*标记；property是选择器的属性；value指定了属性的值*//*标记选择器*//*诸如<p>、<h>、&l

2021-03-09 22:01:20 549

原创静态网页技术———HTML5知识点汇总

静态网页技术———HTML5知识点汇总<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><html><head> <title>标题</title></head><bod

2021-03-08 21:42:09 346

原创 Spring Boot入门之拦截器及文件上传

Spring Boot入门之拦截器及文件上传一、拦截器1.创建interceptor/Logininterceptor.javaLogininterceptor.javapackage com.example.firstwell.interceptor;import lombok.extern.slf4j.Slf4j;import org.springframework.web.servlet.HandlerInterceptor;import org.springframework.we

2021-03-07 15:21:46 269

原创 Spring Boot 入门之登录创建

Spring Boot 入门之登录创建一、在IDEA中创建一个springboot项目1.使用Spring Initializr创建项目2.选定Developer Tools中的Spring Boot DevTools、Lombok、Spring Configuration Processor；选定Web中的Spring Web；选定Template Engine中的Thymeleafspring-boot-devtools 模块能够实现热部署，添加类添加方法修改配置文件修改页面等

2021-03-06 17:14:38 220 1

原创 Markdown的学习

Markdown的学习标题一级标题的语法： #+空格二级标题的语法： ##+空格我是三级标题三级标题的语法： ###+空格我是四级标题四级标题的语法： ####+空格最高支持六级标题，方法依此类推字体我是粗体粗体在字体左右两边+**我是斜体斜体在字体左右两边+*既是粗体又是斜体在字体左右两边+***废弃符号在字体左右两边+~~(波浪号)引用学习自kuangstudy.com引用：>分割线分割线：—或者***图片图片：英文的感叹号!+中括号[]+

2021-02-11 15:57:25 96

qq_46114837的博客