14 基于SqlSugar的开发框架循序渐进介绍-- 基于Vue3+TypeScript的全局对象的注入和使用( 二 ) _生活百科

我们知道，基于Typescrip的项目，在项目中都有一个typescript的配置文件tsconfig.json，其中对一些typescript的目录或者设置进行设定。由于在VSCode加载项目的时候，会把项目相关的类型定义加载进来，它的配置在Include的配置项中。

文章插图
其中一些项目全局通用的定义放在了types/*.d.ts 里面的，我们查看types目录，可以看到很多全局的定义信息，如下所示。

文章插图
我们在这里增加一个独立的文件，来设置我们定义挂载对象的接口类型信息。
另外我们打算的全局辅助类对象的信息，放在util目录里面，如下所示。

文章插图
编写相关的代码，并提供一个install的组件安装方法，给在main.ts中调用处理。

文章插图
在mian.ts中，使用use的方式实现挂载处理即可。
app.use($u);//挂载自定义的一些变量辅助类而对应的辅助类接口定义，统一放在全局的Types目录的一个单独的$u.d.ts文件中定义。

文章插图
例如我们定义常规弹出消息的函数接口如下所示。
//定义自定义类$u的接口类型interface message_interface {Message(message: string): any;success(message: string): any;warn(message: string): any;error(message: string): any;confirm(message = '您确认删除选定的记录吗?'): Promise<any>;};其他的一些接口定义，则进行组合处理即可。

文章插图
而我们最终的目的就是通过$u可以获得相关 $u_interface 的接口信息即可。
最后我们来看看用户信息管理页面的界面效果，页面很多地方使用了基于Vue3+TypeScript的全局对象的注入处理。如一些信息提示，一些通用函数的调用等。

文章插图
系列文章：
《基于SqlSugar的开发框架的循序渐进介绍（1）--框架基础类的设计和使用》
《基于SqlSugar的开发框架循序渐进介绍（2）-- 基于中间表的查询处理》
《基于SqlSugar的开发框架循序渐进介绍（3）-- 实现代码生成工具Database2Sharp的整合开发》
《基于SqlSugar的开发框架循序渐进介绍（4）-- 在数据访问基类中对GUID主键进行自动赋值处理》
《基于SqlSugar的开发框架循序渐进介绍（5）-- 在服务层使用接口注入方式实现IOC控制反转》
《基于SqlSugar的开发框架循序渐进介绍（6）-- 在基类接口中注入用户身份信息接口》
《基于SqlSugar的开发框架循序渐进介绍（7）-- 在文件上传模块中采用选项模式【Options】处理常规上传和FTP文件上传》
《基于SqlSugar的开发框架循序渐进介绍（8）-- 在基类函数封装实现用户操作日志记录》
《基于SqlSugar的开发框架循序渐进介绍（9）-- 结合Winform控件实现字段的权限控制》
《基于SqlSugar的开发框架循序渐进介绍（10）-- 利用axios组件的封装，实现对后端API数据的访问和基类的统一封装处理》
《基于SqlSugar的开发框架循序渐进介绍（11）-- 使用TypeScript和Vue3的Setup语法糖编写页面和组件的总结》
《基于SqlSugar的开发框架循序渐进介绍（12）-- 拆分页面模块内容为组件，实现分而治之的处理》
《基于SqlSugar的开发框架循序渐进介绍（13）-- 基于ElementPlus的上传组件进行封装，便于项目使用》
【14 基于SqlSugar的开发框架循序渐进介绍-- 基于Vue3+TypeScript的全局对象的注入和使用】