基于uni-app的美妆APP的设计与实现

计算机毕设定制辅导-无忧学长

于 2024-11-04 17:37:16 发布

阅读量1.4k

点赞数 59

分类专栏：移动App毕业设计实战案例文章标签： uni-app java spring boot

本文链接：https://blog.csdn.net/qq_42190530/article/details/143223170

版权

移动App毕业设计实战案例专栏收录该内容

6 篇文章

订阅专栏

一、前言

随着人们生活水平的提高和对美的追求不断增加，美妆行业迅速发展。同时，智能手机的普及使得移动应用成为人们获取信息和服务的重要渠道。美妆 APP 可以为用户提供美妆产品推荐、化妆教程、肤质测试等功能，满足用户对美妆知识和产品的需求。

本项目采用 SpringBoot + MySQL + Uniapp 技术组合。SpringBoot 提供了强大的后端服务支持，高效构建稳定的服务器端应用。MySQL 作为可靠的数据库，存储美妆 APP 的各类数据。Uniapp 则实现了跨平台开发，一次编码即可同时生成 iOS、Android 和 H5 等多个平台的应用，大大提高了开发效率。三者结合，为美妆 APP 带来了流畅的用户体验、稳定的数据存储和高效的开发流程，满足了用户对美妆服务的多样化需求。

二、技术环境

前端：Uniapp、HTML、CSS、JavaScript

后端：SpringBoot、SpringMVC、Mybatis、Redis

插件：Maven Helper、Lombok、MybatisLog

工具：IDEA、Postman、Maven、Git、Navicat

环境：Windows10、MySQL

三、功能设计

3.1 商家用例图如下图所示：

3.2 用户用例图如下图所示：

四、数据库设计

数据库的 E-R 图（实体 - 关系图）是一种强大的工具，用于直观地表示数据库中的实体及其之间的关系。在数据库设计中，E-R 图可以帮助我们清晰地理解数据的结构和流向。限于篇幅要求，仅列出关键部分实体属性图，如下所述。

五、部分效果展示

5.1 美妆 APP 用户首页，呈现热门美妆产品推荐。教程入口，随时学习化妆技巧。肤质测试模块，精准了解自身肤质。

5.2 美妆 APP 商品详情界面，展示产品高清图片、详细成分与功效说明。有用户真实评价可参考，标注价格与促销信息。提供购买链接，方便快捷下单。

5.3 美妆 APP 订单界面，列出订单编号与状态。显示商品信息、数量及价格。可查看物流进度，提供操作按钮，如确认收货、申请售后等，方便管理购物订单。

5.4 美妆 APP 评分界面，展示已购商品列表。可针对商品质量、使用感受等打分。有文本框供用户详细描述体验，提交后为其他用户提供参考，促进商品优化。

5.5 美妆 APP 管理员数据统计界面，呈现商品销售数量与趋势。展示用户活跃度、地域分布。可查看各类美妆产品热度，为运营决策提供数据支持。

5.6 美妆 APP 管理员修改商品界面，可更改商品名称、价格等信息。能上传新图片，调整商品描述与成分。实时保存修改，确保商品信息准确无误。

六、部分功能代码

6.1 查询订单详情

<select id="selectByOrderId" resultType="com.company.project.model.OrderDetails">
        select d.order_id as orderId,d.number as number, d.goods_id as goodsId,d.id as id,
                t.status as status,t.goods_name as goodsName,t.goods_type as goodsType,
                t.repertory as repertory,t.selling_price as sellingPrice,
                t.img_url as imgUrl,t.sort as sort,t.sell_state as sellState,t.new_state as newState,t.graphic_details as graphicDetails,
                ifnull((select count(1) from t_order_details where is_delete = 0 and goods_id = t.id),0) as salesVolume,
                t.site as site,t.exposure_number as exposureNumber
        from t_order_details d
        inner join t_goods t on d.goods_id = t.id
        where d.is_delete = 0
        and d.order_id = #{orderId}
    </select>