更新记录
V1.0.0(2023-12-28) 下载此版本
第一版更新,简化版本
平台兼容性
Vue2 | Vue3 |
---|---|
√ | × |
App | 快应用 | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 |
---|---|---|---|---|---|---|
HBuilderX 3.6.5 | × | × | × | × | × | × |
钉钉小程序 | 快手小程序 | 飞书小程序 | 京东小程序 |
---|---|---|---|
× | × | × | × |
H5-Safari | Android Browser | 微信浏览器(Android) | QQ浏览器(Android) | Chrome | IE | Edge | Firefox | PC-Safari |
---|---|---|---|---|---|---|---|---|
× | × | × | × | × | × | × | × | × |
宝昌SIS移动端APP
引言
项目名称:宝昌SIS移动端APP ,基于 uni-app、uni-ui、u-charts等实现。
目录说明
┌─api 封装请求目录
│ ├─bussinessApi.js 业务接口API
│ └─request.js 封装请求方法
├─common 项目相关公共js、css
│ ├─common.scss 公共样式
│ ├─opts.js ucharts图表配置文件
│ └─utils.js 工具和方法
├─components 符合vue组件规范的uni-app组件目录
├─pages 业务页面文件存放的目录
├─static 存放应用引用的本地静态资源(如图片、视频等)的目录,注意:静态资源只能存放于此
│ ├─iconfont 字体图标
│ └─img 图片
├─uni_modules ui框架组件
├─unpackage 打包APP时忽略的目录,打包目录,在这里有各个平台的打包文件
├─App.vue 应用配置,用来配置App全局样式以及监听 应用生命周期
├─index.html html模板
├─main.js Vue初始化入口文件
├─manifest.json 配置应用名称、appid、logo、版本等打包信息
├─package.json 应用包配置文件,集成钉钉小程序必须加入该文件
├─pages.json 页面包配置文件
├─README.md 说明文档
└─uni.scss 这里是uni-app内置的常用样式变量
快速运行
1、下载并安装:集成开发环境 HBuilderX
2、菜单:文件 -> 导入 -> 从本地目录导入,选择本项目文件夹。
3、菜单:运行 -> 运行到内置浏览器(或运行到浏览器 -> Chrome 浏览器,或运行到手机或模拟器)。
4、等待 HBuliderX 控制台编译完成后,会自动弹出首页,具体内容请查看控制台输出提示。
本地调试
-
宝昌SIS与宝昌MIS共用一个4A。需要先拨零信任,然后读取宝昌MIS应用缓存的交换token
-
宝昌零信任:https://113.108.118.252:4433/portal/#!/login
-
测试账号:18186829386,测试账户:17775817271,密码:ea760fA#
-
APP真机测试:账户:18698020616,密码:189ae9A#
-
获取用户的apptoken:https://smartpp.dtxytech.com:222/zhdc/admin/getAppUser?mobile=
-
账户:手机号,密码:apptoken,使用https登录
-
交换token的地址:http://10.67.237.168/jreap/getJreapAuthTokenByOtherToken.form?client_id=Official_App&headerParam=token&httpType=POST&response_type=code&clientType=app&useClass=Official_App_ExchangeToken&callBackUrl=http://10.67.237.231:8080/zhdc/accessOld/get_accountinfo&token=
打包发布
-
根目录/api/request.js,动态获取token
-
根目录/manifest.json,web配置-->运行的基础路径:./
更新iconfont
-
iconfont项目名称:本项目暂未引入
-
iconfont资源目录命名统一为:iconfont
-
更新iconfont资源,必须更改iconfont.css中字体文件引入地址~@/static/iconfont/
集成钉钉小程序
-
钉钉小程序t中v-for v-for 嵌套时,索引名称 index 不允许重复
-
钉钉小程序中uniui折叠面板小程序不兼容
-
钉钉小程序:style 不支持
width:${cardItem.rate}%;
语法 -
钉钉小程序不支持使用 Vue.js 的过滤器和计算属性
-
钉钉小程序不支持使用 weex 样式
-
钉钉小程序不支持使用某些 uni-app 内置组件,如 ECharts 等
-
钉钉小程序对图片的路径有要求,需要使用相对路径或网络路径
-
钉钉小程序不支持动态设置标题栏。如果你需要设置标题栏,需要在钉钉小程序后台配置默认标题栏或自行开发相关组件。
-
钉钉小程序对一些原生 API 支持不完整,如支付、分享等。如果你需要使用这些功能,需要自行开发相关组件或使用钉钉小程序提供的开发工具和 API。