Ant Design Pro Vue使用心得1
Ant Design Pro Vue使用心得
目录结构
├── public
│ └── logo.png # LOGO
| └── index.html # Vue 入口模板
├── src
│ ├── api # Api ajax 等
│ ├── assets # 本地静态资源
│ ├── config # 项目基础配置,包含路由,全局设置
│ ├── components # 业务通用组件
│ ├── core # 项目引导, 全局配置初始化,依赖包引入等
│ ├── router # Vue-Router
│ ├── store # Vuex
│ ├── utils # 工具库
│ ├── locales # 国际化资源
│ ├── views # 业务页面入口和常用模板
│ ├── App.vue # Vue 模板入口
│ └── main.js # Vue 入口 JS
│ └── permission.js # 路由守卫(路由权限控制)
├── tests # 测试工具
├── README.md
└── package.json
路由和菜单
基本结构
路由和菜单是组织起一个应用的关键骨架,pro 中的路由为了方便管理,使用了中心化的方式,在 ==router.config.js== 统一配置和管理。
- 路由管理 通过约定的语法根据在==router.config.js==中配置路由。
- 菜单生成 根据路由配置来生成菜单。菜单项名称,嵌套路径与路由高度耦合。
- 面包屑 组件 ==PageHeader== 中内置的面包屑也可由脚手架提供的配置信息自动生成。
路由
目前脚手架中所有的路由都通过 ==router.config.js== 来统一管理,在 ==vue-router== 的配置中我们增加了一些参数,如 ==hideChildrenInMenu==,==meta.title==,==meta.icon==,==meta.permission==,来辅助生成菜单。其中:
- hideChildrenInMenu 用于隐藏不需要在菜单中展示的子路由。用法可以查看 分步表单 的配置。
- hidden 可以在菜单中不展示这个路由,包括子路由。效果可以查看 other 下的路由配置。
- meta.title 和 meta.icon分别代表生成菜单项的文本和图标。
- meta.permission 用来配置这个路由的权限,如果配置了将会验证当前用户的权限,并决定是否展示 *(默认情况下)。
- meta.hidden 可以强制子菜单不显示在菜单上(和父级 hideChildrenInMenu 配合)
- meta.hiddenHeaderContent 可以强制当前页面不显示 PageHeader 组件中的页面带的 面包屑和页面标题栏
路由配置项
/*** 路由配置说明:* 建议:sider menu 请不要超过三级菜单,若超过三级菜单,则应该设计为顶部主菜单 配合左侧次级菜单***/{redirect: noredirect, //重定向name: 'router-name', //路由名称hidden: true, //可以在菜单中不展示这个路由,包括子路由。效果可以查看 other 下的路由配置。meta: {title: 'title', //菜单项名称icon: 'a-icon', //菜单项图标keepAlive: true, //缓存页面permission:[string] //用来配置这个路由的权限,如果配置了将会验证当前用户的权限,并决定是否展示 *(默认情况下)hiddenHeaderContent: true, //可以强制当前页面不显示 PageHeader 组件中的页面带的 面包屑和页面标题栏}
}
具体请参考 https://pro.loacg.com/docs/router-and-nav
菜单
菜单根据 ==router.config.js== 生成,具体逻辑在 ==src/store/modules/permission.js== 中的 ==actions.GenerateRoutes== 方法实现。
Ant Design Pro 的布局
在 Ant Design Pro 中,我们抽离了使用过程中的通用布局,都放在 ==/components/layouts== 目录中,分别为:
- BasicLayout:基础页面布局,包含了头部导航,侧边栏和通知栏:
- UserLayout:抽离出用于登陆注册页面的通用布局
- PageView:基础布局,包含了面包屑,和中间内容区 (slot)
- RouterView:空布局,专门为了二级菜单内容区自定义
- BlankLayout:空白的布局
定义全局样式
/* 定义全局样式 */
:global(.text) {font-size: 16px;
}/* 定义多个全局样式 */
:global {.footer {color: #ccc;}.sider {background: #ebebeb;}
}
//覆盖组件样式
// 使用 css 时可以用 >>> 进行样式穿透
.test-wrapper >>> .ant-select {font-size: 16px;
}// 使用 scss, less 时,可以用 /deep/ 进行样式穿透
.test-wrapper /deep/ .ant-select {font-size: 16px;
}// less CSS modules 时亦可用 :global 进行覆盖
.test-wrapper {:global {.ant-select {font-size: 16px;}}
}
与服务器交互
在 Ant Design Pro 中,一个完整的前端 UI 交互到服务端处理流程是这样的:
- UI 组件交互操作;
- 调用统一管理的 api service 请求函数;
- 使用封装的 request.js 发送请求;
- 获取服务端返回;
- 更新 data。
从上面的流程可以看出,为了方便管理维护,统一的请求处理都放在 @/src/api 文件夹中,并且一般按照 model 纬度进行拆分文件,如:
api/user.jspermission.jsgoods.js...
其中,==@/src/utils/request.js== 是基于 ==axios== 的封装,便于统一处理 ==POST==,==GET== 等请求参数,请求头,以及错误提示信息等。具体可以参看 ==request.js==。 它封装了全局 request 拦截器、response 拦截器、统一的错误处理、baseURL 设置等。
例如在 api 中的一个请求用户信息的例子:
// api/user.js
import { axios } fromm '@/utils/request'const api = {info: '/user',list: '/users'
}// 根据用户 id 获取用户信息
export function getUser (id) {return axios({url: `${api.user}/${id}`,method: 'get'})
}// 增加用户
export function addUser (parameter) {return axios({url: api.user,method: 'post',data: parameter})
}// 更新用户 // or (id, parameter)
export function updateUser (parameter) {return axios({url: `${api.user}/${parameter.id}`, // or `${api.user}/${id}`method: 'put',data: parameter})
}// 删除用户
export function deleteUser (id) {return axios({url: `${api.user}/${id}`,method: 'delete',data: parameter})
}// 获取用户列表 parameter: { pageSize: 10, pageNo: 1 }
export function getUsers (parameter) {return axios({url: api.list,method: 'get',params: parameter})
}
<template><div><a-button @click="queryUser"></a-button><a-table :dataSource="list"></a-table></div>
</template><script>
import { getUser, getUsers } from '@/api/user'export default {data () {return {id: 0,queryParam: {pageSize: 10,pageNo: 1,username: ''},info: {},list: []}},methods: {queryUser () {const { $message } = thisgetUser(this.id).then(res => {this.info = res.data}).catch(err => {$message.error(`load user err: ${err.message}`)})},queryUsers () {getUsers(this.queryParam).then(res => {this.list = res})}}
}
</script>
*** 获取裁剪后的图片*/cropImage () {this.form.cropimg = this.$refs.cropper.getCroppedCanvas().toDataURL();},/*** 确认裁剪*/sureCrop () {this.dialogVisible = false},/*** 上传裁剪后的图片到服务器*/upCropImg () {//判断是否是新增还是编辑if (this.$route.query.id && this.$route.query.id != '') {//如果是编辑的就直接提交this.onSubmit()} else {//否则先上传裁剪图片,将64位图片转换为二进制数据流var formdata1 = new FormData();// 创建form对象formdata1.append('file', convertBase64UrlToBlob(this.form.cropimg), 'aaa.png');//this.$ajax.post(this.$api + "/upload/singleUploadImg", formdata1, { headers: { 'Content-Type': 'multipart/form-data' } }).then(response => {if (response.data.msg == "success" && response.data.code == 1) {this.form.imgUrl = response.data.data.imgUrlthis.onSubmit()} else {console.log(response)this.$message.error(response.data.msg);}}).catch(function (error) {console.log(error);});}},
引入外部模块
$ npm install '组件名字' --save
使用
//全局引入
import Vue from 'vue'
import VueQuillEditor from 'vue-quill-editor'// require styles
import 'quill/dist/quill.core.css'
import 'quill/dist/quill.snow.css'
import 'quill/dist/quill.bubble.css'Vue.use(VueQuillEditor, /* { default global options } */)
<template><div><quill-editor ref="myTextEditor"v-model="content":config="editorOption"@blur="onEditorBlur($event)"@focus="onEditorFocus($event)"@ready="onEditorReady($event)"></quill-editor></div>
</template><script>
//按需加载
import 'quill/dist/quill.core.css'
import 'quill/dist/quill.snow.css'
import 'quill/dist/quill.bubble.css'
import { quillEditor } from 'vue-quill-editor'export default {components: {quillEditor},data () {return {content: '<h2>I am Example</h2>',editorOption: {// something config}}},// 如果需要手动控制数据同步,父组件需要显式地处理changed事件methods: {onEditorBlur(editor) {console.log('editor blur!', editor)},onEditorFocus(editor) {console.log('editor focus!', editor)},onEditorReady(editor) {console.log('editor ready!', editor)},onEditorChange({ editor, html, text }) {// console.log('editor change!', editor, html, text)this.content = html}},// 如果你需要得到当前的editor对象来做一些事情,你可以像下面这样定义一个方法属性来获取当前的editor对象,实际上这里的$refs对应的是当前组件内所有关联了ref属性的组件元素对象computed: {editor() {return this.$refs.myTextEditor.quillEditor}},mounted() {// you can use current editor object to do something(editor methods)console.log('this is my editor', this.editor)// this.editor to do something...}
}
</script>
引入业务图标
参考:https://pro.loacg.com/docs/biz-icon、
国际化
参考:https://pro.loacg.com/docs/i18n
权限管理
参考:https://pro.loacg.com/docs/authority-management
自定义使用规则
- 修改网站icon的文件地址在 ==public文件夹==中把logo.png换成自定义的,也可在==public/index.html==自定义
<!DOCTYPE html>
<html lang="zh-cmn-Hans"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1.0"><link rel="icon" href="<%= BASE_URL %>logo.png"><title>共享云店</title><style>#loading-mask{position:fixed;left:0;top:0;height:100%;width:100%;background:#fff;user-select:none;z-index:9999;overflow:hidden}.loading-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-100%)}.loading-dot{animation:antRotate 1.2s infinite linear;transform:rotate(45deg);position:relative;display:inline-block;font-size:64px;width:64px;height:64px;box-sizing:border-box}.loading-dot i{width:22px;height:22px;position:absolute;display:block;background-color:#1890ff;border-radius:100%;transform:scale(.75);transform-origin:50% 50%;opacity:.3;animation:antSpinMove 1s infinite linear alternate}.loading-dot i:nth-child(1){top:0;left:0}.loading-dot i:nth-child(2){top:0;right:0;-webkit-animation-delay:.4s;animation-delay:.4s}.loading-dot i:nth-child(3){right:0;bottom:0;-webkit-animation-delay:.8s;animation-delay:.8s}.loading-dot i:nth-child(4){bottom:0;left:0;-webkit-animation-delay:1.2s;animation-delay:1.2s}@keyframes antRotate{to{-webkit-transform:rotate(405deg);transform:rotate(405deg)}}@-webkit-keyframes antRotate{to{-webkit-transform:rotate(405deg);transform:rotate(405deg)}}@keyframes antSpinMove{to{opacity:1}}@-webkit-keyframes antSpinMove{to{opacity:1}}</style></head><body><noscript><strong>We're sorry but vue-antd-pro doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"><div id="loading-mask"><div class="loading-wrapper"><span class="loading-dot loading-dot-spin"><i></i><i></i><i></i><i></i></span></div></div></div><!-- built files will be auto injected --></body>
</html>
-更换logo在==src\components\tools\Logo.vue==中更换
<template><div class="logo"><router-link :to="{name:'dashboard'}"><LogoSvg alt="logo" /> //这是logo<h1 v-if="showTitle">{{ title }}</h1> //这是网站标题</router-link></div>
</template><script>
import LogoSvg from '@/assets/logo.svg?inline';
export default {name: 'Logo',components: {LogoSvg},props: {title: {type: String,default: 'Admin For Ok', //网站默认标题required: false},showTitle: { //是否显示网站标题,默认不显示type: Boolean,default: true,required: false}}
}
</script>
pro权限管理和路由控制思路分析(粗略分析)
- 主要是通过三个文件实现,==src\mock\services\user.js==文件通过登陆的角色获取对应的鉴权规则,具体可查看该文件下的源码
- ==src\config\router.config.js==文件为路由配置文件,可增加路由取消路由等,变量asyncRouterMap为主要路由数组集合,可配置鉴权权限,变量constantRouterMap为基础路由,不参与鉴权
- ==src\permission.js==文件为动态配置路由的主要逻辑,代码如下
import Vue from 'vue'
import router from './router'
import store from './store'import NProgress from 'nprogress' // progress bar
import 'nprogress/nprogress.css' // progress bar style
import notification from 'ant-design-vue/es/notification'
import { setDocumentTitle, domTitle } from '@/utils/domUtil'
import { ACCESS_TOKEN } from '@/store/mutation-types'NProgress.configure({ showSpinner: false }) // NProgress Configurationconst whiteList = ['login', 'register', 'registerResult'] // no redirect whitelist配置白名单router.beforeEach((to, from, next) => {NProgress.start() // start progress bar//生成动态网站标题to.meta && (typeof to.meta.title !== 'undefined' && setDocumentTitle(`${to.meta.title} - ${domTitle}`))if (Vue.ls.get(ACCESS_TOKEN)) {/* has token 如果有token并且是从登录页来的就直接跳到工作空间*/if (to.path === '/user/login') {next({ path: '/dashboard/workplace' })NProgress.done()} else {//否则检测是不是没有检测到规则,请求获取用户信息,获取用户权限if (store.getters.roles.length === 0) {//请求mock模拟数据获取用户权限store.dispatch('GetInfo').then(res => {const roles = res.result && res.result.role//调用src\store\modules\permission.js里面的GenerateRoutes方法,处理数据store.dispatch('GenerateRoutes', { roles }).then(() => {// 根据roles权限生成可访问的路由表// 动态添加可访问路由表router.addRoutes(store.getters.addRouters)const redirect = decodeURIComponent(from.query.redirect || to.path)if (to.path === redirect) {// hack方法 确保addRoutes已完成 ,set the replace: true so the navigation will not leave a history recordnext({ ...to, replace: true })} else {// 跳转到目的路由next({ path: redirect })}})}).catch(() => {notification.error({message: '错误',description: '请求用户信息失败,请重试'})store.dispatch('Logout').then(() => {next({ path: '/user/login', query: { redirect: to.fullPath } })})})} else {next()}}} else {if (whiteList.includes(to.name)) {// 在免登录白名单,直接进入next()} else {next({ path: '/user/login', query: { redirect: to.fullPath } })NProgress.done() // if current page is login will not trigger afterEach hook, so manually handle it}}
})router.afterEach(() => {NProgress.done() // finish progress bar
})
- ==src\store\modules\permission.js==文件为路由数据的详细处理逻辑,配合src\permission.js文件使用,代码如下:
import { asyncRouterMap, constantRouterMap } from '@/config/router.config'/*** 过滤账户是否拥有某一个权限,并将菜单从加载列表移除** @param permission* @param route* @returns {boolean}*/
function hasPermission (permission, route) {if (route.meta && route.meta.permission) {let flag = falsefor (let i = 0, len = permission.length; i < len; i++) {flag = route.meta.permission.includes(permission[i])if (flag) {return true}}return false}return true
}/*** 单账户多角色时,使用该方法可过滤角色不存在的菜单** @param roles* @param route* @returns {*}*/
// eslint-disable-next-line
function hasRole(roles, route) {if (route.meta && route.meta.roles) {return route.meta.roles.includes(roles.id)} else {return true}
}function filterAsyncRouter (routerMap, roles) {const accessedRouters = routerMap.filter(route => {if (hasPermission(roles.permissionList, route)) {if (route.children && route.children.length) {route.children = filterAsyncRouter(route.children, roles)}return true}return false})return accessedRouters
}const permission = {state: {routers: constantRouterMap,addRouters: []},mutations: {SET_ROUTERS: (state, routers) => {state.addRouters = routersstate.routers = constantRouterMap.concat(routers)}},actions: {GenerateRoutes ({ commit }, data) {return new Promise(resolve => {const { roles } = dataconst accessedRouters = filterAsyncRouter(asyncRouterMap, roles)commit('SET_ROUTERS', accessedRouters)resolve()})}}
}export default permission
跨域请求设置
在==vue.config.js==文件中修改
// 配置跨域devServer: {// development server port 8000// port: 8000,proxy: {'/apis': {// target: 'https://mock.ihx.me/mock/5baf3052f7da7e07e04a5116/antd-pro',target: 'http://192.168.1.73:8092/okcloud/',// target: 'http://39.107.78.120:8083/okcloud/',ws: false,changeOrigin: true, //是否允许跨域pathRewrite: {'^/apis': ''}}}
axios拦截器
在文件==src\utils\request.js==中设置
// request interceptor
service.interceptors.request.use(config => {const token = Vue.ls.get(ACCESS_TOKEN)if (token) {config.headers['okcloud_token'] = token // 让每个请求携带自定义 token 请根据实际情况自行修改}return config
}, err)// response interceptor
service.interceptors.response.use((response) => {if (response.data.code === 10000) {notification.warning({message: '提示',description: response.data.message})} else {return response.data}
}, err)
自定义角色的菜单权限
- 在==src\main.js==文件中注释掉"// import './permission' // permission control 权限控制"
- 自定义路由权限文件==src\routeGuard.js==,代码如下
import Vue from 'vue'
import router from './router'
// import store from './store'import NProgress from 'nprogress' // progress bar
import 'nprogress/nprogress.css' // progress bar style
import { setDocumentTitle, domTitle } from '@/utils/domUtil'
import { ACCESS_TOKEN } from '@/store/mutation-types'NProgress.configure({ showSpinner: false }) // NProgress Configurationrouter.beforeEach((to, from, next) => {NProgress.start() // start progress barto.meta && (typeof to.meta.title !== 'undefined' && setDocumentTitle(`${to.meta.title} - ${domTitle}`))if (to.path === '/user/login' && Vue.ls.get(ACCESS_TOKEN)) {next({ path: '/dashboard/workplace' })NProgress.done()} else if (to.path !== '/user/login' && !Vue.ls.get(ACCESS_TOKEN)) {next({ path: '/user/login' })NProgress.done()} else {next()NProgress.done()}
})router.afterEach(() => {NProgress.done() // finish progress bar
})
- 在==main.js==中引入import './routeGuard'
- 对==src\components\Menu\menu.js==文件进行自定义菜单改造
- 在==src\store\modules\app.js==文件中store加入menu,在actions中进行获取菜单的异步操作,获取菜单信息,然后进行全局变量动态获取
- 在==src\layouts\BasicLayout.vue==中进行全局变量的引用
...mapState({// 动态主路由menus: state => state.app.menu}),
动态方法的引用
...mapActions(['setSidebar', 'setMenu']),
调用获取动态方法
this.setMenu()
如若内容造成侵权/违法违规/事实不符,请联系编程学习网邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
相关文章
- 监听器(Listener)的相关概念
监听器的相关概念 1.监听器就是监听摸个对象的状态变化的组件 事件源:被监听的三个对象-------三个域对象 request session servletContext 监听器:监听事件源对象 事件源对象的状态的变化都会触发监听器------监听器个数8个 注册监听器:将监…...
2024/4/24 1:49:15 - 气动调节阀的运行特征
嗨,这里是工控小管家,又到了一周最快乐的一天啦,抱着对明天假期的美好期望,会不会更有动力抓紧结束这一天的工作呢?今天的小管家为大家带来轻松简单的小知识,陪伴大家度过这一周美好的周末。 首先…...
2024/4/23 3:52:54 - linux开发常用命令
经常使用linux进行开发,软件安装,环境部署等,会用到一些常用的命令,下面是我平时使用或收集到的linux下的常用命令集: type command 查看一条命令是外部命令还是内部命令 [rootupl test]# type cd cd is a shell bu…...
2024/4/23 21:15:11 - HashMap在jdk1.7和jdk1.8中的区别
一、初窥HashMap HashMap是应用更广泛的哈希表实现,而且大部分情况下,都能在常数时间性能的情况下进行put和get操作。 jdk1.7中底层是由数组(也有叫做“位桶”的)链表实现;jdk1.8中底层是由数组链表/红黑树实现可以存储…...
2024/4/27 19:20:52 - 打破时空壁垒,智慧“中枢”助您搭建理想生活
清晨,一缕阳光照进屋内,你慢慢苏醒,智能窗帘缓缓打开,智能睡眠显示昨晚翻身起夜等数据在正常范围内,元气满满的一天就此开始; 提前定时的面包机、蒸蛋器、豆浆机早已在你睡梦时启动,睡醒即可享…...
2024/4/23 21:13:32 - SpringBoot获得Maven-pom中版本号和编译时间戳详细步骤
简介:为了在项目变更版本时查看是否变更成功 & 查看项目编译时间 1、在pom文件中添加: <properties><!--maven.build.timestamp保存了maven编译时间戳--><timestamp>${maven.build.timestamp}</timestamp><!--指定时…...
2024/4/24 0:38:19 - Mybatis自定义插件实战以及与Spring整合原理
文章目录 前言自定义插件实战 需求实现过程测试总结 Spring与Mybatis整合 整合过程实现原理 MapperScanMapperScannerConfigurerMapperFactoryBeanSqlSessionFactoryBean 总结 前言 学习一个框架除了搞清楚核心原理外,还有很关键的需要知道如何去扩展它ÿ…...
2024/4/23 3:40:45 - 学习用 Orangepi 4(香橙派)+esp32 +视觉功能(opencv)+深度学习,做一个携带电磁炮的小车 第一章 电脑上编程环境的安装
用香橙派4ov13850官方配的摄像头esp32,准备瞎搞一个玩具出来玩。 视觉中尝试用深度学习平台训练个模型出来检测,最后能不能搞出来也不知道,先试试看玩着呗。 第一章 配置相关计算机项目开发环境 我用的电脑是按摩店的r5 2600Gtx1080ti 11G显…...
2024/5/7 10:30:13 - JavaSE@拓展补遗@笔记06@BIO流@缓冲流介绍及常用方法
一、缓冲流 1、介绍 缓冲流内部都有缓冲区,目的是提高读写的效率。 便捷流 缓冲流 FileOutputStream BufferedOutputStream FileInputStream BufferedInputStream FileWriter BufferedWriter FileReader …...
2024/4/26 12:20:54 - 在大规模 Kubernetes 集群上实现高 SLO 的方法
作者 | 蚂蚁金服技术专家 姚菁华;蚂蚁金服高级开发工程师 范康 导读:随着 Kubernetes 集群规模和复杂性的增加,集群越来越难以保证高效率、低延迟的交付 pod。本文将分享蚂蚁金服在设计 SLO 架构和实现高 SLO 的方法和经验。 Why SLO? Gartn…...
2024/4/23 4:24:55 - DBFace超全面解剖
轻量级检测网络DBFace,因为我只使用到人脸检测,没用到特征点检测,所以特征点检测部分我不作分析。 简介 DBFace是用于人脸检测的轻量级网络,可部署于移动端实时运行。 骨干网络为CenterNet,对比yolo,faster_rcnn等目标检测网络,CenterNet具有结构简单优雅,构建简单,…...
2024/4/23 14:52:21 - 入坑eps-01s 1.3寸OLED时钟及天气显示(一)
有一段时间没写东西了,忙着复习,下个月的今天考试,看书看的头大,之前那个数独也没写完,动脑头疼,在网上看到一个0.99寸的显示滚动显示时间和天气的挺好玩,想做一个消遣一下。下图是所有元件&…...
2024/4/23 5:26:35 - Jetpack Compose for Desktop: 里程碑1发布
在深入详解 Jetpack Compose | 优化 UI 构建 中谷歌介绍了为什么要设计 Jetpack Compose 来完成原生 Android 的开发,如今 Jetpack Compose for Desktop 的诞生,也说明了 Google 对 Compose 开发的认可和投入。 2020年11月5日 Jetpack Compose for Deskt…...
2024/4/23 5:41:03 - 社区团购系统开发小程序
社区团购是以微信为载体,整合多个社区社群资源,形成由商家集中化管理运营的预售+团购的社区商业模式。主要销售场景是由各快递代收点、社区便利店、社区物业、业主等发起的社区微信群,每个群都相当于一个社区店。 一:做社…...
2024/4/23 16:00:19 - Alibaba内部出品Java突击手册,大量开发实战项目分享
前言 Java作为目前最受欢迎的语言,每年都会有很多转行、跨行等等地人加入到开发大军中来,但是Java开发也是会遇到瓶颈的,当我们遇到瓶颈的时候就会去寻求发展突破,尤其是从Java开发高级工程师向架构师迈进的时候,需要…...
2024/4/24 1:44:33 - 软件测试,如何工资过万?(很实用的纯干货)
现在是2020年了,软件测试月薪过万或许不是难事,难的是如何过2万,甚至过3万? 同样是做软件测试,为什么有的人月薪3k,有的人月薪30k呢? 首先咱们以一线城市北上深为例,来看看不同的技…...
2024/4/28 7:15:57 - GitHub 警告开发者:72k+ star 的 youtube-dl 已下线,继续转发或被封号
72k star 的知名开源项目 youtube-dl 一朝被封禁,是 GitHub 的随意之举,还是开源世界必须遵循的规则限制?开发者又该如何应对? 前言 上个月,GitHub 收到了来自美国唱片业协会(Recording Industry Associat…...
2024/4/29 22:22:06 - 十个python热门项目,你知道几个
选择的十个项目包含了Debug工具、删除Facebook文章、无限云盘存储空间、AI 水军、并发运算工具、量化交易系统等等。 那么就来看看这十个项目吧! 第一名:PySnooper 这是一款调试代码的工具,让你不需要再通过采用print 来定位错误发生的地方…...
2024/4/27 17:22:33 - 如何系统化设计销售队伍规模,确保企业最大的投入产出比
销售队伍的规模直接影响着产品销量和销售成本的变动,因此销售队伍规模是人员推销决策中的一个及其重要问题。一般会从客户潜力、需求、市场营销组合中其他因素等多方面考虑,这样能够更加客观、有逻辑性的驱动销售资源决策。同时能将客户价值和公司盈利能…...
2024/4/24 2:15:21 - 视频号上热门的视频,首先需要是原创的内容
【国仁网络资讯】为大家整理一份超详细的《短视频运营手册》回复私信限时免费领取。 视频号目前进入到热门里面的视频,首先需要是原创的内容。 同时,内容的展现形式、素材、清晰程度,包括对封面、文字的运用、合规性,整体的质量…...
2024/4/23 20:28:06
最新文章
- 文件夹重命名技巧:克服文件夹名混乱不规律的难题,实现高效管理
在数字时代,我们每天都在与无数的文件夹打交道。这些文件夹中可能存储着文档、图片、视频等各种类型的文件。然而,随着文件夹数量的增加,如何有效地管理和命名这些文件夹成为了一个挑战。混乱和不规律的文件夹名不仅降低了工作效率࿰…...
2024/5/7 12:50:08 - 梯度消失和梯度爆炸的一些处理方法
在这里是记录一下梯度消失或梯度爆炸的一些处理技巧。全当学习总结了如有错误还请留言,在此感激不尽。 权重和梯度的更新公式如下: w w − η ⋅ ∇ w w w - \eta \cdot \nabla w ww−η⋅∇w 个人通俗的理解梯度消失就是网络模型在反向求导的时候出…...
2024/5/7 10:36:02 - 最新在线工具箱网站系统源码
内容目录 一、详细介绍二、效果展示1.部分代码2.效果图展示 三、学习资料下载 一、详细介绍 系统内置高达72种站长工具、开发工具、娱乐工具等功能。此系统支持本地调用API,同时还自带免费API接口, 是一个多功能性工具程序,支持后台管理、上…...
2024/5/7 2:36:10 - centos7 安装 postgresql
进入地址:https://yum.postgresql.org/repopackages.php 鼠标放置红色框内,右击拷贝地址 yum install 拷贝的地址 例如:yum install https://download.postgresql.org/pub/repos/yum/reporpms/EL-7-x86_64/pgdg-redhat-repo-latest.noarch…...
2024/5/6 10:30:28 - 416. 分割等和子集问题(动态规划)
题目 题解 class Solution:def canPartition(self, nums: List[int]) -> bool:# badcaseif not nums:return True# 不能被2整除if sum(nums) % 2 ! 0:return False# 状态定义:dp[i][j]表示当背包容量为j,用前i个物品是否正好可以将背包填满ÿ…...
2024/5/6 18:23:10 - 【Java】ExcelWriter自适应宽度工具类(支持中文)
工具类 import org.apache.poi.ss.usermodel.Cell; import org.apache.poi.ss.usermodel.CellType; import org.apache.poi.ss.usermodel.Row; import org.apache.poi.ss.usermodel.Sheet;/*** Excel工具类** author xiaoming* date 2023/11/17 10:40*/ public class ExcelUti…...
2024/5/6 18:40:38 - Spring cloud负载均衡@LoadBalanced LoadBalancerClient
LoadBalance vs Ribbon 由于Spring cloud2020之后移除了Ribbon,直接使用Spring Cloud LoadBalancer作为客户端负载均衡组件,我们讨论Spring负载均衡以Spring Cloud2020之后版本为主,学习Spring Cloud LoadBalance,暂不讨论Ribbon…...
2024/5/6 23:37:19 - TSINGSEE青犀AI智能分析+视频监控工业园区周界安全防范方案
一、背景需求分析 在工业产业园、化工园或生产制造园区中,周界防范意义重大,对园区的安全起到重要的作用。常规的安防方式是采用人员巡查,人力投入成本大而且效率低。周界一旦被破坏或入侵,会影响园区人员和资产安全,…...
2024/5/6 7:24:07 - VB.net WebBrowser网页元素抓取分析方法
在用WebBrowser编程实现网页操作自动化时,常要分析网页Html,例如网页在加载数据时,常会显示“系统处理中,请稍候..”,我们需要在数据加载完成后才能继续下一步操作,如何抓取这个信息的网页html元素变化&…...
2024/5/7 0:32:52 - 【Objective-C】Objective-C汇总
方法定义 参考:https://www.yiibai.com/objective_c/objective_c_functions.html Objective-C编程语言中方法定义的一般形式如下 - (return_type) method_name:( argumentType1 )argumentName1 joiningArgument2:( argumentType2 )argumentName2 ... joiningArgu…...
2024/5/6 6:01:13 - 【洛谷算法题】P5713-洛谷团队系统【入门2分支结构】
👨💻博客主页:花无缺 欢迎 点赞👍 收藏⭐ 留言📝 加关注✅! 本文由 花无缺 原创 收录于专栏 【洛谷算法题】 文章目录 【洛谷算法题】P5713-洛谷团队系统【入门2分支结构】🌏题目描述🌏输入格…...
2024/5/6 7:24:06 - 【ES6.0】- 扩展运算符(...)
【ES6.0】- 扩展运算符... 文章目录 【ES6.0】- 扩展运算符...一、概述二、拷贝数组对象三、合并操作四、参数传递五、数组去重六、字符串转字符数组七、NodeList转数组八、解构变量九、打印日志十、总结 一、概述 **扩展运算符(...)**允许一个表达式在期望多个参数࿰…...
2024/5/7 1:54:46 - 摩根看好的前智能硬件头部品牌双11交易数据极度异常!——是模式创新还是饮鸩止渴?
文 | 螳螂观察 作者 | 李燃 双11狂欢已落下帷幕,各大品牌纷纷晒出优异的成绩单,摩根士丹利投资的智能硬件头部品牌凯迪仕也不例外。然而有爆料称,在自媒体平台发布霸榜各大榜单喜讯的凯迪仕智能锁,多个平台数据都表现出极度异常…...
2024/5/6 20:04:22 - Go语言常用命令详解(二)
文章目录 前言常用命令go bug示例参数说明 go doc示例参数说明 go env示例 go fix示例 go fmt示例 go generate示例 总结写在最后 前言 接着上一篇继续介绍Go语言的常用命令 常用命令 以下是一些常用的Go命令,这些命令可以帮助您在Go开发中进行编译、测试、运行和…...
2024/5/7 0:32:51 - 用欧拉路径判断图同构推出reverse合法性:1116T4
http://cplusoj.com/d/senior/p/SS231116D 假设我们要把 a a a 变成 b b b,我们在 a i a_i ai 和 a i 1 a_{i1} ai1 之间连边, b b b 同理,则 a a a 能变成 b b b 的充要条件是两图 A , B A,B A,B 同构。 必要性显然࿰…...
2024/5/6 7:24:04 - 【NGINX--1】基础知识
1、在 Debian/Ubuntu 上安装 NGINX 在 Debian 或 Ubuntu 机器上安装 NGINX 开源版。 更新已配置源的软件包信息,并安装一些有助于配置官方 NGINX 软件包仓库的软件包: apt-get update apt install -y curl gnupg2 ca-certificates lsb-release debian-…...
2024/5/6 7:24:04 - Hive默认分割符、存储格式与数据压缩
目录 1、Hive默认分割符2、Hive存储格式3、Hive数据压缩 1、Hive默认分割符 Hive创建表时指定的行受限(ROW FORMAT)配置标准HQL为: ... ROW FORMAT DELIMITED FIELDS TERMINATED BY \u0001 COLLECTION ITEMS TERMINATED BY , MAP KEYS TERMI…...
2024/5/6 19:38:16 - 【论文阅读】MAG:一种用于航天器遥测数据中有效异常检测的新方法
文章目录 摘要1 引言2 问题描述3 拟议框架4 所提出方法的细节A.数据预处理B.变量相关分析C.MAG模型D.异常分数 5 实验A.数据集和性能指标B.实验设置与平台C.结果和比较 6 结论 摘要 异常检测是保证航天器稳定性的关键。在航天器运行过程中,传感器和控制器产生大量周…...
2024/5/6 7:24:03 - --max-old-space-size=8192报错
vue项目运行时,如果经常运行慢,崩溃停止服务,报如下错误 FATAL ERROR: CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory 因为在 Node 中,通过JavaScript使用内存时只能使用部分内存(64位系统&…...
2024/5/7 0:32:49 - 基于深度学习的恶意软件检测
恶意软件是指恶意软件犯罪者用来感染个人计算机或整个组织的网络的软件。 它利用目标系统漏洞,例如可以被劫持的合法软件(例如浏览器或 Web 应用程序插件)中的错误。 恶意软件渗透可能会造成灾难性的后果,包括数据被盗、勒索或网…...
2024/5/6 21:25:34 - JS原型对象prototype
让我简单的为大家介绍一下原型对象prototype吧! 使用原型实现方法共享 1.构造函数通过原型分配的函数是所有对象所 共享的。 2.JavaScript 规定,每一个构造函数都有一个 prototype 属性,指向另一个对象,所以我们也称为原型对象…...
2024/5/7 11:08:22 - C++中只能有一个实例的单例类
C中只能有一个实例的单例类 前面讨论的 President 类很不错,但存在一个缺陷:无法禁止通过实例化多个对象来创建多名总统: President One, Two, Three; 由于复制构造函数是私有的,其中每个对象都是不可复制的,但您的目…...
2024/5/7 7:26:29 - python django 小程序图书借阅源码
开发工具: PyCharm,mysql5.7,微信开发者工具 技术说明: python django html 小程序 功能介绍: 用户端: 登录注册(含授权登录) 首页显示搜索图书,轮播图࿰…...
2024/5/7 0:32:47 - 电子学会C/C++编程等级考试2022年03月(一级)真题解析
C/C++等级考试(1~8级)全部真题・点这里 第1题:双精度浮点数的输入输出 输入一个双精度浮点数,保留8位小数,输出这个浮点数。 时间限制:1000 内存限制:65536输入 只有一行,一个双精度浮点数。输出 一行,保留8位小数的浮点数。样例输入 3.1415926535798932样例输出 3.1…...
2024/5/6 16:50:57 - 配置失败还原请勿关闭计算机,电脑开机屏幕上面显示,配置失败还原更改 请勿关闭计算机 开不了机 这个问题怎么办...
解析如下:1、长按电脑电源键直至关机,然后再按一次电源健重启电脑,按F8健进入安全模式2、安全模式下进入Windows系统桌面后,按住“winR”打开运行窗口,输入“services.msc”打开服务设置3、在服务界面,选中…...
2022/11/19 21:17:18 - 错误使用 reshape要执行 RESHAPE,请勿更改元素数目。
%读入6幅图像(每一幅图像的大小是564*564) f1 imread(WashingtonDC_Band1_564.tif); subplot(3,2,1),imshow(f1); f2 imread(WashingtonDC_Band2_564.tif); subplot(3,2,2),imshow(f2); f3 imread(WashingtonDC_Band3_564.tif); subplot(3,2,3),imsho…...
2022/11/19 21:17:16 - 配置 已完成 请勿关闭计算机,win7系统关机提示“配置Windows Update已完成30%请勿关闭计算机...
win7系统关机提示“配置Windows Update已完成30%请勿关闭计算机”问题的解决方法在win7系统关机时如果有升级系统的或者其他需要会直接进入一个 等待界面,在等待界面中我们需要等待操作结束才能关机,虽然这比较麻烦,但是对系统进行配置和升级…...
2022/11/19 21:17:15 - 台式电脑显示配置100%请勿关闭计算机,“准备配置windows 请勿关闭计算机”的解决方法...
有不少用户在重装Win7系统或更新系统后会遇到“准备配置windows,请勿关闭计算机”的提示,要过很久才能进入系统,有的用户甚至几个小时也无法进入,下面就教大家这个问题的解决方法。第一种方法:我们首先在左下角的“开始…...
2022/11/19 21:17:14 - win7 正在配置 请勿关闭计算机,怎么办Win7开机显示正在配置Windows Update请勿关机...
置信有很多用户都跟小编一样遇到过这样的问题,电脑时发现开机屏幕显现“正在配置Windows Update,请勿关机”(如下图所示),而且还需求等大约5分钟才干进入系统。这是怎样回事呢?一切都是正常操作的,为什么开时机呈现“正…...
2022/11/19 21:17:13 - 准备配置windows 请勿关闭计算机 蓝屏,Win7开机总是出现提示“配置Windows请勿关机”...
Win7系统开机启动时总是出现“配置Windows请勿关机”的提示,没过几秒后电脑自动重启,每次开机都这样无法进入系统,此时碰到这种现象的用户就可以使用以下5种方法解决问题。方法一:开机按下F8,在出现的Windows高级启动选…...
2022/11/19 21:17:12 - 准备windows请勿关闭计算机要多久,windows10系统提示正在准备windows请勿关闭计算机怎么办...
有不少windows10系统用户反映说碰到这样一个情况,就是电脑提示正在准备windows请勿关闭计算机,碰到这样的问题该怎么解决呢,现在小编就给大家分享一下windows10系统提示正在准备windows请勿关闭计算机的具体第一种方法:1、2、依次…...
2022/11/19 21:17:11 - 配置 已完成 请勿关闭计算机,win7系统关机提示“配置Windows Update已完成30%请勿关闭计算机”的解决方法...
今天和大家分享一下win7系统重装了Win7旗舰版系统后,每次关机的时候桌面上都会显示一个“配置Windows Update的界面,提示请勿关闭计算机”,每次停留好几分钟才能正常关机,导致什么情况引起的呢?出现配置Windows Update…...
2022/11/19 21:17:10 - 电脑桌面一直是清理请关闭计算机,windows7一直卡在清理 请勿关闭计算机-win7清理请勿关机,win7配置更新35%不动...
只能是等着,别无他法。说是卡着如果你看硬盘灯应该在读写。如果从 Win 10 无法正常回滚,只能是考虑备份数据后重装系统了。解决来方案一:管理员运行cmd:net stop WuAuServcd %windir%ren SoftwareDistribution SDoldnet start WuA…...
2022/11/19 21:17:09 - 计算机配置更新不起,电脑提示“配置Windows Update请勿关闭计算机”怎么办?
原标题:电脑提示“配置Windows Update请勿关闭计算机”怎么办?win7系统中在开机与关闭的时候总是显示“配置windows update请勿关闭计算机”相信有不少朋友都曾遇到过一次两次还能忍但经常遇到就叫人感到心烦了遇到这种问题怎么办呢?一般的方…...
2022/11/19 21:17:08 - 计算机正在配置无法关机,关机提示 windows7 正在配置windows 请勿关闭计算机 ,然后等了一晚上也没有关掉。现在电脑无法正常关机...
关机提示 windows7 正在配置windows 请勿关闭计算机 ,然后等了一晚上也没有关掉。现在电脑无法正常关机以下文字资料是由(历史新知网www.lishixinzhi.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!关机提示 windows7 正在配…...
2022/11/19 21:17:05 - 钉钉提示请勿通过开发者调试模式_钉钉请勿通过开发者调试模式是真的吗好不好用...
钉钉请勿通过开发者调试模式是真的吗好不好用 更新时间:2020-04-20 22:24:19 浏览次数:729次 区域: 南阳 > 卧龙 列举网提醒您:为保障您的权益,请不要提前支付任何费用! 虚拟位置外设器!!轨迹模拟&虚拟位置外设神器 专业用于:钉钉,外勤365,红圈通,企业微信和…...
2022/11/19 21:17:05 - 配置失败还原请勿关闭计算机怎么办,win7系统出现“配置windows update失败 还原更改 请勿关闭计算机”,长时间没反应,无法进入系统的解决方案...
前几天班里有位学生电脑(windows 7系统)出问题了,具体表现是开机时一直停留在“配置windows update失败 还原更改 请勿关闭计算机”这个界面,长时间没反应,无法进入系统。这个问题原来帮其他同学也解决过,网上搜了不少资料&#x…...
2022/11/19 21:17:04 - 一个电脑无法关闭计算机你应该怎么办,电脑显示“清理请勿关闭计算机”怎么办?...
本文为你提供了3个有效解决电脑显示“清理请勿关闭计算机”问题的方法,并在最后教给你1种保护系统安全的好方法,一起来看看!电脑出现“清理请勿关闭计算机”在Windows 7(SP1)和Windows Server 2008 R2 SP1中,添加了1个新功能在“磁…...
2022/11/19 21:17:03 - 请勿关闭计算机还原更改要多久,电脑显示:配置windows更新失败,正在还原更改,请勿关闭计算机怎么办...
许多用户在长期不使用电脑的时候,开启电脑发现电脑显示:配置windows更新失败,正在还原更改,请勿关闭计算机。。.这要怎么办呢?下面小编就带着大家一起看看吧!如果能够正常进入系统,建议您暂时移…...
2022/11/19 21:17:02 - 还原更改请勿关闭计算机 要多久,配置windows update失败 还原更改 请勿关闭计算机,电脑开机后一直显示以...
配置windows update失败 还原更改 请勿关闭计算机,电脑开机后一直显示以以下文字资料是由(历史新知网www.lishixinzhi.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!配置windows update失败 还原更改 请勿关闭计算机&#x…...
2022/11/19 21:17:01 - 电脑配置中请勿关闭计算机怎么办,准备配置windows请勿关闭计算机一直显示怎么办【图解】...
不知道大家有没有遇到过这样的一个问题,就是我们的win7系统在关机的时候,总是喜欢显示“准备配置windows,请勿关机”这样的一个页面,没有什么大碍,但是如果一直等着的话就要两个小时甚至更久都关不了机,非常…...
2022/11/19 21:17:00 - 正在准备配置请勿关闭计算机,正在准备配置windows请勿关闭计算机时间长了解决教程...
当电脑出现正在准备配置windows请勿关闭计算机时,一般是您正对windows进行升级,但是这个要是长时间没有反应,我们不能再傻等下去了。可能是电脑出了别的问题了,来看看教程的说法。正在准备配置windows请勿关闭计算机时间长了方法一…...
2022/11/19 21:16:59 - 配置失败还原请勿关闭计算机,配置Windows Update失败,还原更改请勿关闭计算机...
我们使用电脑的过程中有时会遇到这种情况,当我们打开电脑之后,发现一直停留在一个界面:“配置Windows Update失败,还原更改请勿关闭计算机”,等了许久还是无法进入系统。如果我们遇到此类问题应该如何解决呢࿰…...
2022/11/19 21:16:58 - 如何在iPhone上关闭“请勿打扰”
Apple’s “Do Not Disturb While Driving” is a potentially lifesaving iPhone feature, but it doesn’t always turn on automatically at the appropriate time. For example, you might be a passenger in a moving car, but your iPhone may think you’re the one dri…...
2022/11/19 21:16:57