有时候，需要在项目中加入一些配置文件或“框架代码”，比如在测试环境添加一个简单的 Logback 配置文件： <?xml version="1.0" encoding="UTF-8"?> <configuration>    <include resource="org/springframework/boot/logging/logback/base.xml"/>    <logger name="org.springframework" level="INFO"/>…

Bean 定义和 Bean 实例 AnnotationConfigApplicationContext 首先，创建一个最简单的 Spring Boot 应用。 在入口类中接收SpringApplication.run的返回值： @SpringBootApplication public class DemoApplication { ​    public static void main(String[] args) { ​        ConfigurableApplicationContext contex…

准备工作 创建项目 创建项目： npm init vue@latest 相关选项如下： 在src目录下添加以下目录： 别名路径联想 默认情况下在 VSCode 中输入import xxx from '@...'时不会启用路径联想功能，要启用需要在项目根目录下添加 VSCode 配置文件jsconfig.json： { "compilerOptions" : { "baseUrl" : "./", "paths" : { "@/*":["src/*"] } } } 如果 VSCode 已经自动创建该文件，可以跳过这一…

Pinia 是 Vue 的一个官方库，用于状态管理。 1.安装 首先创建一个 Vue3 项目，具体方式可以参考这里。 安装 Pinia： npm install pinia 创建一个 pinia 实例 (根 store) 并将其传递给应用： import './assets/main.css' ​ import { createApp } from 'vue' import { createPinia } from 'pinia' import App from './App.vue' ​ const pinia …

本文将学习一个示例项目（大事件）的前端搭建过程。 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…

1.准备工作 在使用 Element Plus 之前，需要先创建一个 Vue 工程，具体可以参考上一篇文章。 创建好后就可以按照官方文档中的指示，在工程目录下安装 Element 依赖： npm install element-plus --save 注意，Element 和 Element Plus 是两个不同的项目，前者适用于 Vue 2.X，后者适用于 Vue 3.X。这里使用的是后者。 2.快速开始 按照官方文档的指引，修改main.js的内容： import { createApp } from 'vue…

从本篇文章开始，演示如何在一个业务系统（这里是 OA）中嵌入 Activiti，并实现相关业务流程的审批流转。 准备工作 这里作为演示用的业务系统是我开发的一个很常见的员工管理系统，该系统使用 Vue+ElementPlus 做前端，Spring Boot 做后端。项目地址： learn-cursor/ch1。 该项目的前端使用 Cursor 开发，关于 Cursor 可以阅读我的这篇文章。 下载该项目后需要导入数据库表结构和数据，并配置连接 Redis 和数据库。前端页面需要使用 NodeJS 的包管理工具 NP…

今天遇到一个奇怪的问题，在配置类中注册了一个拦截器： @Configuration public class WebConfig implements WebMvcConfigurer {    @Resource    private AuthInterceptor authInterceptor; ​    @Override    public void addInterceptors(InterceptorRegistry registry) {        // 注册拦截器，并指定拦截路径       …

上一篇文章介绍了如何在单一 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 …

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