tsz_module

在线文档: https://blog.csdn.net/r657225738/article/details/115538946

基础组件 - basic

1.分页组件 ys-pagination  [pagination]

2.短信验证码(校验和倒计时功能) ys-sendSmsCode  [sendSmsCode]

3.留言组件 ys-message  [message]

4.搜索组件(简单搜索,支持防抖函数) ys-search  [search]

5.裁剪图片组件 ys-cropper [cutImg]

6.第三方登录接入(微信登录 ys-wxlogin)  [moreLogin]

7.右侧悬浮菜单 [floatMenu]

8.步骤引导 vue-tour

9.上传组件 ys-upload

10.下载功能 文件流封装在utils里

11.动态Menu菜单 ys-leftmenu

12.验证码 ys-verify

13.表格内点击名称进行编辑 ys-inputEditable

14.右键菜单 ys-rightMenu

13.面包屑 ys-breadcrumb

待开发组件

- 数据可视化大屏小组件
- eChart重绘

待思考功能

角色管理

扩展 extend

1.axios网络请求封装  [http]

2.store(vuex状态管理) - 登录部分

3.单例消息提示 [message]

    - 单次只显示一个消息提示框

4.Execl文件导出 [execl]

5.生成二维码 [qrcode]

6.图片懒加载 [img-lazyload]

7.弹框拖拽 [ys-dialogdrag]

8.动态路由+按钮级权限 [permission]
    - 前端只保留基本的Router页面,如登录页,404页
    - 获取到menu菜单后,进行addRouter动态路由的设置
    - 应根据具体的项目打造. 基本思路为 router 定义 meta, 公共方法判断权限是否存在, 页面调用传参

9.背景水印 [ys-waterMarker]

10.滚动加载更多 [ys-selectLoadMore]
    - 基于el-select滚动加载更多

待扩展部分

工具函数 - utils

1.数组类 - array.js

2.浏览器类 - browser.js

3.转换类 - convert.js

4.日期时间类 - date.js

5.其它类 - other.js

6.字符串类 - string.js

7.校验类 - verify.js

框架搭建

1.前端开发框架 vue3 + vite + element-plus/ant-design

2.后台管理系统
    - 页面自适应(模块级)
    - 支持I18n多语言
    - 支持日间与夜间主题