鸿蒙数码商城APP(前端+后端设计) 大作业毕设课设实训指导项目

本文链接：https://blog.youkuaiyun.com/coder1998/article/details/146359299

鸿蒙数码商城APP

项目简介：基于鸿蒙版本的数码产品APP 是采用前端和后端的交互模式进行设计，数据库采用Mysql数据库存储数据，前端主要鸿蒙移动端，可以进行用户注册，用户登陆，首页轮播图，首页产品分类，首页产品信息，点击可以查看产品详情，点击分类可以进入分类列表，然后在产品详情里面可以进行预定产品，在用户个人中心，可以查看自己预定订单。后端主要数据的维护，用户数据维护，产品数据维护，订单数据维护，后端是管理员端，采用web架构方式实现。

1 前端技术实现

       ArkUI设计界面
       ArkTs实现功能逻辑
       Axios发送请求到后端

2 后端技术实现

		SpringBoot
		MyBatis

3 数据库存储

	    mysql

4 项目开发工具

		deveco studio
		idea

5 数据库表设计

		t_products  产品表
		t_order  订单表
		t_user   用户表
		t_menu  系统菜单表 
		t_perimssion  系统权限表
		t_role  系统角色表
		t_user_role  系统用户角色表
		t_role_permission  系统角色权限表

6 功能实现效果图

在这里插入图片描述
功能实现代码:

await axios.post(regUrl,this.user,{headers:{
        'Content-Type':'application/json'
      }})
        .then(async (response: AxiosResponse) => {

          if(response.data.isSuccess) {
            showMsg('注册成功')

          }else{
            showMsg(response.data.msg)
          }
        })
        .catch((error: AxiosError) => {
          showMsg('注册失败')

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

登录功能
在这里插入图片描述
功能实现：

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(()=> {
          // 总是会执行
        });

    }
  }