1. 项目结构:
总的结构:
1. 主程序: 项目根目录/src/main/typescript
放置项目typescript源代码
1.1. 主体程序具体的结构:
加粗表示个人能力阶段所常用的
|_annotation：放置项目自定义注解
|_aspect：放置切面代码
|_config：放置配置类
|_constant：放置常量、枚举等定义
|__consist：存放常量定义
|__enums：存放枚举定义
__type: 接口类型声明
|_controller：放置控制器代码
|_filter：放置一些过滤、拦截相关的代码
|_mapper：放置数据访问层代码接口
|_model：放置数据模型代码
|__entity：放置数据库实体对象定义
|__dto：存放数据传输对象定义
|__vo：存放显示层对象定义
|_service：放置具体的业务逻辑代码（接口和实现分离）
|__intf：存放业务逻辑接口定义
|__impl：存放业务逻辑实际实现
|_utils：放置工具类和辅助代码
2. 资源: 项目根目录/src/main/resources
放置项目静态资源和配置文件
2.1. 资源目录具体结构
|_mapper：存放mybatis的XML映射文件（如果是mybatis项目）
|_static：存放网页静态资源，比如下面的js/css/img
|__js
|__css
|__img
|__font
|__等等
|_template：存放网页模板，比如thymeleaf/freemarker模板等
|__header
|__sidebar
|__bottom
|__XXX.html等等
|_application.yml 基本配置文件
|_application-dev.yml 开发环境配置文件
|_application-test.yml测试环境配置文件
|_application-prod.yml生产环境配置文件
3. 测试程序项目根目录/src/test/typescript
放置项目测试用例代码
1. 常量与枚举的存放
常量与枚举都要用export修饰
导入类库
child::
导入第三方库
方法:
1. 用js原生的esm语法进行导入
- 把esm语法的第三方模块安装到本地
- 可以通过 npm 进行安装, 此时会安装在
node_modules目录下- 在js中导入第三方模块的入口文件
- 通常都是模块名.js
2. 通过打包工具把第三方库代码融入到入口文件中
指向原始笔记的链接
- child::代码打包工具
3. 声明文件的设计
声明文件.d.ts不能导入其他模块