摘要：
初始化项目 cnpm i create-vite-app # 安装vite npm init vite-app vue03 # 使用vite创建vue项目 cd vue03 npm install npm run dev 整合element-plus 官网 安装 npm install elemen 阅读全文
摘要：
初始化项目 npm init @vitejs/app cd vue02 npm install npm run dev 安装less、less-loader npm install less npm install less-loader@5.0.0 嵌套 // 根组件中template标签中编写h 阅读全文
摘要：
vite1 + vant 初始化项目 npm init vite-app vant01 cd vant01 npm install npm run dev 安装vant yarn add vant@3.1.4 -D 入口文件main.js中引入vant并注册为vue实例的属性 import { cr 阅读全文
摘要：
使用vite构建项目报错 C:\Users\ychen\work>npm init @vitejs/app @vitejs/create-app is deprecated, use npm init vite instead C:\Users\ychen\AppData\Local\npm-cac 阅读全文
摘要：
HelloWorld.vue <template> <div> <h1>你好！vue</h1> <p>{{msg}}</p><br> <span>传值：{{counter}}</span> <button @click='btnClick'>你点击了{{count}}次</button> </div 阅读全文
摘要：
优化1 // store import { createStore } from 'vuex' export default createStore({ state: { count: 0 }, mutations: { sub(state) { state.count--; } }, action 阅读全文
摘要：
getters用于封装store中的共享数据 // store import { createStore } from 'vuex' export default createStore({ state: { count: 0 }, mutations: { }, actions: { }, get 阅读全文
摘要：
在store的mutations函数中不能执行异步操作，例如不能使用setTimeout()方法 只有mutations才能操作state中的数据，只有actions才能操作mutations中的方法 actions操作mutations中的函数，方式1 // store import { crea 阅读全文
摘要：
Mutation用于变更Store中的数据 方式1 // 例如在store中写一个操作data的方法add，传入的参数为要操作的数据state import { createStore } from 'vuex' export default createStore({ state: { count 阅读全文
摘要：
使用vue-cli构建1个vue项目 安装vuex npm install vuex --save src目录下新建store文件夹，新建index.js import { createStore } from 'vuex' export default createStore({ state: { 阅读全文
摘要：
案例1：命名视图 # app.js var routes = [ { path: '/users', components: { sidebar: { template: ` <div> <ul> <li>用户管理</li> <li>权限管理</li> </ul> </div> ` }, conte 阅读全文
摘要：
案例1：子路由 # app.js var routes = [ { path: '/user/:name', name: 'user', component: { template: ` <div> <h3>我叫：{{$route.params.name}}</h3> <h3>我今年：{{$rout 阅读全文
摘要：
案例1 # app.js var routes = [ { path: '/', component: { template: ` <div><h3>首页</h3></div> ` } }, { path: '/about', component: { template: ` <div><h3>关于 阅读全文
摘要：
代码案例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" conten 阅读全文
摘要：
代码案例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" conten 阅读全文
摘要：
简介 axios是前端Ajax请求库 在浏览器中发送Ajax请求到远程服务器，在nodejs中发送http请求到服务 支持promise 使用方式：npm或yarn安装、引入在线cnd npm install axios yarn add axios https://cdn.bootcdn.net/ 阅读全文
摘要：
安装环境 新建虚拟电脑 内存 磁盘 设置，存储，选择镜像 设置启动顺序 点击启动 中文 配置如下 打开网络 最小安装 开始安装 重启 配置网络 连接wifi时查看宿主机 C:\Users\ychen λ ipconfig Windows IP 配置 以太网适配器 以太网: 媒体状态 . . . . 阅读全文
摘要：
Shiro提供了一套JSP标签库来实现页面级的授权控制 在使用Shiro标签库前，首先需要在JSP引入shiro标签 <%@ taglib prefix="shiro" uri="http://shiro.apache.org/tags" %> 标签 | 标签 | 说明 | | | | | < sh 阅读全文
摘要：
简介 点击查看详情 登录相关 | Subject 登录相关方法 | 描述 | | | | | isAuthenticated() | 返回true 表示已经登录，否则返回false。 | 角色相关 | Subject 角色相关方法 | 描述 | | | | | hasRole(String role 阅读全文
摘要：
构建1个web的meven项目 将DefinitionRealm、SecurityService、SecurityServiceImpl、EncodesUtil、DigestsUtil复制到项目中 导入依赖 点击查看详情 <dependencies> <dependency> <groupId>co 阅读全文
摘要：
简介 1、首先调用Subject.isPermitted/hasRole接口，其会委托给SecurityManager 2、SecurityManager接着会委托给内部组件Authorizer 3、Authorizer再将其请求委托给我们的Realm去做；Realm才是真正干活的 4、Realm将 阅读全文
摘要：
模拟根据用户名查询到的用户信息 public interface SecurityService { /** * @Description 查找用户密码 * @param loginName 用户名称 * @return 密码 */ Map<String,String> findPasswordBy 阅读全文
摘要：
Shiro提供了base64和16进制字符串编码/解码的API支持，方便一些编码解码操作 Shiro内部的一些数据的【存储/表示】都使用了base64和16进制字符串 散列算法一般用于生成数据的摘要信息，是一种不可逆的算法，一般适合存储密码之类的数据，常见的散列算法如MD5、SHA等。一般进行散列时 阅读全文
摘要：
创建1个maven工程，导入依赖 <dependencies> <dependency> <groupId>commons-logging</groupId> <artifactId>commons-logging</artifactId> <version>1.1.3</version> </de 阅读全文
摘要：
编写1个maven工程 导入pom.xml <dependencies> <dependency> <groupId>commons-logging</groupId> <artifactId>commons-logging</artifactId> <version>1.1.3</version> 阅读全文
摘要：
简介 Shiro是apache旗下一个开源框架，它将软件系统的安全认证相关的功能抽取出来，实现用户身份认证，权限授权、加密、会话管理等功能，组成了一个通用的安全认证框架 特点 Shiro 是一个强大而灵活的开源安全框架，能够非常清晰的处理认证、授权、管理会话以及密码加密。如下是它所具有的特点： 易于 阅读全文
摘要：
权限管理，一般指根据系统设置的安全策略或者安全规则，用户可以访问而且只能访问自己被授权的资源，不多不少。权限管理几乎出现在任何系统里面，只要有用户和密码的系统 访问权限：一般表示你能做什么样的操作，或者能够访问那些资源。例如：给张三赋予“店铺主管”角色，“店铺主管”具有“查询员工”、“添加员工”、“ 阅读全文
摘要：
SpringMVC-HandlerExecutionChain 类就使用到职责链模式 public class DispatcherServlet extends FrameworkServlet { protected void doDispatch(HttpServletRequest requ 阅读全文
摘要：
问题描述 编写程序完成学校OA系统的采购审批项目 • 采购员采购教学器材 • 如果金额 小于等于5000, 由教学主任审批 • 如果金额 小于等于10000, 由院长审批 • 如果金额 小于等于30000, 由副校长审批 • 如果金额 超过30000以上，有校长审批 方案类图 代码实现 packag 阅读全文
摘要：
问题描述 1) 采购员采购教学器材 2) 如果金额 小于等于5000, 由教学主任审批 （0<=x<=5000） 3) 如果金额 小于等于10000, 由院长审批 (5000<x<=10000) 4) 如果金额 小于等于30000, 由副校长审批 (10000<x<=30000) 5) 如果金额 超 阅读全文
摘要：
JDK的 Arrays 的Comparator就使用了策略模式 public class Strategy { public static void main(String[] args) { Integer[] data = { 9,1,2,8,4,3 }; // 实现升序排序，返回-1放左边，1 阅读全文
摘要：
简介 1) 策略模式（Strategy Pattern）中，定义算法族，分别封装起来，让他们之间可以互相替换，此模式让算法的变化独立于使用算法的客户 2) 这算法体现了几个设计原则，第一、把变化的代码从不变的代码中分离出来；第二、针对接口编程而不是具体类（定义了策略接口）；第三、多用组合/聚合， 少 阅读全文
摘要：
问题描述 1) 有各种鸭子(比如 野鸭、北京鸭、水鸭等， 鸭子有各种行为，比如 叫、飞行等) 2) 显示鸭子的信息 问题类图 代码实现 package com.atguigu.strategy; public abstract class Duck { public Duck() { } publi 阅读全文
摘要：
借贷平台的订单，有审核-发布-抢单 等等 步骤，随着操作的不同，会改变订单的状态, 项目中的这个模块实现就会使用到状态模式 通过if/else判断订单的状态，从而实现不同的逻辑 if(审核){ //审核逻辑 }elseif(发布){ //发布逻辑 }elseif(接单){ //接单逻辑 } 这类代码 阅读全文
摘要：
实现方案 定义出一个接口叫状态接口，每个状态都实现它 接口有扣除积分方法、抽奖方法、发放奖品方法 实现类图 实现代码 package com.atguigu.state; /** * 状态抽象类 */ public abstract class State { // 扣除积分 - 50 public 阅读全文
摘要：
APP抽奖问题 1) 假如每参加一次这个活动要扣除用户50积分，中奖概率是10% 2) 奖品数量固定，抽完就不能抽奖 3) 活动有四个状态: 可以抽奖、不能抽奖、发放奖品和奖品领完 4) 活动的四个状态转换关系图 状态模式简介 1) 状态模式（State Pattern）：它主要用来解决对象在多种状 阅读全文
摘要：
Spring框架中SpelExpressionParser使用到了解释器模式 public class Interpreter { public static void main(String[] args) { SpelExpressionParser parser = new SpelExpre 阅读全文
摘要：
案例类图 代码实现 package com.atguigu.interpreter; import java.util.HashMap; /** * 抽象类表达式，通过HashMap 键值对, 可以获取到变量的值 */ public abstract class Expression { // a 阅读全文
摘要：
通过解释器模式来实现四则运算，如计算a+b-c的值 1) 先输入表达式的形式，比如 a+b+c-d+e, 要求表达式的字母不能重复 2) 在分别输入a ,b, c, d, e 的值 3) 最后求出结果 传统方案解决四则运算问题 1) 编写一个方法，接收表达式的形式，然后根据用户输入的数值进行解析，得 阅读全文
摘要：
问题需求 游戏角色有攻击力和防御力，在大战Boss前保存自身的状态(攻击力和防御力)，当大战Boss后攻击力和防御力下降，从备忘录对象恢复到大战前的状态 代码实现 package com.atguigu.memento.game; public class Memento { //攻击力 priva 阅读全文