目录项目简介平台特性1.构架特性2.功能特性整体架构编辑1.后端技术栈2.前端技术栈2.1 Vue2技术栈2.2 Vue3技术栈3.数据库支持部署方式技术栈平台的开放性平台高拓展性 项目简介JNPF是建立在开放标准和全源码交付基础上的。核心技术采用 Spring Boot、Spring Cloud Alibaba,Mybatis&nbsp
vue3前置00-导学这将是你能看到的最快速Vue3 入门文章, 我们将快速的 去学习Vue3相关的知识,并结合后端做一个增删改查的项目,能够帮助你快速的上手Vue3, 包含了Vue 所含的所有特性, 你会知道 Vue3Vue2 的区别,以及企业为何偏偏从技术桩型方面从 Vue2切换到 Vue301-为什么学vue3目标:了解vue3现状,以及它的优点,展望它的未来Vue3现状: vue-nex
使用全局路由守卫实现前端定义好路由,并且在路由上标记相应的权限信息const routerMap = [ { path: '/permission', component: Layout, redirect: '/permission/index', alwaysShow: true, // will always show the root menu
转载 10月前
161阅读
功能概述:根据后端返回接口,实现路由动态显示实现按钮(HTML元素)级别权限控制涉及知识点:路由守卫Vuex使用Vue自定义指令导航守卫前端工程采用Github开源项目Vue-element-admin作为模板,该项目地址:Github | Vue-element-admin 。在Vue-element-admin模板项目的src/permission.js文件中,给出了路由守卫、加载动态路由的实
转载 2024-06-18 21:39:43
548阅读
springBoot+vue3+elemen plus开发过程中遇到的技术使用点回顾1.前端vue3部分 由原本的vue2选项式API开发变成两种模式,即可选择选项式开发,又新增了组合式API开发,两者在于代码的规范不一样,都可实现功能需求 本次项目选择了组合式开发①.vue组件内不在需要先导出名称使用,可以直接根据路径调用。②声明响应式变量由ref与reactive两个关键字实现 这些声明的变量
转载 2024-04-03 08:58:24
89阅读
1、安装docker1.1、卸载系统之前的 dockersudo yum remove docker \ docker-client \ docker-client-latest \ docker-common \ docker-latest \
了解VueVue CLI及其关系VueVue CLIVueCLI项目安装Vue CLI 安装好Node.js后我们先不要安装Vue,先设置淘宝镜像: 我们打开IDEA的终端: 使用上面的命令获取当前镜像网址,如果不是淘宝的,改成淘宝的。安装这个镜像的目的是为了使我们之后的下载安装更快一点。 安装Vue CLI:创建web应用安装好后我们就可以直接使用vue create来创建一个web应用:启动
转载 2024-08-27 20:56:38
38阅读
vue-webpack 打包工具我的github iSAM2016 不是教程,是自我总结目录webpack.base.conf.jswebpack.dev.conf.jswebpack.prod.conf.js一开始在接触webpack 的时候,简直痛不欲生,现在回头看,做个注释, 当然参考了很多文章。这是一个关于vue 开发的webpack 架构会列举出来webpack 系列教程Webpack—
1、安装docker1.1、卸载系统之前的 dockersudo yum remove docker \ docker-client \ docker-client-latest \ docker-common \ docker-latest \
转载 2024-10-22 15:41:37
22阅读
在项目中应用SpringSecurity权限控制要进行认证和授权需要前面课程中提到的权限模型涉及的7张表支撑,因为用户信息、权限信息、菜单信息、角色信息、关联信息等都保存在这7张表中,也就是这些表中的数据是我们进行认证和授权的依据。所以在真正进行认证和授权之前需要对这些数据进行管理,即我们需要开发如下一些功能:1、权限数据管理(增删改查)2、菜单数据管理(增删改查)3、角色数据管理(增删改查、角色
Vue3中,状态管理是非常重要的,能够帮助我们更有效地管理应用程序中的状态。在本文中,我将向您介绍如何实现Vue3状态管理,并为您提供一些代码示例来帮助您更好地理解。 ### 流程概述 首先,让我们来看一下实现Vue3状态管理的整体流程。下面是一个简单的步骤表格: | 步骤 | 描述 | |:---:|:----| | 1 | 创建一个Vuex Store对象 | | 2 | 在Vue应用
原创 2024-05-17 13:39:42
84阅读
 如果您有疑问,请观看视频教程《Vue3实战教程》状态管理什么是状态管理?理论上来说,每一个 Vue 组件实例都已经在“管理”它自己的响应式状态了。我们以一个简单的计数器组件为例:vue<script setup> import { ref } from 'vue' // 状态 const count = ref(0) // 动作 function increment()
原创 8月前
72阅读
数据库准备本地数据库准备在本地使用navicat 添加本地数据库连接: 创建一个wiki数据库: 创建一个专用的账户: 配置权限设置单个库的权限: 通过这个用户名创建数据库的连接: 然后就能操作数据库了阿里云数据库准备略IDEA数据库插件配置 使用IDEA右侧的Database创建连接: 输入账号密码测试连接(如果是首次连接可能需要下载驱动 看看报错有没有提示下载): 之后我们就可以直接操作数据库
1.介绍在本篇博客中,我们将详细介绍Vue 3 和 Spring Boot 3 的操作流程和执行步骤。Vue 3 是一款流行的前端框架,而Spring Boot 3 是一款广泛应用于后端开发的框架。通过结合使用这两个框架,我们可以构建出功能强大的全栈应用。2.Vue 3 的操作流程和执行步骤2.1 安装Vue CLI 在开始使用Vue 3之前,首先需要安装Vue CLI。通过命令行运行npm in
转载 2024-06-26 20:30:51
74阅读
前言:接下来又得被迫开启新的一门课程的学习了,上半年末尾淘汰又即将拉开序幕【已经记不清经历过多少次考试了】,需要去学习其它领域的技术作为考试内容,我选了spring boot相关技术,所以。。总之作为男人,不能轻易言败,尽力而为,抱怨解决不了任何问题,逆境使人进步,我坚信这点,效果:在正式学习之前,需要让自己有动力坚持把它学完,所以提前知道一下最终做出来的产品效果会比较好,这块可以点击此链接进行体
一、Vue项目搭建1、打开IDEA,创建Vue.js项目demo-vue 项目结构2、在components目录下创建vue组件UserMan.vue<template> <div> <table> <tr> <td>编号</td> <td>用户名</t
集成HTTP库axios集成HTTP库axios我们定位到web的目录,使用命令安装axios: 指定版本号: 我们定位到Home.vue,我们要在这个页面通过axios用电子书列表功能。 导入axios,在setuo中使用: 启动后端和前端,发现报错: 为了解决跨域问题,我们后端需要增加一个配置类:@Configuration public class CorsConfig implements
转载 2024-03-28 22:01:15
20阅读
重要链接:「系列文章目录」「项目源码(GitHub)」 本篇目录前言一、虚拟机与 CentOS 安装二、MySQL 服务部署1.虚拟机克隆及网络配置2.MySQL 安装3.MySQL 配置三、Redis 服务部署四、前端服务部署五、后端服务部署1.JDK 安装2.配置后端项目并打包 前言最近在一篇文章中看到一个观点:有人认为,人在创作过程中其实会扮演两个角色,既是创作者,同时也
转载 2024-06-15 09:18:48
273阅读
前端使用Vue3、CompositionAPI、typescript、vite、element plus,后端使用Go + Gin + Gorm,实现的后端管理系统,支持菜单、页面按钮及后端API的权限管控。
原创 精选 2021-09-15 01:23:49
8773阅读
2点赞
  • 1
  • 2
  • 3
  • 4
  • 5