博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Jeecg-uniapp使用记录
阅读量:4298 次
发布时间:2019-05-27

本文共 1916 字,大约阅读时间需要 6 分钟。

文章目录

Jeecg-uniapp使用记录

一、前言

  • 操作系统:Windows 7 Ultimate

  • 开发工具:HBuilderXIntelliJ IDEAJetBrains WebStorm

  • JDK 版本:1.8

jeecg 论坛:

dcloud 官网:

二、正文

项目下载

说明 网址
jeecg-uniapp(移动端)
jeecg-boot(服务端)

开发环境

说明 网址
jeecg-uniapp开发
jeecg-uniapp框架介绍和 hello world 程序

界面设计

说明 网址
ColorUI(github)
ColorUI-demo
ColorUI 文档(非官方)
uni-app 官方组件
Vue.js 官网

说明:

  1. ColorUI 的组件或图标,如果文档中没有,可以到 github 项目中找到对应的 demo 文件进行拷贝
  2. 文件上传、列表展示、数据获取 等实现,可参考 jeecg-uniapp 的 个人 页的实现

功能实现

说明 网址
uni-app 官方 API
HTML5中国产业联盟
原生插件开发

说明:

  1. uniapp 使用原生 android 插件时,需要先制作自定义调试基座,并且运行项目时,先进行运行基座选择
    (a)制作自定义调试基座:HBuilder X 工具类 – 运行 – 运行到手机或模拟器 – 制作自定义调试基座
    (b)运行基座选择:HBuilder X 工具类 – 运行 – 运行到手机或模拟器 – 运行基座选择 – 自定义调试基座
    (c)uniapp 项目中原生 android 插件存放目录:项目根目录 \ nativeplugins
  2. 原生 android 使用 uniapp 资源,需要生成本地打包App资源
    (a)生成本地打包App资源:HBuilder X 工具类 – 发行 – 原生App-本地打包 – 生成本地打包App资源
    (b)原生 android 项目中 uniapp 资源存放目录:项目根目录 \ app \ src \ main \ assets \ [ uniapp AppID ] \ www

云打包

说明 网址
Android平台签名证书(.keystore)生成指南
UniPush开通指南

说明:

  1. 打包前需要先开通 UniPush,其中 Android 包名 ,可以在 HBuilder X 工具 – 发行原生App-云打包 的窗口查看
  2. manifest.json 文件中部分配置只有在打包后才会生效,例如 app 名称,app 图标,启动背景图 等信息

三、其它

常用文件

jeecg-uniapp框架介绍:

文件 说明
routes.js、pages.json 新增页面后,需要配置到这两个文件,才能做页面跳转
index.js 全局路由的前置和后置拦截
services.js 网络请求拦截
config.service.js 服务端配置
manifest.json app 配置清单(注意: 部分配置只有在打包后才会生效,例如 app名称 等)
index.vue 底部菜单栏
home.vue 首页界面
people.vue 个人界面

获取登录用户信息

  • VUE 代码
······import { USER_INFO } from "@/common/util/constants"······this.userInfo = uni.getStorageSync(USER_INFO)......

通用方法编写

  • 参考 /api/api.js

欢迎语

// 获取时间let hours = new Date().getHours()console.log("onSayHi", hours)if(hours < 6){
this.sayhi = "凌晨好!"} else if(hours < 9){
this.sayhi = "早上好!"} else if(hours < 12){
this.sayhi = "上午好!"}else if(hours < 14){
this.sayhi = "中午好!"}else if(hours < 17){
this.sayhi = "下午好!"}else if(hours < 19){
this.sayhi = "傍晚好!"}else if(hours < 23){
this.sayhi = "晚上好!"} else {
this.sayhi = "您好!"}

转载地址:http://eznws.baihongyu.com/

你可能感兴趣的文章
git与svn的五个基本区别[转]
查看>>
HTTP协议[转]
查看>>
字典序算法[转]
查看>>
emplace_back和push_back的区别[转]
查看>>
海量数据处理算法:Bloom Filter[转]
查看>>
vim常用命令
查看>>
C++ STL之map与unordered_map
查看>>
散列(hash)表算法[转]
查看>>
C++之lambda表达式
查看>>
Atom插件Markdown Preview Enhanced的字体大小修改
查看>>
C++ STL之正则表达式
查看>>
超强vim配置文件[转]
查看>>
Vim代码补全插件YouCompleteMe的自动化安装[转]
查看>>
虚函数的实调用与虚调用
查看>>
memcpy与memmove区别和实现
查看>>
DNS域名解析过程
查看>>
IP、TCP、UDP首部详解
查看>>
move和forward源码分析[转]
查看>>
智能指针之make_unique与make_shared
查看>>
使用智能指针的注意事项
查看>>