RuoYi 学习笔记 1：开始

若依（RuoYi）是一个基于 Spring Boot + Vue 的后台管理系统开发脚手架，可以节省实现权限管理菜单管理等基础功能的开发时间以提高开发效率。环境准备这里以单体项目开发进行说明。集群项目后端可以选择使用 ruoyi-cloud。代码下载从使用 vue3 的前端代码仓库拉取前端代码： git clone git@github.com:yangzongzhuan/RuoYi-Vue3.git 从前后端分离版版本的后端代码仓库拉取后端代码： git clone https://github.com…

2025年8月13日 0条评论 14点热度 0人点赞魔芋红茶阅读全文

假设有一个提交申请的入口页：页面代码位于views/Home.vue： <template> <div> <div style=" display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100vh; " > <h1>首页&l…

2025年6月9日 0条评论 117点热度 0人点赞魔芋红茶阅读全文

本文将学习一个示例项目（大事件）的前端搭建过程。 1.准备工作 1.1.创建工程创建一个名称为big-event的 Vue3 项目，具体可以参考这篇文章。 1.2.安装插件安装 ElementPlus： npm install element-plus --save 安装好后还需要在main.js中导入相关模块和样式： import './assets/main.scss' import { createApp } from 'vue' import ElementPlus from 'element-pl…

2025年6月9日 0条评论 120点热度 0人点赞魔芋红茶阅读全文

上一篇文章介绍了如何在单一 Html 页面中使用 Vue，本文介绍如何从头开始用 Vue 构建一个前端工程项目。 1.环境准备 Vue 框架代码的创建依赖于 Node.js，因此需要先安装 Node.js。 2.创建和启动 2.1.创建通过以下命令可以创建 Vue 的框架代码： npm create vue@latest 该命令执行后会先检查是否安装 create-vue 工具，如果没有，就安装。然后再使用 create-vue 创建框架代码。 npm（Node Package Manager）是 NodeJS …

2025年5月19日 0条评论 183点热度 0人点赞魔芋红茶阅读全文

Vue 是一个目前最流行的前端响应式框架，关于它的简单介绍可以观看这里。 1.快速入门 Vue 的官网提供一个快速上手指南，有多种方式可以安装和使用 Vue，这里展示一个最简单的方式——直接导入官方提供的在线的核心 JS 文件进行使用。这里展示的内容相当于官方快速上手指南中的使用 ES 模块构建版本。需要先像在之前文章中介绍的那样，在 JS 模块中导入 Vue 的createApp函数： <script type="module"> import { createApp } from "htt…

2025年5月19日 0条评论 168点热度 0人点赞魔芋红茶阅读全文

1.快速开始 Vue 是一个前端框架，可以作用于浏览器或者 Node.js，它的优点是可以实现视图（View）和数据模型（Model）的双向绑定。 Vue 的这种双向绑定类似于很多年前我用 C# 开发桌面应用的体验。来看一个示例： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src…

2023年9月15日 0条评论 1088点热度 0人点赞魔芋红茶阅读全文

RuoYi 学习笔记 1：开始

Vue：动态加载组件

前端学习笔记 5：大事件

前端学习笔记 3：Vue 工程

前端学习笔记 2：Vue

JavaWeb 学习笔记 9：Vue