# chanyeyuanditu

**Repository Path**: helloMyCode888/chanyeyuanditu

## Basic Information

- **Project Name**: chanyeyuanditu
- **Description**: 12121111111111111111111111111111
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2023-01-11
- **Last Updated**: 2025-05-14

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# gty_halo6_please_play

#### 说明
    请玩APP端
    本文件应列举如下内容：
        1. 使用技术清单 
        2. 依赖内容
        3. 开发环境搭建步骤
        4. 各代码包功能
        5. 包名及其他相关信息
        6. 打包方式
        7. 部署方式
        
#### 1. 使用技术清单
##### 1.1 uniapp
##### uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/QQ/快手/钉钉/淘宝）、快应用等多个平台。
##### 官网地址：https://uniapp.dcloud.io
###### uni-app的特点 
 开发者和案例更多：HBuilder装机量800万台，开发者社区月活百万，70多个QQ微信群承载10万人。案例众多，uni统计月活超10亿（详见：[](https://uniapp.dcloud.io/case)）
更丰富的周边生态，插件市场数千款插件[](https://ext.dcloud.net.cn/)
提供比小程序原生开发更好的开发体验、更高的工程化效率
跨端抹平度更完善，且各端特色发挥更灵活，可真正实现一套代码多端覆盖，无需各端多头维护升级
权威认可：阿里小程序官方工具内置uni-app（详见：[](https://opendocs.alipay.com/mini/ide/0.70-stable)）、腾讯课堂官方自制uni-app培训视频（详见：[](https://ask.dcloud.net.cn/article/35640)）
##### 1.2 vue
##### Vue 是一套用于构建用户界面的渐进式框架。
##### 1.3 Echarts
##### ECharts 是一个使用 JavaScript 实现的开源可视化库，涵盖各行业图表，满足各种需求。
##### 1.4 css
##### 层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。
#### 2. 依赖内容
##### 2.1 echarts npm install echarts -S 
#### 3. 开发环境搭建步骤
#### HBuilderX内置相关环境，开箱即用，无需配置nodejs
开始之前，开发者需先下载安装如下工具
HBuilderX：官方IDE下载地址：[](https://www.dcloud.io/hbuilderx.html)
HBuilderX是通用的前端开发工具，但为uni-app做了特别强化。
下载App开发版，可开箱即用；如下载标准版，在运行或发行uni-app时，会提示安装uni-app插件，插件下载完成后方可使用。
如使用cli方式创建项目，可直接下载标准版，因为uni-app编译插件被安装到项目下了。
######创建uni-app
在点击工具栏里的文件 -> 新建 -> 项目：
选择uni-app类型，输入工程名，选择模板，点击创建，即可成功创建。
uni-app自带的模板有 Hello uni-app ，是官方的组件和API示例。还有一个重要模板是 uni ui项目模板，日常开发推荐使用该模板，已内置大量常用组件。
######运行uni-app 
1、浏览器运行 2、真机运行 3、在微信开发者工具里运行 4、在支付宝小程序开发者工具里运行 5、在百度开发者工具里运行 6、在字节跳动开发者工具里运行 7、在360开发工具中导入 8、在快应用联盟工具里运行 9、在华为开发者工具里运行 10、在QQ小程序开发工具里运行
#### 4. 各代码包功能
components里面是组件;node_modules里面是uni-app依赖的各种模块；src里面是页面;static里面是静态资源；unpackage 打包之后的文件;app.vue是根组件是页面的入口文件;main.js是项目的加载文件;mainifest.json打包之后的配置如图标配置;pages.json整个项目文件的存档路径;uni.scss全局变量;
#### 5. 包名及其他相关信息
src里面存放着项目页面，login登陆页面，input买入，output卖出，deliver_goods发货单，index主页，list列表，my我的，take_goods提货单
#### 6. 打包方式
uni-app打包成安卓app
##### 1. uni-app 云打包流程:
发行 -> 原生app云打包 -> 使用DCloud公用证书 -> 输入包名 -> 去除广告选项 -> 打包 （如果显示已经成功上传到云平台，只需要等待打包的结果即可）
打包的结果会显示在控制台内，打包成功就会返回一个网址，从网址中可以下载打包的apk文件
如果失败 很多时候是manifeast.json文件没有配置成功
##### 2. uni-app mainfeast.json文件配置方法
基础配置中： uni-app标识符(可以云端自动获取)，应用名称(最后显示在手机上的应用名称), 版本号什么的自己填即可
app图标配置，在手机上显示的你的app的图标,导入后点击自动生成，即可将所有端的app图标都自动生成
启动sdk的配置，例如地图，进入高德地图的开发者官方自己申请一个即可
申请高德地图用到的packageName就是你的之前获取的uni-app标识符
然后需要的SHA安全码
BA:AD:09:3A:82:82:9F:B4:32:A7:B2:8C:B4:CC:F0:E9:F3:7D:AE:58
具体参考: Android平台云端打包使用的安全码
#### 7. 部署方式
#### 1、打包为原生App（云端）
在HBuilderX工具栏，点击发行，选择原生app-云端打包，
##### 2、打包为原生App（离线）
uni-app 支持离线打包，在 HBuilderX 发行菜单里生成离线打包资源，然后参考离线打包文档操作，可以从HBuilderX的发行菜单里找到文档链接，也可以直接访问：https://nativesupport.dcloud.net.cn/AppDocs/README。