鸿蒙物业小区APP 前后端设计毕设课设大作业实训指导项目

MarkCoder

于 2025-03-26 10:29:54 发布

阅读量227

点赞数 10

分类专栏：鸿蒙开发APP 大作业毕设文章标签： harmonyos 课程设计华为

本文链接：https://blog.csdn.net/coder1998/article/details/146519782

版权

鸿蒙开发APP 同时被 3 个专栏收录

7 篇文章

订阅专栏

大作业

3 篇文章

订阅专栏

毕设

3 篇文章

订阅专栏

1 鸿蒙物业小区APP概述

该项目主要分为前端和后端设计，前端主要包含业主的注册,登录，个人中心，生活缴费，物品报修，社区活动，新闻中心，个人缴费订单，生活订单等操作。后端主要包含新闻管理，活动管理，报修订单管理，缴费订单管理

2 项目使用的技术架构

前端采用 ArkUI TypeScript Axios
后端采用 SpringBoot MyBatis
数据库采用 MySql关系型存储

３项目开发工具

前端 deveco studio
后端 idea

4 项目功能实现

web后端和鸿蒙前端首页效果
在这里插入图片描述
web后端是SpringBoot实现的web管理系统框架
鸿蒙前端是deveco studio实现
交互方式通过前端发送请求到后端接口，然后后端接口处理完请求之后，返回数据到前端展示。

活动详情：

在这里插入图片描述
主要展示活动的详情信息

在这里插入图片描述
生活缴费模块

在这里插入图片描述
个人中心

在这里插入图片描述
缴费订单

在这里插入图片描述
物品报修

在这里插入图片描述

登录页面

5 项目代码结构

在这里插入图片描述

6 项目代码交互

async clickLogin(){

    if(!this.isChecked){
      showMsg('请勾选隐私协议之后,在进行登录操作')
      return
    }

    if(this.username==''||this.password==''){
      showMsg('账号或者密码不能为空')
    }else{
     
      this.user.username = this.username
      this.user.password = this.password
      await axios.post(loginUrl,this.user,{headers:{
        'Content-Type':'application/json'
      }})
        .then(async (response: AxiosResponse) => {
          // 获取到的数据赋值给users数组

          if(response.data.isSuccess) {
            this.user = response.data.user
            //   //存储登录的信息
              let user:USERINFO = this.user
              let context = getContext(this)
              await putData('username',user.username,context)
              await putData('email',user.email,context)
            showMsg('登录成功')
            setTimeout(() => {
              router.replace({ url: 'pages/TabsPage' }
              )
            }, 1000)
          }else{
            showMsg('用户名或者密码错误')
          }
        })
        .catch((error: AxiosError) => {
          showMsg('登录失败')

        })
        .then(()=> {
          // 总是会执行
        });

    }
  }