HarmonyOS鸿蒙Next中基于JSUI开发的星座运势APP完整代码分享；应用+服务卡片+API

技术栈

设计

采用的Adobe XD,整体设计稿如下图：

规划中，暂未实现的设计：

接口

该项目Api部分采用了.net5进行开发

QQ截图20211119161135.png

数据

该项目的运势数据来源于聚合数据的免费API，项目中token未作删除，可以换成自己的token做数据拉取，token在Cons.Service.JuheData.Base.JuheOption里；由于聚合的免费api每日限制100次，因此建议替换成你们自己的。项目中用到的老黄历数据则来源于公网，整个需要你们自己解决，代码作了移除。如有交流需要可以加群获取

应用

真机效果图

Screenshot_20211119_161909_com.lynn.cons.jpg Screenshot_20211119_161840_com.lynn.cons.jpg Screenshot_20211119_161828_com.lynn.cons.jpg Screenshot_20211119_161823_com.huawei.android.lau.jpg

代码结构

Java部分

JSUI部分部分

开源地址

所有源码均已上传；包含设计稿源文件

HarmonyOS开发交流

更多关于HarmonyOS鸿蒙Next中基于JSUI开发的星座运势APP完整代码分享；应用+服务卡片+API的实战教程也可以访问 https://www.itying.com/category-93-b0.html

itying888 1楼

哇塞，界面设计简直太棒了！学习了，

更多关于HarmonyOS鸿蒙Next中基于JSUI开发的星座运势APP完整代码分享；应用+服务卡片+API的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html

eggper 2楼

在HarmonyOS鸿蒙Next中，基于JSUI开发星座运势APP的完整代码涉及多个模块。首先，应用主体部分使用JSUI框架构建界面，通过@ohos.router实现页面跳转。服务卡片部分使用@ohos.app.form创建动态卡片，展示星座运势信息。API部分通过@ohos.net.http调用第三方星座运势API获取数据，并解析JSON格式。代码结构包括pages目录存放页面文件，common目录存放公共组件，resources目录存放资源文件。具体实现需结合HarmonyOS开发文档和API文档进行详细开发。