前言

uni-app是DCloud团队推出的一款使用Vue.js开发前端应用的开源框架，该框架最为突出的特点是“开发一次，多端覆盖”，即开发者编写一套代码，可发布到iOS、Android、Web（响应式），以及各种小程序（微信、支付宝、百度、头条、飞书、QQ、快手、钉钉、淘宝）、快应用等多种平台。使用uni-app框架可以很大程度地降低开发者跨平台开发的学习成本和开发成本。uni-app官方文档中介绍到，“即使不跨端，uni-app也是更好的小程序开发框架、更好的App跨平台框架、更方便的H5开发框架。”现在，uni-app已经是业内风靡的应用框架，支撑着数以亿计的活跃手机用户的庞大生态。

“启嘉校园”是一款集校园社交和二手交易于一体的小程序项目，由河北软件职业技术学院软件工程系的师生共同研发，目前已在河北软件职业技术学院上线运行。“启嘉校园”项目的应用场景与学生的校园生活紧密贴合，作为贯穿全书的项目案例，可以帮助读者更好地理解学习内容。

本书是一本以项目为导向、任务为驱动的理实一体化教材，以实际工作中的项目开发流程（“项目开发准备”“项目实施”“项目测试”和“项目部署与发布”），将“启嘉校园”项目的功能模块拆分成11个任务，每个任务中通过“任务描述”和“学习目标”明确学习内容和重、难点，通过“知识储备”讲解任务所需的理论知识，通过“任务实施”面向实际开发过程，分多个子任务和步骤介绍任务的实施过程，通过“任务测试”和“学习自评”检验任务实施效果和学习成果，通过“课后练习”巩固所学知识和技能，通过“任务拓展”拓展知识、强化实操练习。此外，本书还穿插名师解惑、逻辑分析、设计图分析等环节，帮助读者深入理解学习内容。

本书特点

（1）教材融入思政，提升思想品德素养。

本书将“实施科教兴国战略，强化现代化建设人才支撑”作为指导思想，坚持科技是第一生产力、人才是第一资源、创新是第一动力。同时探索将党的二十大精神和教材中的项目、知识、技术等内容有机融合，比如在任务实施过程中强调技术创新、科技创新和加强安全意识等。

（2）面向初学者，还原真实项目开发流程。

真实项目的开发全流程贯穿全书，不仅为读者提供了完整的项目开发资源，包括需求文档、设计图、项目源代码、API等，而且从需求分析到开发、测试，再到部署上线，覆盖了项目开发过程中的每一个环节。此外，本书还对开发规范和性能优化有详细的讲解，这对读者提升技术能力和开发经验有很大的帮助。

（3）名师解惑，优化重、难点知识讲解。

本书在代码讲解环节，针对重、难点知识和技术添加了工作经验丰富的高校教师与一线企业工程师的讲解，将晦涩难懂的知识通过通俗易懂的方式进行讲解，能够有效地帮助读者学习和理解所学内容。

（4）配套资源丰富，线上线下结合。

本书配套“启嘉书盘”（https://book.change.tm/）教材支撑平台，提供了丰富的数字化教材资源，如微课视频、教案、教学设计、作业、题库等，使读者可以更加立体、多样地阅读和学习，从而提高学习效果。

读本书之前需要掌握的知识

本书面向uni-app初学者，书中会尽量介绍那些必要的基础知识，但仍然希望读者在学习本书之前掌握如下知识。

• 掌握HTML5（H5）、CSS3和JavaScript（ECMAScript 6），能够完成静态页面开发。

• 掌握Vue.js的基本用法，如语法、条件/列表渲染、事件处理、组件等。

• 了解微信小程序开发流程，能够通过查阅微信开放平台学习小程序开发技术。

读者反馈

尽管我们对本书内容进行了多次检查，但书中仍然难免会出现一些不足之处，欢迎各界专业人士和读者提出宝贵意见，我们将不胜感激。您在阅读本书时，如果发现任何问题或有不认同之处，可以通过电子邮件与我们取得联系。电子邮箱：fanyuekun@hbsi.edu.cn。

编者