不写一行代码优化《人员行程登记表》，实战解决行政收集信息难问题

迈不过友情╰ 2023-09-30 07:15 4阅读 0赞

这是公司行政部门的真实需求，调查公司所有人的14天行程数据，目前她们的实施步骤如下所示。

1.  在VX群通知大家需要补齐信息
2.  发布一个腾讯协作文档
3.  大家同步编辑，下载文档。

是不是看到了自己公司行政部门的影子？

今天我们就把这个流程使用 AppCube+Welink 优化掉，低代码10分钟，即可完成该操作。

对于注册账号等基本信息，大家可以参考 [沉浸式体验 AppCube + WeLink 发布一款应用][AppCube _ WeLink]

### 创建AppCube 模板 ###

打开[轻应用模板创建地址][Link 1]，选择其中的问卷调查高阶项目，你也可以完全从零去创建一个空白项目，不影响具体的使用，但该形式会对AppCube的使用有技术要求，需要提前熟悉一下。

![不写一行代码优化《人员行程登记表》，实战解决行政收集信息难问题【AppCube X WeLink双剑合璧】][AppCube X WeLink]

![不写一行代码优化《人员行程登记表》，实战解决行政收集信息难问题【AppCube X WeLink双剑合璧】][AppCube X WeLink 1]

这些必填项是标签，这个标签就是用于展示的名称，但是最终APP得名称还是可以修改的。

### 修改全局配置 ###

当心的APP创建完毕，系统会自动给我们生成很多代码，具体如下所示。

![不写一行代码优化《人员行程登记表》，实战解决行政收集信息难问题【AppCube X WeLink双剑合璧】][AppCube X WeLink 2]

其中 Model，Page，Logic 是三个比较重要的文件夹，分别对应我们平常编程中的数据实体，页面，逻辑三部分内容。

由于我们目标是在手机端进行配置，所以选择手机端页面布局即可，配置流程参考下述数字。

![不写一行代码优化《人员行程登记表》，实战解决行政收集信息难问题【AppCube X WeLink双剑合璧】][AppCube X WeLink 3]

大家如果发现页面无法编辑，请首先获取锁，解开之后就可以进行页面的操作了，执行完成注意点击保存。

![不写一行代码优化《人员行程登记表》，实战解决行政收集信息难问题【AppCube X WeLink双剑合璧】][AppCube X WeLink 4]

### 发布站点进行测试 ###

首先点击预览，可以进入到问卷管理页面，在这里你可以创建特定的问卷。

这也是 AppCube 比较强大的地方，自动集成了问卷管理功能。

![不写一行代码优化《人员行程登记表》，实战解决行政收集信息难问题【AppCube X WeLink双剑合璧】][AppCube X WeLink 5]

编译和发布依旧参考开篇博客进行设置，编译前选择资产包。

![不写一行代码优化《人员行程登记表》，实战解决行政收集信息难问题【AppCube X WeLink双剑合璧】][AppCube X WeLink 6]

![不写一行代码优化《人员行程登记表》，实战解决行政收集信息难问题【AppCube X WeLink双剑合璧】][AppCube X WeLink 7]

编辑之后就可以发布到 WeLink 了，点击控制台左下角按钮即可。

![不写一行代码优化《人员行程登记表》，实战解决行政收集信息难问题【AppCube X WeLink双剑合璧】][AppCube X WeLink 8]

发布到 Welink 之后，在正式发布前还可以进行一些基础配置。

![不写一行代码优化《人员行程登记表》，实战解决行政收集信息难问题【AppCube X WeLink双剑合璧】][AppCube X WeLink 9]

这里存在一个问题：由于问卷管理系统是基于PC端进行的设计，所以我们尽量在PC端进行问卷的建立与管理，直接预览管理页面的话会出现如下乱版情况，当然你可以针对该页面进行移动端适配，不过流程会变得复杂很多。

![不写一行代码优化《人员行程登记表》，实战解决行政收集信息难问题【AppCube X WeLink双剑合璧】][AppCube X WeLink 10]

此时就会发现我们刚才设置的应用首页地址就会起到作用，你可以直接访问如下地址（系统生成的）进行问卷管理

https://appcube.cn-north-4.huaweicloud.com/studio/mobileLogin.html?redirect=xxxxxxxxx&login_from=welink&tenant_id=xxxxxxxxxpMW&type=pc

预览之后先创建一张问卷，部分问题如下所示。

![不写一行代码优化《人员行程登记表》，实战解决行政收集信息难问题【AppCube X WeLink双剑合璧】][AppCube X WeLink 11]

页面创建完毕，回到问卷列表页面，效果图如下所示：

![不写一行代码优化《人员行程登记表》，实战解决行政收集信息难问题【AppCube X WeLink双剑合璧】][AppCube X WeLink 12]

此时注意右侧的分享链接，点击会发现一个分享到 Welink 的选项。

![不写一行代码优化《人员行程登记表》，实战解决行政收集信息难问题【AppCube X WeLink双剑合璧】][AppCube X WeLink 13]

分享链接到手机端进行访问，一套带管理系统的问卷应用就落地了。

![不写一行代码优化《人员行程登记表》，实战解决行政收集信息难问题【AppCube X WeLink双剑合璧】][AppCube X WeLink 14]

此时行政人员可以直接进入后台查阅用户提交的问卷，直接导出结果也是可以的。

![不写一行代码优化《人员行程登记表》，实战解决行政收集信息难问题【AppCube X WeLink双剑合璧】][AppCube X WeLink 15]

### 总结 ###

如果你们正在应用 Welink 作为企业内部通讯工具，那使用 AppCube 配合 Welink 一定能够打造出适配性更强的 APP。

[AppCube _ WeLink]: https://bbs.huaweicloud.com/blogs/335893
[Link 1]: https://appcube.cn-north-4.huaweicloud.com/studio/index.html#/quick-app-template
[AppCube X WeLink]: https://img-blog.csdnimg.cn/img_convert/dde12a5e45fc28aeb7ad0c767950fb4d.png
[AppCube X WeLink 1]: https://img-blog.csdnimg.cn/img_convert/1b0fbf26a1917d1b31bf63e0088b469b.png
[AppCube X WeLink 2]: https://img-blog.csdnimg.cn/img_convert/5bafb96f78ec999654a01fc1ac1fbd5e.png
[AppCube X WeLink 3]: https://img-blog.csdnimg.cn/img_convert/792e0979d0f54f23be783777d43f3f97.png
[AppCube X WeLink 4]: https://img-blog.csdnimg.cn/img_convert/7d82f48547d17eb0f2d2037aac7251cb.png
[AppCube X WeLink 5]: https://img-blog.csdnimg.cn/img_convert/6d8b290347f8b52433683a6b286006fa.png
[AppCube X WeLink 6]: https://img-blog.csdnimg.cn/img_convert/2f0d8e1f95403b8f9d5005b063d7f3cd.png
[AppCube X WeLink 7]: https://img-blog.csdnimg.cn/img_convert/1be305226539fd58910b54f77b7c75fa.png
[AppCube X WeLink 8]: https://img-blog.csdnimg.cn/img_convert/6e7482292a024c6a24e009cc1f90ba26.png
[AppCube X WeLink 9]: https://img-blog.csdnimg.cn/img_convert/f0ce99fff70d0b9500229fc036612ca9.png
[AppCube X WeLink 10]: https://img-blog.csdnimg.cn/img_convert/554ba4fbc5ec11237b8cff947a98dde5.png
[AppCube X WeLink 11]: https://img-blog.csdnimg.cn/img_convert/2ce85a43cb82ad2beeb292c3512bb358.png
[AppCube X WeLink 12]: https://img-blog.csdnimg.cn/img_convert/f6acfdc753440bbbff2116dd18cba855.png
[AppCube X WeLink 13]: https://img-blog.csdnimg.cn/img_convert/2a82d08363a02895d7aff0f9c1485926.png
[AppCube X WeLink 14]: https://img-blog.csdnimg.cn/img_convert/2a98e577b9bfe2229990fd8ec6461603.png
[AppCube X WeLink 15]: https://img-blog.csdnimg.cn/img_convert/e550cd8a4742c92274f724a3185c48d0.png