企业官网建设流程全解析

centos做网站,成都网站建设 雷,营销型网站建设电子书,网站职能建设论文本文同步发表于我的微信公众号#xff0c;微信搜索 程语新视界 即可关注#xff0c;每个工作日都有文章更新 DevEco Studio 内置的AI编程辅助工具#xff08;一#xff09; DevEco Studio 内置的AI编程辅助工具#xff08;二#xff09; 一、页面生成 1.1 使用方式 …本文同步发表于我的微信公众号微信搜索程语新视界即可关注每个工作日都有文章更新DevEco Studio 内置的AI编程辅助工具一DevEco Studio 内置的AI编程辅助工具二一、页面生成1.1 使用方式1.1.1 访问入口两种访问方式输入框下拉菜单在输入框左下角下拉框选择Generate UI Code命令触发在输入框输入/调出命令面板选择Generate UI Code1.1.2 输入方式支持三种输入方式自由输入手动输入页面主题和具体需求快捷模板使用预设的模板快速生成图片参考上传页面参考图片AI解析生成对应代码当前支持五大垂直领域美食、旅游、购物、新闻、教育。1.2.1 标签辅助支持勾选行业领域标签常用功能标签1.2.2 多轮对话持续优化通过多轮对话新增或修改页面内容关键字修改可修改页面中的具体关键字信息历史回溯点击历史对话中的回到本次可回退到之前的页面状态1.3 保存流程1.3.1 保存设置点击Save to Project后弹出设置窗口页面名称设置生成的页面名称模块指定指定页面保存的目标模块1.3.2 文件状态标识保存时文件状态通过颜色标识绿色文件新增文件蓝色文件已有文件但有更改1.3.3 完成步骤点击Next将代码和资源保存到工程点击Finish完成添加二、卡片生成2.1 使用约束2.1.1 需求描述维度建议序号描述维度说明举例1卡片用途卡片的业务场景和用途电商购物卡片、娱乐类卡片2卡片功能包含的组件及其状态新品上市主标题、商品搜索按钮3卡片尺寸可选尺寸1*2、2*2、2*4、4*42*2尺寸卡片、中卡片注意卡片尺寸为非必选项AI会根据需求智能选择最佳尺寸。2.1.2 限制说明不支持在生成预览图后继续进行增量修改2.2 使用流程2.2.1 访问方式两种访问方式命令触发输入/后选择Service Widget下拉菜单在输入框左下角下拉框选择Service Widget版本兼容性DevEco Studio 6.0.0 Beta1之前版本在对话区域下拉框中选择Service Widget2.2.2 交互过程多轮交互根据AI提示不断完善需求生成数量每次生成1-3张卡片预览效果生成卡片预览效果图2.3 卡片保存2.3.1 查看选项点击查看图标可查看卡片UI代码配置信息静态资源文件2.3.2 保存方式方式一手动保存复制复制代码到剪贴板插入插入到当前文件创建文件创建新文件保存方式二自动保存点击保存工程按钮自动保存以下内容到工程对应目录卡片代码配置信息静态资源文件默认勾选保存逻辑代码用于配置卡片事件和数据2.4 逻辑代码配置2.4.1 逻辑代码功能包含两类:卡片数据交互触发卡片页面刷新应用工程支持数据库或网络请求方式元服务工程仅支持网络请求方式卡片事件router事件跳转到指定UIAbilitycall事件拉起UIAbility到后台message事件刷新卡片内容2.4.2 目录结构module src main ets └── formcommon # 卡片逻辑代码目录 ├── formsetting # 用户可配置文件 │ ├── formdbsetting # 数据库刷新方式配置 │ │ ├── formdbinfo # 卡片信息文件 │ │ └── UserSettings.ets # 数据规则配置 │ ├── formhttpsetting # 网络请求刷新方式配置 │ │ ├── formhttpinfo # URL信息文件 │ │ └── UserSettings.ets # 请求规则配置 │ └── FormAction.ets # 卡片事件配置 └── utils # 工具类目录用户不可修改2.4.3 说明网络请求方式需要在EntryFormAbility.ets中注释FormDbUpdate接口启用FormHttpUpdate接口工具目录utils目录用户不可修改再次生成时会刷新2.5 自定义配置2.5.1 卡片事件配置FormAction.ets配置卡片router事件的具体页面分发规则EntryAbility.ets在onWindowStageCreate方法中插入页面分发接口调用接口位置调整默认插入到方法开头可根据工程逻辑移动至合适位置确保页面能正常跳转