菜谱APP项目实战,可以魔改任意APP——前后端齐全

news2024/12/25 0:33:26

菜谱APP开发实战(可改任意APP)

1. 优点

  • 多平台性
    • 由于此APP开发的时候采用的是 uni-app 来开发的,所以说它可以打包成多种形态,在各种平台上进行使用。比如:微信、支付宝等各种小程序。当然也是可以打包成安卓APP,IOS APP。
  • 一应用多改性
    • 对每个应用的基本功能进行了封装,在你开发其他相似的应用可以在其基础上进行更改即可,相似的应用之需要修改数据库的数据即可完成新APP的开发。
    • 对于相差较大的应用,可以将部分的 组件拿过去直接使用,提高了代码的复用性。
  • 配置简单,上线简单
    • 配置简单:获取代码之后只需要更改相关的 套接字 即可打包成APP,安装到手机上使用。
    • 上线简单:后端采用的是 NodeJS ,上线的时候只需要借助 pm2包管理器,进行上线就可以了,方便简单。

2. 功能说明

  • APP是一个菜谱APP包含如下功能

    • 登录,注册不可少

      • 在这里插入图片描述

      在这里插入图片描述

    • 我的信息界面,以及信息修改界面
      在这里插入图片描述

    在这里插入图片描述

    • 权限管理和菜单管理

      • 在开发过程中,为了简单话,我将整个的权限管理和菜单管理都集成到了同一个APP中,没有做单独的后端管理系统。

      • 权限管理是通过,在用户登录的时候,后端会将用户做区分,并将结果返回给客户端的axios请求。
        在这里插入图片描述

        在这里插入图片描述

      • 菜单管理

        • 在这里插入图片描述
    • 主界面

      • 在这里插入图片描述

      • 在这里插入图片描述

      • 在这里插入图片描述

3.其他功能说明

  • 当然还有其他界面和功能做一下简单的说明吧
  1. 忘记密码
  2. 下载(还没做完)
  3. 收藏
  4. 搜索
  5. ……

4. 启动配置流程

客户端的启动和打包

  • HbuilderX打开项目

  • 修改对应的配置
    +在这里插入图片描述

  • 打包可以自己百度一下,这里就不介绍了,因为大家的需求不一

后端配置更简单

  • 下载后端代码
    • 切换到根目录启动终端,执行 npm i 修改对应的包
    • 继续在终端执行 node index.js

注意:要修改数据库对应的信息,如图:

在这里插入图片描述

完成了,撒花****************

源码获取请关注公众号”拼搏的小浣熊“私信我,或者在我的,添加我的个人微信获取!!!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/727735.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

如何学习 Midjourney 绘画,AI绘图

Midjourney 是至今为止最好的 AI 绘图工具,SD还是差了很多。 要用当然用最好的,为了绘制出更符合心意的图,我开始 Midjourney 的学习。 从各种渠道寻找相关的资料,国内国外,或者星球,或者群聊&#xff0c…

简析住宅小区有序充电价格响应的电动汽车有充电策略

安科瑞电气股份有限公司 上海嘉定 201801 摘要:在住宅小区传统建设模式下,充电桩安装难、配套投资大,严重阻碍了充电桩在小区内进行普及使用。为解决该问题,本文首先调研了住宅小区内的电动汽车用户的出行习惯和充电特点&#xf…

SQL力扣练习(六)

目录 1. 部门工资前三高的所有员工(185) 题解一(dense_rank()窗口函数) 题解二(自定义函数) 2.删除重复的电子邮箱(196) 题解一 题解二(官方解析) 3.上升的温度(197) 解法一(DATEDIFF())…

java中地址问题

//第一个大mapMap<String, Object> map new HashMap<>();HashMap<String, String> map2 new HashMap<>();map2.put("358","999");//给小map赋值并将其添加到map中map.put("666",map2);//获取小map并且修改对应的键值对…

商城小程序有哪些优势?

伴随着移动互联网的高速发展&#xff0c;越来越多的实体商家开始转变营销思路&#xff0c;都纷纷开始布局线上市场&#xff0c;尤其是从小程序出现以后。今天新胜天下小编就来和大家聊一聊商城小程序有哪些优势。 1. 拥有众多流量入口 商城小程序本身就是小程序里的一种类型&a…

基于ArcGIS、ENVI、InVEST、FRAGSTATS等多技术融合提升环境、生态、水文、土地、土壤、农业、大气等领域的数据分析能力与项目科研水平研修

【科研团队必选】老师赋予目的不仅仅是技术的掌握&#xff0c;更能从技术融合与科研经验的视角下&#xff0c;培养科研团队科研素质&#xff0c;挖掘-融合-创新 目的&#xff1a;以科研及项目角度解决您的数据分析问题及热点问题&#xff0c;为您的论文写作及项目推进挖掘更好…

技术服务企业缺成本票,所得税高怎么解决?可有良策?

技术服务企业缺成本票&#xff0c;所得税高怎么解决&#xff1f;可有良策&#xff1f; 《税筹顾问》专注于园区招商、企业税务筹划&#xff0c;合理合规助力企业节税&#xff01; 技术服务型企业最核心的价值就是为客户提供技术支撑&#xff0c;而这类型的企业在税务方面面临的…

Observability:Synthetic monitoring - 合成监测入门(二)

在之前的文章 “Observability&#xff1a;Synthetic monitoring - 合成监测入门&#xff08;一&#xff09;” 里&#xff0c;我详细描述了如何使用 Project monitors 来创建监控器。我们可以通过在 terminal 中打入命令&#xff0c;创建最为基本的测试框架文件。我们可以通过…

python scrapy爬取网站数据(二)

用法很简单&#xff0c;先安装Scrapy&#xff0c;我这里是win10环境&#xff0c;py3.10 安装scrapy pip install Scrapy显示如图安装完毕 创建项目 分三步创建 scrapy stratproject spiderdemo #创建spiderdemo 项目&#xff0c;项目名随意取 cd spiderdemo #进入项目目录下…

【多线程初阶】第一次认识线程

多线程初阶系列目录 持续更新中 1.第一次认识线程 … 文章目录 多线程初阶系列目录前言1. 线程概念1.1 线程是什么1.2 为什么需要线程1.3 进程和线程的区别1.4 Java线程和操作系统线程的关系 2. 第一个Java多线程程序3. 创建线程的方法3.1 继承 Thread 类3.2 实现 Runnable 接…

深兰科技发布《深兰数字智能产业系列报告(2023年):个人数字化》

近日&#xff0c;深兰科技发布《深兰数字智能产业系列报告(2023年)&#xff1a;个人数字化》&#xff0c;这是深兰科技在数字智能产业领域发布的首份研究报告&#xff0c;也是国内第一份个人数字化产业报告。此报告是在上海市经济和信息化委员会和上海市产业技术创新促进会的共…

星辰天合公司产品完成阿里云 PolarDB 数据库产品生态集成认证

近日&#xff0c;XSKY星辰天合旗下产品与阿里云 PolarDB 开源云原生数据库展开产品集成认证测试&#xff0c;并获得阿里云颁发的产品生态集成认证证书。 测试结果表明&#xff0c;星辰天合旗下的融合计算管理平台 XHERE&#xff08;V2&#xff09;、统一数据平台 XEDP&#xf…

appuploder全过程使用教程(Windows版本)

appuploder全过程使用教程&#xff08;Windows版本&#xff09; 转载&#xff1a;使用appuploader工具流程&#xff08;Windows版本&#xff09; 一.登录apple官网&#xff0c;注册账号 1.注册苹果账号 Sign In - Apple 2.登录开发者中心 &#xff0c;出现协议弹框&#xf…

Android 画面显示流程一

DRM,英文全称 Direct Rendering Manager, 即 直接渲染管理器。 DRM是linux内核的一个子系统,提供一组API,用户空间程序,可以通过它,发送画面数据到GPU或者专用图形处理硬件,也可以使用它执行诸如配置分辨率,刷新率之类的设置操作。原本是设计提供PC设备支持复杂的图形设。…

浏览器配置环境

疯掉了 希望是最后一次 0.配置WinSCP和PUTTY 在Windows上使用PuTTY进行SSH连接-腾讯云开发者社区-腾讯云 1.配置conda 如何在Linux服务器上安装Anaconda&#xff08;超详细&#xff09;_linux安装anaconda_流年若逝的博客-CSDN博客 实验室远程登录Linux服务器并配置环境_远…

docker容器更改映射端口

问题描述&#xff1a; 我们在docker中开启nginx以后&#xff0c;如果这时候在nginx中配置除了80以外的端口的监听&#xff0c;会发现无法访问&#xff0c;这时候其实是因为我们没有开启端口映射导致的。 目前发现有两种解决方案 如下&#xff1a; 目录 一. 修改配…

Android AIDL基本使用

AIDL是Android多进程通讯方式一种。 如要使用 AIDL 创建绑定服务&#xff0c;请执行以下步骤&#xff1a; 创建 .aidl 文件 此文件定义带有方法签名的编程接口。 实现接口 Android SDK 工具会基于您的 .aidl 文件&#xff0c;使用 Java 编程语言生成接口。此接口拥有一个名为…

树莓派Pico与MicroSD卡模块接口及MicroPython编制读写MicroSD存储卡程序

介绍树莓派&#xff08;RPi&#xff09;Pico开发板(或树莓派Pico W无线开发板)与MicroSD卡模块SPI接口技术原理及SPI接口硬件连接的具体步骤&#xff0c;讲述采用MicroPython和SDCard类编制程序读写MicroSD存储卡的方法&#xff0c;给出读写MicroSD存储卡文件的测试程序。 一、…

创建数据库Market、Team,按要求完成指定操作

创建数据库Market&#xff0c;在Market中创建数据表customers&#xff0c;customers表结构如表4.6所示&#xff0c;按要求进行操作。 代码如下&#xff1a; #(1&#xff09;创建数据库Market mysql> create database Market; Query OK, 1 row affected (0.00 sec)mysql>…

Windows系统中将markdown文件批量转化为PDF

需要将一个文件夹下的多个md文件转化为PDF 下载安装pandoc 官网下载地址&#xff1a;Pandoc &#xff0c;下载位置如下图。 下载后按照默认文件路径安装完成 使用everything软件查找pandoc.exe文件路径&#xff0c;如下图&#xff1a; 安装完成之后就可以在cmd窗口或Window…