# future-uniapp

**Repository Path**: star45/future-uniapp

## Basic Information

- **Project Name**: future-uniapp
- **Description**: future系列之uniapp，基于uniapp+uview2组建快速通用模块
- **Primary Language**: JavaScript
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2022-04-04
- **Last Updated**: 2023-12-13

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Future-Uniapp

<p>
  <a href="https://github.com" target="_blank">
    <img src="https://img.shields.io/badge/build-success-green" alt="BUILD">
  </a>
  <a href="https://github.com/" target="_blank">
    <img src="https://img.shields.io/badge/version-last-blue" alt="VERSION">
  </a>
  <a href="https://github.com/" target="_blank">
    <img src="https://img.shields.io/badge/license-MIT-blue" alt="LICENSE">
  </a>
    <a href="https://github.com/" target="_blank">
    <img src="https://img.shields.io/badge/node-v14.18.1-blue" alt="NODE">
  </a>
    <a href="https://github.com/" target="_blank">
    <img src="https://img.shields.io/badge/platform-h5%20%7C%20android%20%7C%20ios%20%7C%20%E5%B0%8F%E7%A8%8B%E5%BA%8F-brightgreen" alt="PLATFORM">
  </a>
</p>

#### 介绍
&nbsp; &nbsp; Future-Uniapp 解决方案，基于 uniapp+uView2 封装的一套基础模版，开箱即用，一份代码多终端适配，支持H5+支付宝小程序+微信小程序+APP，可直接开始快速开发业务需求。


#### 快速体验

2、微信小程序端：扫码访问（目前只能用用户名密码方式登录，用户名：admin 密码：admin123）<br><br>
<img src="https://images.gitee.com/uploads/images/2022/0303/223511_65e56990_120051.jpeg" width="220" height="220" >
<img src="https://images.gitee.com/uploads/images/2022/0303/223524_83c02ffb_120051.jpeg" width="220" height="220" >


#### 快速上手Future-Uniapp

#### 一、第一种：通过vue-cli命令行（既NPM方式,推荐这种方式）

  ``` bash
  # 克隆项目
  git clone https://gitee.com/star45/future-uniapp.git

  # 进入项目目录
  cd future-uniapp

  # 安装依赖
  npm install

  # 建议不要用 cnpm 安装 会有各种诡异的bug 可以通过如下操作解决 npm 下载速度慢的问题
  npm install --registry=https://registry.npm.taobao.org

  # 本地开发 H5启动项目
  npm run serve
  ```

##### 二、第二种：HBuilderX导入

  1. 首先下载HBuilderX并安装，地址：https://www.dcloud.io/hbuilderx.html
  2. 打开HBuilderX -> 顶部菜单栏 -> 文件 -> 导入 -> 从本地目录导入 -> 选择uniapp端项目目录
  3. 找到common/config.js文件，找到里面的apiUrl项，填入已搭建的后端url地址
  4. 打开manifest.json文件，选择微信小程序配置，填写小程序的appid

##### 二、本地调试

  1. 打开HBuilderX -> 顶部菜单栏 -> 运行 -> 运行到浏览器 -> Chrome
  2. 如果请求后端api时 提示跨域错误，可安装Chrome插件：【Allow CORS: Access-Control-Allow-Origin】，地址：https://chrome.google.com/webstore/detail/allow-cors-access-control/lhobafahddgcelffkeicbaginigeejlf

##### 三、打包发行（H5）

  1. 打开HBuilderX -> 顶部菜单栏 -> 发行 -> 网站H5-手机版
  2. 打包后的文件路径：/unpackage/dist/build/h5

##### 四、打包发行（微信小程序）

    1. 下载微信开发者工具并安装，地址：https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
    2. 打开HBuilderX -> 顶部菜单栏 -> 发行 -> 小程序-微信
    3. 打包后的文件路径：/unpackage/dist/build/mp-weixin
    5. 打开微信开发者工具 导入 打包完成的项目
    6. 检查没有运行错误，在右上方上传小程序

##### 5、后端代码

    依赖项目 https://gitee.com/star45/future-api.git
#### 界面截图


<table>
    <tr>
        <td style="border:5px"><img src="https://images.gitee.com/uploads/images/2022/0303/223815_31f6ecc1_120051.png" width="250" height="400"/></td>
        <td style="border:5px"><img src="https://images.gitee.com/uploads/images/2022/0303/223845_caf219de_120051.png" width="250" height="400"/></td>
        <td style="border:5px"><img src="https://images.gitee.com/uploads/images/2022/0303/223926_e4f7eb85_120051.png" width="250" height="400"/></td>
    </tr>
</table>

## 浏览器支持

![Edge](https://raw.github.com/alrra/browser-logos/master/src/edge/edge_48x48.png) | ![Chrome](https://raw.github.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png) | ![Firefox](https://raw.github.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png) | ![Opera](https://raw.github.com/alrra/browser-logos/master/src/opera/opera_48x48.png) | ![Safari](https://raw.github.com/alrra/browser-logos/master/src/safari/safari_48x48.png)
--- | --- | --- | --- | --- |
80+ ✔ | 80+ ✔ | 90+ ✔ | 75+ ✔ | 10+ ✔ |


## 在线体验

演示地址：https://m.minicps.com  帐号：admin 密码：admin123


#### 关于我们


版权所有Copyright © 2017-2021 By Future (http://www.future.com) All rights reserved。