按照官网这两步,注册所有图标,然后就能直接使用 1.安装后在vue/package.json里能看到包 2.注册所有图标 3.点击自动复制,直接就能使用 4.效果: 二、聊天室 后端: 1.pom里导入websocket依赖 2.新增com/example/demo/common/config/WebSocketConfig.java package com.example.demo.common.config; import org.springf...
1.修改vue布局,app.vue为入口,只引入路由,路由控制页面显示 改造后app.vue 新增layout.vue 修改/router/index.js,默认访问路径 / 对应layout.vue,layout里的路由是嵌套路由,/home匹配到HomeView.vue 新增vue/src/views/LoginView.vue 效果 2.优化登录页面LoginView.vue <template> 欢迎登录 <el-form label-po...
项目基本介绍 基于SpringBoot+Vue2前后端分离的仓库管理系统 项目持续更新中 项目介绍 1.项目简介 基于SpringBoot+Vue2前后端分离的仓库管理系统是一个综合性的管理系统,旨在帮助用户管理仓库、分类、物品等信息,并提供出入库管理和统计功能。以下是该系统的功能模块: 注册功能:用户可以通过注册功能创建新的账号。 登录...
一、Vue项目打包 打包命令:npm run build,具体的可查看package.json文件中的命令 打包完成后项目会多出dist文件夹,项目部署要用到 二、Spring Boot项目配置前端资源 在配置文件中配置前端包资源,以.yml文件为例 spring: web: resources: static-locations: file:./dist # 前端资源路径 1. 2. 3. 4. 三、Spri...
vue create vue-hello-world (命令行) vue ui (界面) 3,在创建好项目以后,运行以下命令将能看到初次项目创建的界面 cd vue-hello-world yarn serve 4,默认情况下,在 浏览器访问 http://localhost:8080/ 将能看到如下界面: Vue 相关结构和生命周期介绍 ...
Web 端代码在uexam/source/vue下,我们需要首先进入这个目录,然后分别对xzs-admin(管理端) 和xzs-student(学生端)执行下面两个命令。 1.下载相关依赖 ❯ npm install 2.启动项目 ❯ npm start 直接查看package.json下的相关脚本,就知道前端项目是如何启动和打包部署的了。
18.Vue Router 官网:Vue Router | Vue.js 的官方路由 https://router.vuejs.org/zh/ 路由守卫 动态路由 19.Maven Apache Maven 是一个软件项目管理和理解工具。基于项目对象模型 (POM) 的概念,Maven 可以从一条中心信息管理项目的构建、报告和文档。
前端框架:Vue Element UI 引用的富文本编辑器:wangEditor 二、项目简介 这是一个基于SpringBoot和Vue的后台管理系统。 主要功能: 1.实现用户信息的CRUD,以及页面的显示。 2.用户权限的分配,不同权限的用户锁能看到的的界面信息和能进行的操作是不同的。
前后端分离是一种项目开发模式 当业务变得越来越复杂或产品线越来越多时,原有的开发模式就无法满足业务需求了。 产品越来越多,展现层的变化越来越快、越来越多,此时应该进行前后端分离的分层抽象,简化数据获取过程。 比如,目前比较常用的是前端人员自行实现跳转逻辑和页面交互,后端人员只负责提供接口数据,二者之间通过...