原神大地图——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
读书管理后台开发项目-3.Nest框架搭建
1.Nest框架搭建使用官方推荐的CLI搭建 12npm i -g @nestjs/clinest new imooc-nest-admin 2.Nest实现Restful API 2.1 Get方法传参方式：Param获得Get方法中的参数如果使用Param装饰器则对应获取restful Api参数使用方法是直接在get方法函数中@param级联参数同样使用@param 2.1 Post方法传
小慕读书管理后台开发项目-2.前端框架搭建
1.前端框架下载和启动在vue-vben-admin官方仓库中克隆代码到本地磁盘然后安装依赖 1pnpm install 2.vben三种运行模式2.1 npm run serve很常见的运行方式，实际上就是调用vite运行 2.2 preview模式"preview:" npm run build && vite preview 会先构建然后用vite进行p
