2020年06月_晓果博客

12月 11月 10月 09月 08月 07月 06月 05月 03月 02月

原创 vue-admin-template 动态路由的实现（方式一）

这里只是一个demo，后台返回的路由数据可能不太规范，这里是手动强制修改的，正式线保持一致首先改造router/index.jsimport Vue from 'vue'import Router from 'vue-router'Vue.use(Router)/* Layout */import Layout from '@/layout'/** * constantRoutes * 所有的页面必须在这里进行挂载 * all roles can be accessed */

2020-06-19 11:46:50 9915 6

原创 vue-element-admin 富文本默认显示中文问题

vue-element-admin 有个整体中文在src/main.js：设置富文本中文第三方插件tinymic这个富文本插件改成中文显示components/Tinymce/index完成

2020-06-15 11:11:14 2712 3

原创 vue-element-admin 模板中解决页面刷新时vuex存储的数据消失问题

创建我们直接的store.jsconst state = { user: { phone: "" }, shopId: ""}export default { namespaced: true, state}在index.js中引用...import mystore from './modules/mystore'Vue.use(Vuex)const store = new Vuex.Store({ mod.

2020-06-13 17:37:11 4896

原创第二章：navigation项目主页配置

创建tab显示json类{ "activeColor": "#ff678f", "inActiveColor": "#666666", "selectTab": 0, "tabs": [ { "size": 24, "enable": true, "index": 0, "pageUrl": "main/tabs/home", "title": "首页" }, { "size": 24,.

2020-06-13 11:59:34 818

原创 vue中使用scss

安装scss 跟 scss-loadercnpm install scss-loader scss --save安装node-sass 跟 sass-loadercnpm install sass-loader node-sass --save如果出现Modele build failed: TypeError: this.getResolve is not a function at Object.loader...在package.json中卸载当前版本 npm uni.

2020-06-10 19:37:33 2434

原创 uni-app:第六章 ajax使用

在上一节基础上封装网络请求const BASE_URL = "https://api.douban.com/v2/movie"/** * 方法调用 */export const getInTheaters = params => ( new Promise((resolve, reject) => { uni.request({ url: `${BASE_URL}/in_theaters`, data: params, header: { "co

2020-06-10 10:20:35 5566

原创 uni-app:第五章 vuex使用 &ajax配置

创建storeimport Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex);export default new Vuex.Store({ state: { city: "北京市", nowPlayingList:[] }, //操作变量的方法 mutations: { }, //异步 actions: { },})将store引入main.jsimport Vue from 'vu.

2020-06-10 10:20:14 607

原创 uni-app:第四章网络接口和其他

<template> <view> <view v-show="false">v-show</view> <view v-if="true">v-if</view> <view>xxx</view> <button type="primary" @click="toPath">路由跳转</button> <view> <view>Vuex

2020-06-10 10:20:03 332

原创 uni-app:第三章模版使用

创建模版创建components文件夹,在其创建模版<template> <view> <text>我是test组建{{msg}}</text> <button type="primary" @click="test">event</button> </view></template><script> export default { data() { retu.

2020-06-10 10:19:43 490

原创 uni-app:第二章基本指令学习

<template> <view class="content">  <text>我是主页</text> {{"HUANG"}} <view>{{msg}}</view> <view>{{msg+"-HUANG"}}</view>

2020-06-10 10:19:22 686

原创 uni-app:第一章 pages配置

{ "pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages { "path": "pages/index/index", "style": { "navigationBarTitleText": "首页" } }, { "path": "pages/news/news", "style": { "navigationBarTitleText": "新

2020-06-10 10:19:07 2257

原创第十章：WorkManager任务使用

引入 //workmanager api 'androidx.work:work-runtime:2.3.4'创建工作处理器public class UploadFileWorker extends Worker { public UploadFileWorker(@NonNull Context context, @NonNull WorkerParameters workerParams) { super(context, work...

2020-06-10 10:17:53 895

原创第九章：CameraX实现防微信朋友圈拍照和录屏（附oss上传下载manager）

效果引入 //图片加载 api 'com.github.bumptech.glide:glide:4.11.0' api 'jp.wasabeef:glide-transformations:4.0.0' annotationProcessor 'com.github.bumptech.glide:compiler:4.11.0' //camera相机使用 api 'androidx.camera:camera-core:1.0.0-alph.

2020-06-10 10:17:40 791

原创第七章：Paging添加header和footer

paging使用：https://huangxiaoguo.blog.csdn.net/article/details/106567399效果封装可添加Header和Footer的BaseAdapterimport androidx.annotation.NonNull;import androidx.annotation.Nullable;import androidx.paging.PagedListAdapter;import androidx.recyclerview.wid

2020-06-10 10:17:30 1380 2

原创第八章：Paging增删改查功能实现

效果MutableItemKeyedDataSource 管理数据源/** * 一个可变更的ItemKeyedDataSource 数据源 * <p> * 工作原理是：我们知道DataSource是会被PagedList 持有的。 * 一旦，我们调用了new PagedList.Builder<Key, Value>().build(); 那么就会立刻触发当前DataSource的loadInitial()方法，而且是同步 * 详情见ContiguousPa.

2020-06-10 10:17:05 1218

原创第六章：ViewPager2使用和启动白屏优化

效果ViewPager2使用配置json文件{ "activeSize": 16, "normalSize": 14, "activeColor": "#ED7282", "normalColor": "#666666", "select": 0, "tabGravity": 0, "tabs": [ { "title": "图片", "index": 0, "tag": "pics", "enable": t

2020-06-10 10:16:55 1310

原创第五章：paging使用

效果引入 api 'com.alibaba:fastjson:1.2.70' //material组件 api 'com.google.android.material:material:1.2.0-alpha06' //页面刷新组件 api 'com.scwang.smartrefresh:SmartRefreshLayout:1.1.2' api 'com.scwang.smartrefresh:SmartRefreshHeader:1.1..

2020-06-10 10:16:35 1406

原创第四章：Room数据库直接存储对象（二进制数据，满足app缓存的功能实现）

基本使用请看：第三章：Room数据库使用：https://huangxiaoguo.blog.csdn.net/article/details/106430453构建数据库字段/** * 表名 * tableName = "app_cache" */@Entity(tableName = "app_cache")public class Cache implements Serializable { //PrimaryKey 必须要有,且不为空,autoGenerat..

2020-06-10 10:16:23 2177 2

原创第一章：navigation注解生成器生成json配置文件

创建注解处理器创建两个java Library创建注解lib_navanotation@Target(ElementType.TYPE)public @interface ActivityDestination { String pageUrl(); boolean needLogin() default false; boolean asStarter() default false;}@Target(ElementType.TYPE)public @int

2020-06-10 10:15:44 811 2

原创第三章：Room数据库使用

导入依赖 //room数据库 implementation 'androidx.room:room-runtime:2.2.5' annotationProcessor "androidx.room:room-compiler:2.2.5"构建数据库字段package cn.yumakeji.jetpackroomstudy;import androidx.room.ColumnInfo;import androidx.room.Entity;import a.

2020-06-10 10:15:24 2296

原创 RxJava+Retrofit使用

引用 api 'com.alibaba:fastjson:1.2.70' api 'androidx.lifecycle:lifecycle-extensions:2.2.0' //rxbinding导入,已经包含rxjava和rxandroid，rxbinding-core是核心，其他只是效果上的辅助 api 'com.jakewharton.rxbinding4:rxbinding-core:4.0.0' api 'com.jakewharton.rxbinding4:rx.

2020-06-05 12:14:35 545 2

原创 android 使用Retrofit请求网络

引用 api 'com.alibaba:fastjson:1.2.70' //retrofit：okhttp封装的网络库 api 'com.squareup.retrofit2:retrofit:2.9.0' api 'com.squareup.retrofit2:converter-gson:2.9.0' api 'com.squareup.retrofit2:adapter-rxjava3:2.9.0' api "com.squareup..

2020-06-03 16:05:32 146