这篇文章主要是对博客的一些逻辑呀样式呀还有跳转等问题进行修改。样式问题样式问题比较简单,主要都是input和textarea都会存在一个默认的选中框,以及router-link会存在默认下划线等。我的收藏收藏这个部分有点儿麻烦,主要是因为我点击收藏一次就要去修改一次数据库吗? 但是想链接那样先修改,点击保存后再保存到数据库的话,用户就要因为收藏多点击一次save按钮,还是很繁琐的。 思来想去我
最近这两天有点闲,通过自研学习了如何使用express框架搭建后台以及vue框架开发前端。express框架是用来搭建web服务,是nodejs的二次封装。vue就是前端框架。那么可以通过搭建express框架用来写接口,vue框架写页面用来调用接口,形成全栈的开发。 1、搭建express过程 使用 express的脚手架快速搭建:express-generator首先安装express 和ex
转载
2024-04-18 13:40:34
506阅读
Vue组合式API中如何使用TS组合式API使用TS组合式API中使用TS,要比选项式API中使用TS会更加的简单,不需要做过多的处理,只需要利用原生TS的能力就可以。并且组合式API都具备自动类型推断的能力,代码如下:<script setup lang="ts">
import { computed, ref } from 'vue';
let count = ref(0);
le
转载
2023-10-23 11:56:18
70阅读
首先vue.js 是库,不是框架,不是框架,不是框架。Vue.js 使用了基于 HTML 的模版语法,允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。Vue.js 的核心是一个允许你采用简洁的模板语法来声明式的将数据渲染进 DOM 的系统。vue.js 下载过来直接在html中引入就好了并不一定要npm install vue.vue.js 有路由的 叫vue-route.js,vu
前端模板渲染vue,后端express提供接口服务,合并成一个项目。同样是前后端分离,互不影响。 项目发布只是把vue经过webpack打包当做express的静态文件夹发布首先使用脚手架搭建vue项目详细方法$ npm install -g vue-cli
$ vue init webpack my-project
$ cd my-project
$ cnpm install express
转载
2024-05-05 08:14:28
143阅读
组件化和逻辑复用能帮助写出简洁易懂的代码,随着应用越写越复杂,我们有必要把视图层中重复的逻辑抽成组件,以求在多个页面中复用;同时对于 Vuex 端,Store 中的逻辑也会越来越臃肿,我们有必要使用 Vuex 提供的 Getters 来复用本地数据获取逻辑。在这篇教程中,我们将带领你抽出 Vue 组件简化页面逻辑,使用 Vuex Getters 复用本地数据获取逻辑。使用 Vue 组件简化页面逻
转载
2024-03-18 19:48:01
55阅读
express 1. 安装npm install express --save2. 创建项目 vue js安装Vuejsvue-cli 是一个官方发布 vue.js 项目脚手架,使用 vue-cli 可以快速创建 vue 项目。这篇文章将会从实操的角度,介绍整个搭建的过程。1. 避坑前言其实这次使用vue-cli的过程并不顺利,反复尝试几次都遇到以下这个报错:&nb
转载
2024-07-15 13:19:36
33阅读
express 1. 安装npm install express --save2. 创建项目 vue js安装Vuejs vue-cli 是一个官方发布 vue.js 项目脚手架,使用 vue-cli 可以快速创建 vue 项目。这篇文章将会从实操的角度,介绍整个搭建的过程。1. 避坑前言其实这次使用vue-cli的过程并不顺利,反复尝试几次都遇到以下这个报错:
# 使用 Vue 和 Python 实现前后端分离的应用
在现代的 Web 开发中,前后端分离的架构越来越流行。在这个架构中,我们可以使用 Vue.js 作为前端框架,而 Python(通常配合 Flask 或 Django 框架)作为后端服务器。本篇文章将帮助你了解如何将这两个技术结合在一起,创建一个简单的 Web 应用。
## 整体流程
为了更好地掌握 Vue 与 Python 的集成过
在现代的Web开发中,使用Vue.js作为前端框架与Java作为后端语言的组合愈发流行。这种技术组合允许开发者创建高山度交互的单页面应用,然而,具体实现过程中难免遇到一些问题。本文将详细记录我在实现“Vue配合Java”时所遇到的问题和解决方案。
### 问题背景
在项目初期,我们决定使用Vue.js作为前端框架,而Java则作为后端服务。经过系统的架构设计与技术选型后,我们的项目逐步进入开发
node.js 和 npm什么是node.js 和 npm : 简单的说 node.js 就是运行在服务端的JavaScript, 基于Chrome V8引擎的. npm 是 node.js 的包管理工具.npm的安装和更新 : node.js官网下载安装, next到最后. npm是自带的包管理工具. 查看版本信息: node -v 查看node.js版本信息
npm init -y初始化包管理npm i express -S 安装express 创建app.js const express =require('express') const app = express() app.use(express.static('./dist')) app.lis ...
转载
2021-08-13 17:35:00
158阅读
2评论
搞了一个个人博客,想要发布到腾讯云。由于之前从未接触过linux相关知识,所以在查了各种资料,挖了各种坑,重置了N次系统后终于将个人博客上线了。随手记录下正确的完整过程和维护常用的代码,希望对大家有所帮助 一、购买服务器与域名 这里我使用的是腾讯云轻量应用服务器,CentOS 7.6镜像,使用pm2+nginx部署项目。其他不多说,买就完事了,买完就能看到你的服务器了
该项目含有源码、文档、程序、数据库、配套开发软件、软件安装教程。欢迎交流 项目运行环境配置:Node.js+ Vscode + Mysql5.7 + HBuilderX+Navicat11+Vue+Express。项目技术:Express框架 + Node.js+ Vue 等等组成,B/S模式 +Vscode管理+前后端分离等等。环境需要1.运行环境:最好是Nodejs最新版,我们在这个
转载
2024-02-23 11:22:55
24阅读
# 导出Excel 配合 Vue
## 整体流程
```mermaid
journey
title 整体流程
section 准备工作
开发者 ->> 小白: 创建一个基础的Vue项目
开发者 ->> 小白: 安装vue-cli工具
开发者 ->> 小白: 创建一个Excel导出的Java后端项目
section 实现步骤
原创
2024-05-12 05:02:14
75阅读
近期公司的事相对少了些,就打算学学node,毕竟一个不会node的前端不是一个好前端,不过发现自己学的不怎么样,数据库建表也是一塌糊涂,但是不管怎么说,项目也算是上线了,只能后期慢慢完善我那自己都不敢看的代码。在这里写这篇博客,只是记录一下,我在实现过程中碰到的坑。在这个项目里主要使用的是vue + node + mysql(他们都说节点配mongoDb,我就是喜欢用mysql),样式和排版是仿照
可怕的启动时间 公司的产品是一个比较大的后台管理系统,而且使用的是webpack3的vue模板项目,单次项目启动时间达到了70s左右启动个项目都够吃一碗豆腐脑了,可是没有豆腐脑怎么办,那就优化启动时间吧!考虑到升级webpack版本的风险还是比较大的,出了一点问题都得找我,想想还是先别冒险,稳妥为主,所以我选择了通过插件来优化构建时间。通过查阅资料,提升webpack的构建时间有以下几个方向:多进
先说明一下缘由,因为自己前段时间在实习,实习期间为了参与项目开发,粗略学习了下Vue、Vuex、Vue-Router,大致会一些基础的。这里也快要做毕业设计了,趁着放假回来的这两天,学习下Node的相关知识,最主要的是学习了Express这个基于Node的web框架,我自己本身选的毕设题目也是有关Node的,自然而然地想去用Vue和Express来做一个前后端分离的项目,也算是为毕业设计做准备了。
转载
2024-10-12 08:44:08
41阅读
文章目录验证码组件父组件表单验证最终效果 验证码组件<template>
<div class="captcha" style="display: flex;">
<canvas ref="canvas" width="100" height="40"></canvas>
</div>
<div class=
在Vue中使用CSS框架可以提高开发效率和网站外观的一致性。下面是一些与Vue兼容的常见CSS框架:BootstrapVue:BootstrapVue 是一个基于 Vue.js 的 Bootstrap 组件库。它提供了一套完整的 Vue.js 组件,同时也支持 Bootstrap 的所有特性。Element UI:Element UI 是一套基于 Vue.js 的组件库,它为 Vue.js 应用程
原创
2024-01-29 17:13:17
198阅读