鸿蒙应用项目分享：我的鸿蒙毕设：基于HarmonyOS的任务看板平台【四点一】：导入项目并运行！

已于 2023-04-19 00:10:04 修改
阅读量3.2k 收藏 33
点赞数 5
分类专栏： HarmonyOS应用开发 文章标签： harmonyos 华为
于 2022-12-03 14:31:04 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43266597/article/details/128160504
版权

对不起我鸽了，来更新一篇

很多人都很喜欢这个项目，所以本文讲的是如何导入项目到自己的电脑上去并运行起来。这次给的代码我修改了一部分，保留了最初的很多注释，可以给大家带来比较清晰的理解。

项目地址

导入项目后需要修改的地方：

1 让你的鸿蒙手机连接电脑并打开开发者模式，然后打开USB调试

2 密钥更新

按照下图的方式，打开密钥登录方式，点击【Sign】登录华为账号即可，登陆完点点击右下角OK。
登录
更新完毕之后，文件【build.gradle】中的 debug 部分的密钥也会随之更新，没有就自动生成。

build.gradle

3 更新SDK位置

在文件local.properties 中更换你自己的 SDK 位置，NodeJs没有的可以搜索引擎搜索其官网下载一个并配置一下环境变量。

NodeJS 官网：https://nodejs.org/en/

SDK位置

如图找不到对应位置的文件该怎么办呢？

步骤如下：

查看 build.gradle 文件，发现其编译的 SDK 版本为 7

版本

按照如下图所示的安装完 API 7 的所有组件后发现，还没有，嘻？怎么办呢，我来告诉大家一个好办法

直接给他删了！哈，就是这样。
API版本

更新完就是这个样子了

修改后

4 编译

OK，接下来，先清空 Build

clean

发现诸如这个东西的报错，直接不管，因为这个类需要 build 之后才生成。

报错

OK，那么接下来直接 Build
在这里插入图片描述

好了又报错了，哦，这个地方没有改，那么根据提示，都是SDK的位置不对，小问题，直接按照SDK的位置对应修改。

小技巧：找不到这种报错位置？ Ctrl + Shift + A 全文查找，直接搜索报错的 3.0.0.1，直接找到！

报错位置
修改

小技巧：Ctrl + R 替换

然后重新Build，然后直接成功

Build

然后点击运行，结束~

运行

重要提示：

【一】我用的手机投屏软件：scrcpy，不会用的小伙伴，留个言我可以出一个三步走，秒投屏巨好用，也可以网上搜教程。

【二】欢迎界面和注册界面的输入手机号均加入了检测，检测是否是正常手机号，推荐用：16655554444，为什么？因为输入快。如果就觉得调试麻烦，可以关闭检查，步骤如下：

先打开 注册页面 ，找到校验的地方

注册

打开对应的类，可以用 Ctrl + 鼠标左键点击 类名 快速跳转

校验类

直接修改 这个函数返回 true 即可，修改后的如下图

修改后的
登录页面 和这个相同，也是跳转到这里，但不再需要修改了。

【三】密码用 1 即可。

【四】照片问题

因为是本地应用，所以选择的照片，例如头像等，并没有做存储，是直接拿去相册里面的数据，使用的照片不要删除，不然程序找不到照片就 Game Over（崩溃）了。

声明

HELLO，EVERYONE：

这里分享我自己的毕业设计构建过程，除软件内使用的个别图标以外，部分界面参考出处和图标出处会在文末标出，本文全部内容仅为学习使用。

精益求精 – FelixCai / FelixCJY

Felix Cai
关注
  • 5
    点赞
  • 踩
  • 33
    收藏
    觉得还不错? 一键收藏
  • 15
    评论
专栏目录
鸿蒙HarmonyOS从零实现类微信app效果第一篇，基础界面搭建
步行者
11-14 1048
最近鸿蒙HarmonyOS开发相关的消息非常的火，传言华为系手机后续将不再支持原生Android应用，所以对于原Android应用开发对应的Harmony版本也被一系列大厂提上了日程。作为一个名义上的移动端开发工程师（(⊙o⊙)…，最近写python多过Android），当人不让要来学习一波。本次的学习计划是实现一个类微信app效果，计划将常规的app效果都实现一下，以便后续如果需要写Harmony应用，可以直接上手。由于我本人有多年的开发经验和多种语言的开发经验，对于Javascript和。
前端都在卷鸿蒙？推荐 12 个 热门的开源鸿蒙实战项目
shudaoshanQAQ的博客
01-24 2516
随着鸿蒙操作系统（HarmonyOS）的崛起，华为自主研发的这款操作系统已经吸引了无数关注。本文将分享 12 个开源的鸿蒙实战项目，无论你是鸿蒙领域的新兵，还是经验丰富的老将，希望能从这些项目中获得启发和实用经验。
【鸿蒙实战开发项目】HarmonyOS原生应用开发小游戏你画我猜
最新发布
HarmonyOS_001的博客
06-28 1058
有很多小伙伴不知道该从哪里开始学习鸿蒙开发技术？也不知道鸿蒙开发的知识点重点掌握的又有哪些？自学时频繁踩坑，导致浪费大量时间。结果还是一知半解。所以有一份实用的鸿蒙（HarmonyOS NEXT）全栈开发资料用来跟着学习是非常有必要的。获取完整版高清学习资料，请点击→鸿蒙全栈开发学习资料（安全链接，请放心点击）
基于鸿蒙系统开发记事本设计与实现源码(毕设项目).zip
08-09
基于鸿蒙系统开发记事本设计与实现源码(毕设项目) 【项目介绍】 该资源内项目代码都是经过测试运行成功，功能ok的情况下才上传的，请放心下载使用！ 本项目适合计算机相关专业(如计科、人工智能、通信工程、自动化、电子信息等)的在校学生、老师或者企业员工下载使用，也适合小白学习进阶， 或者实际项目借鉴参考！ 当然也可作为毕设项目、课程设计、作业、项目初期立项演示等。如果基础还行，也可在此代码基础上进行修改，以实现其他功能。 用华为提供的ide打开ToDoListApplication ide下载地址 https://developer.harmonyos.com/ 更改时需要了解的文件夹 \entry\src\main \java\com\example\todolistapplication \Item ............................可能用到的数据类 \slice .............................页面类 \Utils .............................工具类 \*DataAbility.java.......提供数据库服务的类(表结构也在里面 \*Ability.java................初始化Ability用的，不要管 \resources\base \graphic.........................UI组件背景所有xml \layout...........................页面xml \media............................所用素材
鸿蒙应用项目分享：我的鸿蒙毕设：基于HarmonyOS的任务看板平台【一】：项目整体介绍
Felix Cai 的世界
06-14 8486
鸿蒙项目初步分享，基于HarmonyOS的任务看板平台设计与实现，项目是我的毕业设计，此文分享APP内样式，后续逐步分享代码。基于精益思想，看板方法，参考飞书APP中的板栗看板和Trello应用。JAVA实现大部分内容。分享内容仅用于个人学习。...
HarmonyOS鸿蒙移动应用开发
07-06
该课程以新生的HarmongOS操作系统为基础，讲解学习基于HarmongOS的移动应用开发技术，全面学习鸿蒙移动应用开发技术，开启鸿蒙开发新航程，支持国产操作系统发展，推广鸿蒙操作系统，促进HarmonyOS技术生态发展。
毕业设计--智能环境监测系统基于harmonyOS的移动端应用开发
热门推荐
Yxisobai的博客
10-09 1万+
毕业设计--智能环境监测系统基于harmonyOS的移动端应用开发。毕业设计论文复制了一下，删删改改。
基于HarmonyOS的任务看板平台-源码
12-03
鸿蒙应用项目分享：我的鸿蒙毕设：基于HarmonyOS的任务看板平台，文章中提到的源码。原文见：https://blog.csdn.net/qq_43266597/article/details/128160504?spm=1001.2014.3001.5501
软件看板之父DavidAnderson：使用看板方法进行项目管理
02-26
我是项目经理，我的组织正在采用Kanban，它对我意味着什么？以及我应该在工作中如何使用看板？在企业已经实施的看板体系中，你的现有角色并未发生改变，仍然是项目经理。然而，为了在已经实施的看板系统中充分利用可...
毕设&课设&项目&实训-开源mes系统： layui + mysql, 看板和后端独立 。.zip
02-04
开源mes系统：Java springboot + layui + mysql, 看板和后端独立 。精美的大屏幕看板，支持低代码大屏设计。 丰富的物联网数据采集组件， 数据采集和后端主程序独立，通过MQ通讯。 支持和ERP，WMS系统对接。 【项目...
基于鸿蒙系统开发记事本设计与实现源码毕设项目.zip
05-05
该资源内项目代码都是经过测试运行成功，功能ok的情况下才上传的，请放心下载使用！ 本项目适合计算机相关专业(如计科、人工智能、通信工程、自动化、电子信息等)的在校学生、老师或者企业员工下载使用，也适合小白学习进阶， 或者实际项目借鉴参考！ 当然也可作为毕设项目、课程设计、作业、项目初期立项演示等。如果基础还行，也可在此代码基础上进行修改，以实现其他功能。 用华为提供的ide打开ToDoListApplication ide下载地址 https://developer.harmonyos.com/ 更改时需要了解的文件夹 \entry\src\main \java\com\example\todolistapplication \Item ............................可能用到的数据类 \slice .............................页面类 \Utils .............................工具类 \*DataAbility.java.......提供数据库服务的类(表结构也在里面 \*Ability.jav
将看板应用于软件开发：从敏捷到精益
02-01
如今在敏捷软件开发中，项目的可视化（例如在墙壁上放置任务卡片就是常见的实践）往往被叫做“软件看板”，或者“任务看板”。我们甚至可以看到一些产品维护团队在类似瀑布过程模型中使用看板系统。那么，看板到底是...
基于鸿蒙系统的智能衣柜管理系统设计与实现_kaic
涉及毕业论文、远程调试、小程序、管理系统、JAVA、C#、IDEA、VS开发工具等
05-20 2148
为了满足当前人们对智能衣柜的需求，本设计将采用华为公司面向物联网时代的操作系统-鸿蒙操作系统进行智能衣柜管理系统的设计与实现，衣柜的管理系统需要采集衣柜的环境参数，因此采用Hi3861V100芯片作为主控芯片采集数据并处理后做出控制，该系统将鸿蒙操作系统作为下位硬件及上位终端共同的底层操作系统，产品的软硬件两部分都处在共同的鸿蒙系统生态中，通过WIFI进行软硬件通信以达到控制终端与衣柜互联互通的目的。随着城市的扩大与科学技术的发展，人们逐渐开始关注衣柜功能的改进，存储效果的优化和智能使用的升级。
HUAWEI DevEco Studio教程三（鸿蒙HarmonyOS）
跟老刘一起学编程
09-21 6363
目录导入Sample介绍导入过程 导入Sample 介绍 DevEco Studio支持HarmonyOS Sample工程的导入功能。通过对接Gitee开源社区中的Sample资源，可导入Sample工程到DevEco Studio中。 导入过程 在DevEco Studio的欢迎页中，进入Configure > Settings > Version Control > Git界面，通过点击Test按钮检测是否安装Git工具。 如果已经安装，直接跳过引用部分内容。 如果没有安装
鸿蒙应用程序开发视频教程
08-12
本课程为《鸿蒙应用程序开发》 董昱 著 书籍的配套视频教程。该图书定位为鸿蒙应用程序开发的入门教程，成体系的介绍鸿蒙应用开发的基础知识，面向所有对鸿蒙操作系统感兴趣的学生、开发者和相关从业人员。全书分为10章。第1章到第3章介绍了鸿蒙应用程序开发的基础知识，从创建应用程序工程开始手把手介绍用户界面开发的基本流程。第4章和第5章按照Java和JavaScript这两种编程语言分别介绍了用户界面开发的基本知识。第6章到第10章介绍了鸿蒙应用程序开发的众多基础特性，包括通知、公共事件、Service Ability、数据持久化、Data Ability、网络访问、媒体访问、相机拍照、订阅传感器、获取地理位置等众多功能。相信通过这些知识的学习，读者能够独立完整的开发一个鸿蒙应用程序了。
java毕业设计基于HarmonyOS的教学互动系统小程序[附源码]
and867的博客
03-23 412
该系统的开发与应用还将促进国产操作系统在教育领域的广泛应用，推动我国教育信息化的自主可控，加强软件国产化的进程，具有重要的社会意义和战略价值。HarmonyOS（鸿蒙操作系统）作为一款全新的、开源的操作系统，由华为推出并积极推广，其面向全场景的设计理念和跨设备的无缝连接能力，为教育领域提供了新的技术平台和创新空间。后端由Spring Boot提供支持，前端由Vue.js构建，数据存储和管理通过MySQL和Navicat实现，整个开发流程由Maven进行管理，并在Tomcat服务器上运行。
[附源码]java+ssm计算机毕业设计基于鸿蒙系统的教师教学质量问卷调查系统267pq(源码+程序+数据库+部署)
sheji510的博客
03-20 152
Jdk1.8 + Tomcat7.0 + Mysql + HBuilderX（Webstorm也行）+ Eclispe（IntelliJ IDEA,Eclispe,MyEclispe,Sts都支持）。2. 前端：L ayui+css+javascript+jQuery+ElemenUI+highcharts。SSM + mybatis + Maven + JSP 等等组成，B/S模式 + Maven管理等等。2. 使用IDEA/Eclipse/MyEclipse导入项目，修改配置，运行项目；
创建一个jenkins-client-java + Vue前端操作数据看板的项目
06-12
您需要完成以下步骤来创建一个Jenkins + Vue的操作数据看板项目： 1. 创建一个Maven项目 ``` mvn archetype:generate -DgroupId=com.example -DartifactId=jenkins-dashboard -DarchetypeArtifactId=maven-archetype-quickstart -DinteractiveMode=false ``` 2. 添加以下依赖项到pom.xml文件中： ``` <dependencies> <dependency> <groupId>com.offbytwo.jenkins</groupId> <artifactId>jenkins-client</artifactId> <version>0.3.10</version> </dependency> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-web</artifactId> </dependency> </dependencies> ``` 3. 创建一个名为“JenkinsClientService”的Java类，并添加以下代码： ``` import com.offbytwo.jenkins.JenkinsServer; import com.offbytwo.jenkins.model.Build; import com.offbytwo.jenkins.model.BuildResult; import com.offbytwo.jenkins.model.BuildWithDetails; import com.offbytwo.jenkins.model.Job; import org.springframework.stereotype.Service; import java.io.IOException; import java.net.URI; import java.net.URISyntaxException; import java.util.List; import java.util.Map; import java.util.stream.Collectors; @Service public class JenkinsClientService { private JenkinsServer jenkins; public JenkinsClientService() throws URISyntaxException { jenkins = new JenkinsServer(new URI("http://localhost:8080"), "admin", "admin"); } public List<String> getJobs() throws IOException { Map<String, Job> jobs = jenkins.getJobs(); return jobs.values().stream().map(Job::getName).collect(Collectors.toList()); } public BuildWithDetails getLastBuild(String jobName) throws IOException { Job job = jenkins.getJob(jobName); Build lastBuild = job.getLastBuild(); return lastBuild.details(); } public BuildResult getBuildResult(String jobName, int buildNumber) throws IOException { Job job = jenkins.getJob(jobName); Build build = job.getBuildByNumber(buildNumber); return build.details().getResult(); } } ``` 请将“http://localhost:8080”，“admin”和“admin”替换为您的Jenkins服务器URL，用户名和密码。 4. 创建一个名为“JenkinsController”的Java类，并添加以下代码： ``` import com.offbytwo.jenkins.model.BuildResult; import com.offbytwo.jenkins.model.BuildWithDetails; import org.springframework.beans.factory.annotation.Autowired; import org.springframework.web.bind.annotation.GetMapping; import org.springframework.web.bind.annotation.PathVariable; import org.springframework.web.bind.annotation.RestController; import java.io.IOException; import java.util.List; @RestController public class JenkinsController { @Autowired private JenkinsClientService jenkinsClient; @GetMapping("/jobs") public List<String> getJobs() throws IOException { return jenkinsClient.getJobs(); } @GetMapping("/jobs/{jobName}/lastBuild") public BuildWithDetails getLastBuild(@PathVariable String jobName) throws IOException { return jenkinsClient.getLastBuild(jobName); } @GetMapping("/jobs/{jobName}/builds/{buildNumber}/result") public BuildResult getBuildResult(@PathVariable String jobName, @PathVariable int buildNumber) throws IOException { return jenkinsClient.getBuildResult(jobName, buildNumber); } } ``` 5. 创建一个名为“app.js”的Vue文件，并添加以下代码： ``` <template> <div id="app"> <h1>Jenkins Dashboard</h1> <ul> <li v-for="job in jobs" :key="job"> <h2>{{ job }}</h2> <p>Last build status: {{ getLastBuildStatus(job) }}</p> <button @click="buildJob(job)">Build now</button> </li> </ul> </div> </template> <script> import axios from 'axios'; export default { name: 'app', data() { return { jobs: [] } }, mounted() { axios.get('/jobs') .then(response => { this.jobs = response.data; }); }, methods: { getLastBuildStatus(jobName) { axios.get(`/jobs/${jobName}/lastBuild`) .then(response => { return response.data.result; }); }, buildJob(jobName) { axios.post(`/jobs/${jobName}/build`) .then(response => { console.log(response.data); }); } } } </script> ``` 6. 创建一个名为“index.html”的文件并添加以下代码： ``` <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Jenkins Dashboard</title> </head> <body> <div id="app"></div> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <script src="app.js"></script> </body> </html> ``` 7. 创建一个名为“App.java”的Java类，并添加以下代码： ``` import org.springframework.boot.SpringApplication; import org.springframework.boot.autoconfigure.SpringBootApplication; @SpringBootApplication public class App { public static void main(String[] args) { SpringApplication.run(App.class, args); } } ``` 8. 运行以下命令启动应用程序： ``` mvn spring-boot:run ``` 现在，您已经创建了一个Jenkins + Vue操作数据看板项目。您可以通过在浏览器中打开“http://localhost:8080”来查看该应用程序。
评论 15
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值