计算机科学与技术丛书 大模型应用开发 深入理解30个可执行案例设计 李永华刘宇沛孙玉江编著 内 容 简 介 大模型技术是目前人工智能领域的重要发展方向之一，具有广阔的应用前景和巨大的发展潜力。本书结合当前高等院校创新实践课程，基于大模型应用程序的开发方法，给出可执行实战案例。大模型技术主要开发方向为人机聊天、自动生成代码、旅游图鉴等，本书案例主要包括系统架构、系统流程、开发环境、开发工具、系统实现、功能测试等内容。 本书中所述案例多样化，可满足不同层次的人员需求； 同时，本书附赠视频讲解、工程文件、拓展知识、插图素材、程序代码，供读者自我学习和自我提高使用。 本书可作为大学信息与通信工程及相关专业的本科生教材，也可作为从事物联网、创新开发和设计的专业技术人员的参考用书。 本书封面贴有清华大学出版社防伪标签，无标签者不得销售。 版权所有，侵权必究。举报： 01062782989， beiqinquan@tup.tsinghua.edu.cn。 图书在版编目 （CIP） 数据 大模型应用开发: 深入理解30个可执行案例设计/李永华, 刘宇沛, 孙玉江编著.  北京: 清华大学出版社, 2025.1.  (计算机科学与技术丛书).  ISBN 9787302676492 Ⅰ. TP311.1 项目3 教学资源 项目3 生 成 戏 文  本项目基于HTML结构内容，使用CSS进行样式设计、应用JavaScript建立执行逻辑，依靠百度智能云千帆大模型调用开放的API，实现生成戏文的功能。 3．1总体设计 本部分包括整体框架和系统流程。 3．1．1整体框架 整体框架如图31所示。 图31整体框架 3．1．2系统流程 系统流程如图32所示。 图32系统流程 3．2开发环境 本节主要介绍VS Code、Node．js和Live Server插件的安装过程，给出所需要的依赖环境配置，并介绍大模型API的申请步骤。 3．2．1安装VS Code 安装VS Code参见2．2．1节。 除此以外，项目开发还需要安装Live Server插件，步骤如下： ①运行VS Code，单击“扩展”()按钮，如图33所示； ②在搜索栏中输入 Live Server进行安装，如图34所示。 图33运行VS Code 图34安装Live Server 3．2．2安装Node．js 安装Node．js参见2．2．2节。 3．2．3环境配置 项目框架包括LayUI、BootStrap和jQuery，均安装在本地．/asset/lib目录下。 (1) LayUI遵循原生 HTML/CSS/JS 的书写与组织形式，属于轻量级框架，简单美观。它适用于开发后端模式，在服务器端界面上有非常好的效果。 (2) LayUI可以在官网首页或更新日志界面下载，如图35所示。 图35下载LayUI (3) LayUI还可以在命令提示符(command，cmd)终端中通过npm指令下载或者使用第三方内容分发网络(Content Delivery Network，CDN)方式引入，详情如下。 BootStrap是由Twitter公司开发的前端框架，用于快速开发Web应用程序和网站。它使用的是基于HTML、CSS和JavaScript提供一系列组件，包括表单、按钮、导航等。同时，BootStrap还有一套基于栅格系统的响应式设计，可以在不同设备上呈现出最佳效果。 jQuery是一个库，包括HTML元素的选取、事件处理和Ajax操作。使用jQuery可以更容易编写可维护的JavaScript代码，同时提高跨浏览器的兼容性。 3．2．4大模型API申请 百度智能云千帆大模型API申请参见1．2．4节。 3．3系统实现 本项目使用VS Code开发环境搭建Web项目，文件结构如图36所示。 图36文件结构 3．3．1头部 定义文档字符和设置网页样式的相关代码如下。 <!--京剧传承人-创作 3．3．2样式