企业🤖AI智能体构建引擎,智能编排和调试,一键部署,支持私有化部署方案 广告
### 本节将介绍如何在项目中使用TTK框架 按国际惯例,首先,我们从hello world开始。 ![](https://i.loli.net/2019/05/13/5cd8cc01c0e9319997.png) 1. 用脚手架提供的指令`ttk app`来新增一个空白页 如:`ttk app test/helloworld` 注:上述命令中helloworld为空白页的名称,test是模块名称(注意:test属于模块名称,在website/apps下面有个test的文件夹,如果该文件夹不存在,会引发一些异常) ``` 如果test文件夹不存在,可以在根目录下执行 ttk modules test命令在创建新的模块。 ``` 创建后,空白页目录结构说明: :-: ![](https://box.kancloud.cn/82a7518fdf41a8127118c68fb7ae8acd_423x363.png) ***** 页面文件结构说明: 文件名 | 备注 ---|--- `index.js` | 空白页描述页 `data.js` | 页面模型元数据、初始化页面state `action.js` | 页面模型的事件 `reducer.js` | 页面state管理,负责渲染页面 `webapi.js` | 调用后端服务配置文件 `component.js`| 页面渲染入口 `config.js` | 本页配置文件 `mock.js` | 本地模拟数据 `style.less` | 样式文件 创建成功后使用npm run start即可预览 ### 视频介绍