原神大地图——3.地图与UI交互
地名动态渲染实现根据地图缩放大小不同，地名展示也不同。home store中封装mapAnchorList 123function setMapAnchorList(data: any[]) { mapAnchorList.value = data} 将其他组件中的mapAnchorList ref替换为store中的ref。然后渲染一级地名显示效果：接着开发动态渲染二级
原神大地图——2.UI交互层开发
** 注意！！！** map与ui-layer应该具有同一个父元素，而不是父子关系，否则map会捕获所有鼠标事件 本节将开发 整体ui搭建首先编写左侧filter-config代码 12345678910111213141516171819202122232425262728293031<template> <div id="map-container"
原神大地图——1.绘制大地图
1.快速使用leaflet使用leafleta.新建地图b.在地图上绘制图形c.使用提示信息d.处理画布事件 2.项目工程准备准备如下的目录结构并安装好leaflet依赖，初始化leaflet画布 123456789101112function init() { let map = L.map('map', { center: [0, 0
读书管理后台开发项目-8.菜单权限新增编辑API开发
新增菜单功能前端开发开发此处页面：阅读代码发现页面由 formSchema 变量动态生成,于是将其改造为如下数据 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960 export const formSchema: FormSc
读书管理后台开发项目-7.菜单权限页面开发
前端组件配置将vben中的权限管理路由添加至后端目录的data文件中，再在前端的views/system/permission中添加菜单管理组件（vben中已经封装好了，可以直接复制） 然后在routes/modules/demo/permission.ts中添加路由配置，并关联对应名称的组件最后记得配置i18n的国际化语言库 1234567891
读书管理后台开发项目-6.管理后台前端权限
前端的权限管理通常是左侧菜单部分的展示权限，以及基于功能的权限vben实际上是动态生成了路由，然后再展示在左边的菜单栏，所以要编写权限相关的代码可以从动态生成路由处着手 buildRoutesAction方法分析 vben通过动态生成路由，控制菜单栏展示权限。核心方法是buildRoutesAction，该方法根据路由的meta.role属性过滤路由，从而生成不同角色的菜单。搜索这个方法的签名可以
读书管理后台开发项目-5.登录功能后端开发
1.登录时序图 2.请求守卫开发建立如下auth目录结构 12345//public.decorator.tsimport {SetMetadata} from '@nestjs/common';export const IS_PUBLIC_KEY = 'isPublic'export const Public = () => Se
读书管理后台开发项目-4.数据库接入
1.后端业务模块设计与拆分模块设计： 创建用户模块 12nest g controller usernest g module user 12345678910import { Controller, Get, Param, ParseIntPipe } from '@nestjs/common';@Controller('user')e