前端 路由 权限 角色
vite+vue3+ts+elementPlus前端框架搭建 [一]
记录下搭建vite + vue3 + ts + elementPlus项目的过程及遇到的问题。 建议使用pnpm安装依赖，npm切换到pnpm 链接地址：[https://www.pnpm.cn/installation]() 1. 运行环境 node -v v18.17.0 npm -v 9.8. ......
linux中，在路由表中，Flags字段中，可以有哪些值，分别都代表什么意思？
在Linux的路由表中，Fags字段是用来描述路由表条目的特性和状态的标志。不同的标志值可以组合在一起，以指示路由表条目的不同属性。以下是常见的flags字段值及其含义： U（Up）：该标志表示该路由条目是活动的，意味着该路径是可用的。 G（Gateway）：表示指定的路由目标是一个网关（即下一跳地 ......
前端输入框空格校验
.校验开头不能有空格: jQuery.validator.addMethod("firstNotHasBlank", function(value, element) { var fBlank =/^\S+/; return this.optional(element) || (fBlank.tes ......
禁止别人调试自己的前端页面代码
🎈 为啥要禁止？ 由于前端页面会调用很多接口，有些接口会被别人爬虫分析，破解后获取数据 为了 杜绝 这种情况，最简单的方法就是禁止人家调试自己的前端代码 🎈 无限 debugger 前端页面防止调试的方法主要是通过不断 debugger 来疯狂输出断点，因为 debugger 在控制台被打开的时 ......
前端学习之HTML——(1)
1、html的基本结构 a.首先是注释信息，在html中使用<!--xxx-->这样的方式来进行注释 b.DOCTYPE，这是告诉浏览器所使用规范，一般可以不加这个，因为现在的浏览器默认所使用的规范为html c.head标签，表示网页的头部，其中会放入其他标签 d.meta标签，这是一个描述性的标 ......
如何能够高效实现表格中的分权限编辑功能
> 摘要：本文由葡萄城技术团队于博客园原创并首发。转载请注明出处：[葡萄城官网](https://www.grapecity.com.cn/)，葡萄城为开发者提供专业的开发工具、解决方案和服务，赋能开发者。 在表格类填报需求中，根据当前登录用户的不同等级，能填报的区域会有所不同。本文基于前端表格控件 ......
vue3路由的两种引入方式useRouter和router进行页面跳转
1.在vue3中有两种路由的引入方式 第一种 import { useRouter } from 'vue-router' const use_router = useRouter() use_router.push('/pathName') 第二种 import router from '@/ro ......
软路由3 卓凌工控 j6412
配置 j6412、双内存槽最大32 x 2 = 64g、4 x 2.5G 网口、1 x m2、1 x sata 价格 202304、x宝、750、准系统有sata一体线、外置8寸风扇 稳定性 听说n5xx跑虚拟机有bug，又n100这代只能单个卡槽装32g，所以入j6412，内存也不太挑，鱼竿厂光威 ......
路由层
url函数的使用（支持正则表达式） Django1中使用的是url： url('test',views.test) url函数第一个参数是支持正则表达式的，如果匹配到一个路由就不再往下匹配，直接执行相对应的函数。 正是因为支持正则，在匹配到testadd也会展示text的页面，因为在检测到test的 ......
从Java后端获取时间配置字符串，并在前端使用它来设置默认公布时间。
<div class="layui-inline" id="AItem"> <label class="layui-form-label syn-form-item-require">公布时间：</label> <div class="layui-input-block"> <input type= ......
将解锁Wi-Fi 7满血 五千元内最强：小米万兆路由史低1499元
想买高端路由器的了就别看Wi-Fi 6了，国内推Wi-Fi 7也不远了，小米推出的小米万兆路由不仅号称5000元内最强，而且官方承诺OTA升级支持Wi-Fi 7，到时候就是满血状态了。 小米万兆路由首发报价1799元，此前可以做到1599元，现在聚划算百亿补贴可以做到1499元，史低价了，推荐入手。 ......
禁止调试前端代码，不要看我的代码！！！
禁止调试前端代码，不要看我的代码 <script> // 禁止调试前端代码 (() => { function block() { if (window.outerHeight - window.innerHeight > 200 || window.outerWidth - window.inne ......
禁止别人调试自己的前端页面代码
> [TOC] ## 🎈 为啥要禁止？ - 由于前端页面会调用很多接口，有些接口会被别人爬虫分析，**破解后获取数据** - 为了 **杜绝** 这种情况，最简单的方法就是禁止人家调试自己的前端代码 禁止调试 ## 🎈 无限 debugger - 前端页面防止调试的方法主要是通过不断 `debu ......
前端实现预览PDF
下载包 npm install react-pdf 我使用的是react-pdf@5.7.2版本 以下例子使用的是react创建的项目 直接上代码=>cv可用，保证高效 1.新增依赖 yarn add react-pdf@5.7.2 npm install react-pdf@5.7.2 2.导出j ......
登录认证装饰器,flask配置文件,路由系统
## 0 登录认证装饰器 ```python # 0 装饰器的本质原理 -# 类装饰器：1 装饰类的装饰器 2 类作为装饰器 # 1 装饰器使用位置，顺序 # 3 flask路由下加装饰器，一定要加endpoint -如果不指定endpoint，反向解析的名字都是函数名，不加装饰器没有问题，就是正常 ......
结合前端实现ORM对数据的增删改查、动静态网页，Django创建表关系、请求生命周期流程图
通过结合前端页面实现ORM对数据的增删改查 写一个页面，把数据库中的数据以表格的形式展示出来，然后在每一行的后面加两个按钮，分别是修改、删除的按钮。 1.先创建一张UserInfo表格： 在Django中没有提供tinyint、smallint，就只提供了int和bigint，如果想要写其他类型，需 ......
无障碍工具条在前端项目中的使用
一、使用的工具 https://gitee.com/tywAmblyopia/ToolsUI 二、使用 VUE中使用 -1.拉取代码 -2.将canyou文件夹放到public目录下 -3.在public文件夹下的index.html文件中</head>标签前,引用v1.8以上的jquery.min ......
视频直播网站源码，前端效果-css+javascript
视频直播网站源码，前端效果-css+javascript <!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="view ......
前端路由+原生JS实现SPA
前端路由●路由: 就是一一对应关系的集合●前端路由: 就是一个 url 地址, 对应哪个组件(页面)●前端路由的本质○根据地址栏变化(不重新想服务器发送请求), 去局部更新不同的页面内容, 完成前端业务场景切换●前端路由的思路○URL 地址栏中的 Hash 值发生了变化○前端 JS 监听到 Hash ......
前端Vue自定义精美商品分类组件category 可用于电商应用分类页面
随着技术的不断发展，传统的开发方式使得系统的复杂度越来越高。在传统开发过程中，一个小小的改动或者一个小功能的增加可能会导致整体逻辑的修改，造成牵一发而动全身的情况。为了解决这个问题，我们采用了组件化的开发模式。通过组件化开发，可以有效地实现单独开发，单独维护，而且它们之间可以随意的进行组合。大大提升 ......
【15.0】DRF之权限控制
# 【一】ACL的权限控制 > - ACL（访问控制列表）是一种用于权限控制的技术，可以限制用户对系统资源的访问和操作。 > - 在针对互联网用户的产品中，ACL被广泛应用于管理用户对特定功能或数据的权限。 - ACL（访问控制列表）的权限控制：(针对互联网用户的产品) ```python 用户表 ......
react使用自定义animation实现水平效果的路由切换
例如：A组件跳B组件 A组件： import React from 'react'; import './A.scss' import { useNavigate } from 'react-router-dom'; export default function A() { let navigat ......
react路由6登录拦截
自定义登录拦截组件： // 路由守卫 // 判断token是否存在，如果存在跳转页面，不存在返回登录页面 import { Navigate } from 'react-router-dom' const getToken = () => { return sessionStorage.getIte ......
前端请求blob文件流，如何校验接口报错
在我们使用前端请求文件流的时候，我们接受到的后端返回信息如下所示 就上面的情况我们应该如何判断接口是否正常呢。 我们可以这样操作： if (res.type == "application/json") {//判断返回的为json信息 const reader = new FileReader(); ......
前端工程化cjs umd esm 打包差异详解
本文章主要为大家介绍了前端工程化cjs umd esm 打包差异详解： 模块 先简单说一下模块这玩意： 一个模块（module）就是一个文件。一个脚本就是一个模块。就这么简单。 内部有自己的局部作用域以及程序，外部可以通过模块暴露的接口进行调用、执行模块内的程序 为什么要模块 我们从另一个角度出发， ......
Node.js 与前端开发实战
### 0x1 Node.js 的应用场景 1. 前端工程化 * 打包工具：webpack、vite、esbuild、parce * 代码压缩：uglifyjs * 语法转换：babeljs，typescript * **难以替代** 2. Web 服务端应用 * 学习曲线平缓，开发效率较高 * 运 ......
NET6 Webapi 大驼峰传到前端变成了小驼峰
JsonSerializerOptions.PropertyNamingPolicy 属性 services.AddControllers().AddJsonOptions(options => { // 获取或设置一个值，该值指定用于将对象的属性名称转换为其他格式（例如 camel 大小写）的策略 ......
vue中使用provide和inject依赖注入组件之间进行父子组件传值（也适用于嵌套路由）
父组件中： provide: function() { return { reload: this.reload // 父组件中的方法 } } 子组件中： inject: ['reload'] 使用：this.reload() // 也可传入参数 ......
JSONP前端流程
# JSONP前端流程 ## JSONP总体思路 1. 后端先给前端一个接口文档。 - 如`https://www.baidu.com/sugrec?prod=pc&wd=用户输入的文字&cb=后端要调用的前端定义的全局函数名`。 2. 前端会封装一个jsonp函数：它的作用是传入特定参数，返回一个 ......
配置samba-解决samba没有写权限的问题
其他配置过程不重复写了，用户名添加好后，添加如下配置到/etc/samba/smb.conf可解决没有写权限的问题 ```shell [usr_name] path=/home/usr_name available=yes valid users=usr_name writeable=yes gue ......