前端Vue框架和Element-plus组件学习
这周练习学习了vue框架的使用,主要复现了talis项目的前端页面,主要内容有配置路由,根据element组件库当中的布局组件,按钮组件等进行修改来实现页面效果
期间学习了一下JavaScript来写后端怎么操纵数据库等方法和node.js的外部express部署服务器
目前对于前端框架页面的写法主要理解是对拿到的前端页面原型,
首先是通过vue ui创建vue项目的基本框架
创建相应的view.vue组件,在该文件下调用element组件(要先下载npm install element-plus,并在程序入口main.js文件引入该组件,主要操作是import引入并在使用Vue(use))。
在.vue文件中的<template>标检中写入html的内容,主要是引入组件当中相应的部分,并在<script>中引入vue当中的ref,响应式传入相应的数据。其中vue3用到的钩子函数onMonted也是在vue中引入,然后在其中调用要用的方法即可,当vue建好会自动调用其中的方法(一般用来自动进入的首页数据查询)
这儿要用到的axios异步请求,也是要先下载相应的依赖(npm install axios),并在入口文件中引入,相应的异步请求用(await 和 async来简化异步操作)。至于对其中的url地址的封装,可以创建相应的ultils和api包,在ultils下创建request.js文件,统一对要请求的url地址进行封装和拦截处理,并在api下创建对应页面的文件,引入request文件,并作后续url的拼接处理,之后只需在.vue中的相应方法中调用这个方法即可,实现对url的封装管理
至于路由配置,首先因为app.vue是根目录,所有页面是在这儿进入的,所以在app.vue中引入router,之后的页面就可以通过配置的路由来跳转相应的页面了。然后在router包下的js文件中配置,一般都存在路由嵌套也就是子路由,根据页面需求(页面中左侧的页面目录)做即可
JavaScript对数据库操作:其实与java也大差不差,在配置文件中下载mysql的依赖,配置链接好相应的数据库,用过实例化数据库来实现增删改查的操作
学习并了解了若依框架
若依这个框架呢,主要是通过简单的配置来实现对简单的前端页面和后端的接口代码直接生成。对于一些简单的单体项目可以在此基础上进行二次开发和改进。
首先在github上下载部署好该框架,并在本地运行起来,之后的操作就是导入数据库表就能直接生成对该单表的crud操作和简单的前端页面布局生成
AI+若依框架在线笔记:
================
基础应用篇:https://ksg50j5gph.feishu.cn/docx/LBpldchP4oGT9JxfaaQcT8hfnGd?from=from_copylink
项目实战篇:https://ksg50j5gph.feishu.cn/docx/NxIqdCZVzo2tRfxNL6Nc1BD1nnf?from=from_copylink
拔高原理篇:https://ksg50j5gph.feishu.cn/docx/DKoFdbI1ooYnBLxnw8mco9bgnvh?from=from_copylink
RBAC权限管理和SpringSecurity
对于后端中的鉴权处理有很多(SAtoken,jwt等手段)这里的rbac权限管理的思想是最常用的------在用户跟后端功能中间加上一个中间层(角色管理)通过对不同的用户进行角色分理,再对相应的角色赋予对应的权限,
简的来说就是通过角色来分配和管理用户的菜单权限,由于是多对多的关系,一般基础都要有五张表,三张基础表(用户,角色,权限),两张关系表
springsecurity该框架是spring中集成的权限管理框架,它的主要功能包括:
身份验证(Authentication):验证用户身份,支持多种认证方式如用户名密码、令牌、单点登录(SSO)等
授权(Authorization):控制用户对资源的访问权限,支持基于角色(Role-Based)和基于权限(Permission-Based)的模型
攻击防护:自动防御 CSRF(跨站请求伪造)、XSS(跨站脚本攻击)、会话固定攻击等常见安全威胁
会话管理:提供会话固定保护、会话超时处理等功能
密码加密:支持多种密码编码策略,如 bcrypt 和 Argon2
集成扩展:与 OAuth2、OpenID Connect、LDAP 等协议集成,支持单点登录
Spring Security 通过过滤器链(Filter Chain)处理 HTTP 请求,每个过滤器负责特定的安全任务,形成"安全过滤器链"来处理不同阶段的安全性任务
通过注解的方式来对不同的实体类来分配相应的角色权限
学习微服务springcloud
微服务是一种软件架构风格,它是以专注于单一职责的很多小项目为基础,组合出复杂的大型项目
课程在线笔记:
mybatis-plus
通过对mybatis的封装进行相应功能的增强,直接在相应mapper接口上继承basemapper,之后就可以实现简单的单表crud,自动的嵌入动态sql语句,不用再在相应的xml文件中手写sql语句