首页 > 其他分享 >前端 (vue3+ts+vite)

前端 (vue3+ts+vite)

时间:2024-10-26 21:16:19浏览次数:3  
标签:配置文件 crud ts vue3 config vite cool

项目结构

 cool-admin
     ├──build vite 插件
     ├──vite.config.ts vite 配置文件
     ├──tsconfig.json typescript 配置文件
     ├──src 源文件
     │   ├── main.ts 程序入口
     │   ├── App.vue 页面挂载入口
     │   ├── modules 模块列表
     │   │   ├─ base 基础
     │   │   ├─ chat 聊天
     │   │   ├─ crud @cool-vue/crud 快速CURD
     │   │   ├─ demo 测试、示例
     │   │   ├─ design 页面设计
     │   │   ├─ dict 字典
     │   │   ├─ excel 表格
     │   │   ├─ extend 扩展
     │   │   ├─ iot 物联网
     │   │   ├─ recycle 数据恢复
     │   │   ├─ task 定时任务
     │   │   ├─ theme 主题
     │   │   └─ upload 文件上传
     │   ├── cool 主要文件
     │   │   ├─ utils 工具库
     │   │   ├─ config 全局配置
     │   │   │   ├─ env.ts 开发环境
     │   │   │   ├─ prod.ts 生产环境
     │   │   │   ├─ proxy.ts 代理配置
     │   │   │   └─ index.ts 入口
     │   │   └─ index.ts 导出常用方法
     │   └── env.d.ts 类型声明
     └──.vscode
         ├── config.code-snippets 模块配置代码片段
         └── crud.code-snippets CRUD 代码片段

cl-crud

表格的增删改查操作

Options
参数 说明 类型
service 表示当前 crud 要操作的对象 Service
dict 字典 Dict
permission 权限 Permission
onDelete 监听删除事件 function(selection, {next})

标签:配置文件,crud,ts,vue3,config,vite,cool
From: https://blog.csdn.net/zluih/article/details/143168649

相关文章

  • JavaScript CSS Vue3 实现一个简单的Loading
    之前项目用到的,后来换其他效果了。放博客里保存一下。效果视频转GIF之后不太流畅……代码<scriptsetuplang="ts">import{onBeforeUnmount,onMounted,ref}from"vue";import{clamp}from"../scripts/Utils";constmaskDiv=ref<HTMLDivElement>(null)co......
  • vue3使用ts和使用js
    1、使用ts<template> <divstyle="display:flex;margin:20px;"> <divstyle="width:20%;border:1pxsolidrgb(221221221);height:80vh;">1</div> <divstyle="width:60%;display:flex;justify-content:cen......
  • vue3监听和不能使用this问题,uniapp封装请求
    http.js//格式化日期函数exportfunctionrequest(method,url,data){consturls="http://183.6.96.231:29101"; constusername=uni.getStorageSync('username'); consttoken=uni.getStorageSync('token'); uni.showLoading({......
  • ts:对象数组的简单使用
    ts中对象数组的简单使用一、主要内容说明二、例子1、源码12、源码1运行效果三、结语四、定位日期一、主要内容说明平常ts创建数组的格式如下:letarray:string[]=["元素1","元素2","元素3","元素3","元素4",---]元素1、元素2、元素3,等这些元素,可以为字符,数字,也可以......
  • [asm]: linux syscall number(32bits_64bits)
    [asm]:linuxsyscallnumber(32bits_64bits)    一、32bit_syscall_number(451个系统调用)1[root@rocky:tmp]#catlinux_syscall_no_32.txt2//date:2024-10-263//usingFor:4//--AssemblyLanguage(nasm,gas)5//--syscall......
  • Vue3取当前时间和一个小时后的时间。
    constformatDate=(date)=>{//初始化时间   //格式化日期为YYYY-MM-DDHH:mm:ss   constyear=date.getFullYear();   constmonth=String(date.getMonth()+1).padStart(2,'0');//月份从0开始   constday=String(date.getDate())......
  • Vue3中取当前日期并且取当前日期的前10天和后30天。并把每个日期的日放到一个数组里面
    consttoday=newDate();//获取当前日期constdateArray=[];constdayArray=[];//计算前10天for(leti=10;i>0;i--){constpastDate=newDate(today);pastDate.setDate(today.getDate()-i);dateArray.push(......
  • vue3+java+springboot在线考试系统(08169)
    目录功能介绍具体实现截图技术介绍开发核心技术介绍:技术创新点vue3和vue2的区别:核心代码部分展示非功能需求分析系统开发流程软件测试源码获取功能介绍随着社会的发展,系统的管理形势越来越严峻。越来越多的用户利用互联网获得信息,但各种信息鱼龙混杂,信息真假难以辨......
  • 数据集&yolo关键点模型 -关键点系列- 手部关键点数据集 handpose keypoints >> DataBall
    数据集&yolo关键点模型-关键点系列-手部关键点数据集handposekeypoints>>DataBall该示例用3k+数据训练,模型采用yolo11n架构,对于一些简单场景可以满足左右手检测及21关键点检测,运算量小,模型效能高。后期会推出yolo11s,yolo11m架构模型或其它yolo系列。一、模型推......
  • [Vite] 优化前端打包
    按需加载组件router这里使用动态路由引入,如component:()=>import("@/views/Index.vue")JPG、PNG、SVG等图片资源的压缩Gzip压缩js、css、html,也要配置Nginx的gzipimport{defineConfig}from"vite";importvuefrom"@vitejs/plugin-vue";importAutoImpo......