华为云账号：hw_h0ss

一、分享初衷

        大家好，我是一名大二的学生，参加过四次与AppCube相关的DevCloud大赛，在比赛过程中深刻感受到低代码平台给开发者带来的诸多便利。与传统的开发模式相比，基于AppCube的开发只需要一台电脑、一个浏览器即可，减少了搭建开发环境的繁琐过程，让开发者可以真正专注于应用开发。

        相信同学们在学习完官方的课程之后，很大程度上了解了有关平台的理论内容，但可能在实操时仍不知道如何去进行应用的构建，导致应用无法成型。回顾自己学习、上手平台的过程，很大程度都是依靠平台的文档去完成初步的认识，然后通过实操训练不断巩固，因此更加确信了实践的重要性。在有多次开发经验的背景下，我也希望我所学到的内容可以帮助到更多的同学更快的熟悉和应用AppCube平台，真正的能够使用这一平台去实现应用的落地，而不是对着文档不知所措。所以萌生了一个想法：制作一个视频讲解，从一个普通学生的视角出发，演示如何在AppCube平台上设计开发一个应用。恰逢华为云智慧校园应用创新大赛，因而有了这一次分享。

二、应用设计构思

        这个应用主要是讲解如何完成一个应用的构建，所以逻辑和功能上都比较简单。

        首先这个选题是怎么确定的呢？有一天去图书馆，看到有同学在借阅图书，整个过程都是人工在操作，所以产生了制作简单借阅系统的想法。校园应用创新大赛就是这样，平时看到或者体验到有哪些不顺畅的地方，就可能存在应用创新的点，然后再考虑有没有可能实现。

        同样当我有了图书馆借阅系统的想法后，接下来就是敲定具体细节了。

        1）应用的主要功能，最基本的就是贡献图书、借阅图书、归还图书这三个功能点；

        2）功能确定之后，需要一个数据库表用于存储数据，这里利用的是平台的对象建立功能，用于存储图书的各种信息；

        3）有了数据之后，还需要前端页面展示，因此需要用到平台的标准页面，在模型视图中添加对应的数据模型映射到我们之前建好的数据对象，然后由页面上的组件去从模型中获取数据，并展示给用户；

        4）数据展示也好了，那么当用户在贡献图书、借归图书时需要对数据进行操作，这怎么实现呢？答案是建立一个脚本去操作数据对象，对数据进行增删改查等。完成脚本功能之后还需要回到标准页面，将脚本和对应的组件去进行绑定。

        至此，我们就完成了应用的构建操作。那么具体如何操作呢？

三、应用设计剖析

        1）对象建立：新建一个对象BookInfos，用于存储图书信息。字段设计方面，复用平台标准字段name，更改标签名为图书名称，新建七个自定义字段，分别为类别【选项】、简介【文本区】、作者【文本】、贡献者【查找user】、当前状态【选项】、当前借阅人【查找user】、借阅时间【时间】。其中状态选项为：闲置、借阅中；

        2）后端脚本：新建脚本editBookInfo，用于添加、修改图书信息。用户在贡献、借阅、归还图书时调用该脚本。确定脚本入参为图书信息对象，由前端页面模型传入。出参为图书信息ID，指示脚本执行情况；

        3）前端页面：a、新建贡献图书页面，页面设置标题组件以及表单组件，表单用于获取用户输入的图书信息，点击提交后调用后端脚本，将信息添加到BookInfos对象中；b、新建借阅图书界面，页面设置标题组件以及表格容器组件，容器中分条显示当前闲置的图书信息，并且每条信息提供一个“借阅”按钮，用于完成借阅操作；c、新建归还图书界面，设置标题组件以及表格容器组件，显示当前用户的所有借阅图书信息，每条信息后添加“归还”按钮，用于完成归还操作。

四、总结

        本次分享仅展示如何通过AppCube平台快速搭建一个应用的流程，所以应用的内部逻辑、页面展示方面可能并不完美。同学们可以基于本次分享的流程以及自己的想法去完成一个属于自己的应用，或者接着这一思路去拓展其他应用，增加一些复杂的逻辑、功能和设计，完成一个功能更加强大、页面更加美观的校园应用。

        最后祝同学们在探索的过程中都能有所收获！

五、应用构建视频讲解