2021年07月_richest_qi

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

原创小程序实现查询天气功能

高德开放平台注册成为开发者高德开放平台提供的天气查询能力详见天气查询API文档。申请key应用管理>我的应用，创建新应用应用名称：weather_app（自定义）应用类型：选择“天气”创建完应用后，在应用下添加KeyKey名称：weather_query（自定义）服务平台：选择“Web服务”IP白名单：可不填写设置安全通信域名为了保证天气查询接口在小程序中能正常调用，需要设置安全域名。登录微信公众号，开发>开发管理>开发设置，服务器域名中配置reque

2021-07-29 22:10:18 507

原创 TypeScript的声明文件

文章目录声明语句声明文件第三方声明文件书写声明文件全局变量declare var，声明全局变量declare function，声明全局方法declare class，声明全局类delcare enum，声明全局枚举类型declare namespace，声明（含有子属性的）全局变量interface和type，声明全局类型本文全部来自阮一峰的TypeScript入门教程。当使用第三方库时，我们需要引用它的声明文件，才能获得对应的代码补全、接口提示等功能。声明语句// index.tsconso

2021-07-27 22:13:52 702

原创设计模式之动态代理

ProxyProxy提供了创建动态代理类和实例的静态方法，它也是由这些方法创建的所有动态代理的超类。接口InvocationHandler每个代理实例都有一个关联的调用处理程序对象，比如，本例的MyInvocationHandler就是调用处理程序，该处理程序实现了接口InvocationHandler。new newProxyInstance(ClassLoader loader,Class<?>[] interfaces,InvocationHandler h)通过调用Proxy

2021-07-19 19:56:51 122

原创富文本前端插件wangeditor

wangEditor是基于Typescript开发的Web富文本编辑器，轻量、简洁、易用、开源免费，先来看下它的基本使用吧。第一步，新建项目vue create demo第二步，改造项目首先，下载安装wangeditor，npm install --save wangeditor；然后，修改App.vue，引入并使用wangeditor<template> <div id="content"></div></template>

2021-07-19 11:05:14 385

原创设计模式之静态代理

静态代理包含4种角色，分别是，抽象角色，使用接口或抽象类实现真实角色代理角色，用来代理真实角色，代理真实角色后一般会做一些附加操作客户，使用代理角色进行一些操作静态代理的好处在于：1）真实角色的业务变得更加纯粹，不再需要关注一些公共业务；2）公共业务交给代理，实现了业务分工；3）公共业务需要扩展时，只需要在代理角色中作处理，更方便。当然，静态代理的缺点也很明显，比如需要多写类，增加了代码量。示例1com.jepcc.demo.Rent（抽象角色）package com.jepc

2021-07-16 15:53:23 114

原创实现删除文档功能

当前的删除功能是不完善的：当删除父文档时，其下的子文档却没有删除，如下图所示。

2021-07-16 11:18:15 207

原创【Java】Long型与String型互转

String转LongLong.valueOf(str)Long.parseLong(str)Long转StringString.valueOf(num)Long.toString(num)import java.util.Arrays;import java.util.List;public class Test { public static void main(String[] args) { String str = "100"; L

2021-07-15 16:51:23 1635

原创实现新增文档功能

使用路由参数实现数据传递，以实现新增文档功能。本篇仅涉及前端代码的修改。web/src/router/index.tsimport { createRouter, createWebHistory, RouteRecordRaw } from 'vue-router'import Home from '../views/Home.vue'import About from "../views/About.vue";import AdminEbook from "../views/admin/

2021-07-15 10:03:20 160

原创小程序之常用API

文章目录wx.chooseImage()wx.chooseAddress()wx.makePhoneCall()wx.chooseImage()从本地相册选择图片或使用相机拍照。部分配置参数如下：count，最多可以选择的图片张数，是一个数值，默认值是9。sizeType，所选图片的尺寸，是一个数组，默认值是['original','compressed']。original，使用原图compressed，使用压缩图sourceType，选择图片的来源，是一个数组，默认值是['alb

2021-07-14 21:08:12 408 1

原创小程序之页面跳转

文章目录wx.getSettingwx.getSetting获取用户的当前设置。返回值中只会出现小程序已经向用户请求过的权限。看个小例子。<button bindtap="getSetting">查看授权结果</button>// index.jsPage({ getSetting:function(){ wx.getSetting({ success:(res) => { co

2021-07-14 16:59:07 489

原创【Vue Router】动态路由匹配

文章目录新建项目并改造项目第一种：使用路由参数时的路由匹配第二种：使用 URL查询参数时的路由匹配新建项目并改造项目首先使用vue-cli新建一个项目。然后对该项目进行改造，改造后的目录如下。第一种：使用路由参数时的路由匹配src\App.vue<template> <div id="nav"> <router-link to="/">首页</router-link> | <router-link to=

2021-07-13 16:42:17 692

原创 bean的自动装配

bean的自动装配file:///D:/JavaProjects/spring%20package/spring-framework-5.2.15.RELEASE/docs/spring-framework-reference/core.html#beans-factory-autowire

2021-07-12 20:55:49 157

原创文档管理功能开发

文章目录文档表设计与代码生成文档表设计Mybatis生成Model实体类、Mapper接口类和Mapper XML文件文档表设计与代码生成文档表设计drop table if exists `doc`;create table `doc` ( `id` bigint not null comment 'id', `ebook_id` bigint not null default 0 comment '电子书id', `parent` bigint not null defa

2021-07-12 16:27:41 285

原创 TypeScript的注解

文章目录基本注解数组注解接口注解内联类型注解特殊类型基本注解// index.tslet num:number;let str:string;let bool:boolean;num = 123;num = "123"; //Type 'string' is not assignable to type 'number'str = "123";bool = false;数组注解// index.tslet boolArray:boolean[];boolArray = [t

2021-07-12 13:59:21 1850

原创使用ant-design-vue的树选择组件TreeSelect

HelloWorld.vue<template> <a-tree-select :replace-fields="{children:'children', title:'name', key:'id', value: 'id' }" style="width: 100%" :dropdown-style="{ maxHeight: '400px', overflow: 'auto' }" :tree-data="treeData" pla.

2021-07-09 17:16:24 2864

原创 Spring依赖注入的实现方式

setter注入详解

2021-07-09 15:44:43 372

原创【微信小程序】获取用户信息

文章目录组件open-databutton组件中的open-type获取用户信息组件open-data组件 open-data用于展示微信开放的数据。所谓“开放”的数据，就是不需要用户授权就可以显示的数据，如用户的头像、昵称、性别等。type，开放数据的类型，有如下合法值，groupNameuserNickName，用户昵称userAvatarUrl，用户头像userGender，用户性别userCity，用户所在城市userProvince，用户所在省份userCountry，用户

2021-07-08 21:35:05 5347

原创微信小程序的下拉刷新和上拉触底

页面逻辑onLoad(options)页面逻辑里，onLoad函数接收一个参数options，其中包含了当前页面路径的参数。看个例子吧。// pages/index/index.jsPage({ onReady:function(){ wx.navigateTo({ url: '/pages/test/test?name1=value1&name2=value2', }) }})// pages/test/test.jsPage({ onLo

2021-07-08 17:08:37 637

原创 Spring之依赖注入

@[TOC[dao层com.jepcc.demo.dao.UserDaopackage com.jepcc.demo.dao;public interface UserDao { void getUser();}com.jepcc.demo.dao.impl.UserDaoImplpackage com.jepcc.demo.dao.impl;import com.jepcc.demo.dao.UserDao;public class UserDaoImpl imp

2021-07-08 16:51:48 151

原创点击分类菜单显示电子书

文章目录前端修改后端修改前端修改对前端Home.vue进行修改<template> <a-layout> <a-layout-sider width="200" style="background: #fff"> <a-menu mode="inline" theme="light" @click="handleClick" > <a

2021-07-07 17:28:15 169

原创【微信小程序】用户登录

文章目录小程序客户端代码express服务端代码前后端代码调试小程序客户端代码// app.jsApp({ onLaunch:function(){ this.login(); }, login:function(){ wx.login({ success: res => { console.log("登录凭证code：",res.code); wx.request({ url:"http://local

2021-07-06 22:05:42 409 1

原创三识IoC

新建Java项目：helloworld在helloworld目录下新建lib，lib中放入spring相应jar包，并Add to Libraries。commons-logging-1.2.jarspring-aop-4.1.6.RELEASE.jarspring-aspects-4.1.6.RELEASE.jarspring-beans-4.1.6.RELEASE.jarspring-context-4.1.6.RELEASE.jarspring-context-support-4.1.

2021-07-05 22:14:04 115

原创关于tsconfig.json

文章目录compilerOptionsfiles | include| exclude参考文档{ "compilerOptions": { "target": "es5", "module": "commonjs", "esModuleInterop": true, "forceConsistentCasingInFileNames": true, "strict": true, "skipLibCheck": true

2021-07-05 14:36:12 183

原创电子书管理增加分类选项

admin-ebook.vue使用了antd的cascader组件<template> <a-layout> <a-layout-content :style="{ background: '#fff', padding: '24px', margin: 0, minHeight: '280px' }" > <p> <a-form :model="param" layout="inli.

2021-07-05 13:15:05 262

原创微信小程序的表单组件与表单验证

文章目录form组件input组件button组件picker组件wx.showToast(Object object)实例form组件当点击form表单中form-type为submit的button组件时，会将表单组件中的value值进行提交，需要在表单组件中加上name类作为key。bindsubmit，携带form中的数据触发submit事件input组件placeholder，输入框为空时占位符placeholder-class，指定placeholder的样式bindblur

2021-07-04 17:55:34 940

原创 TypeScript入门

新建项目新建目录mkdir testcd testnpm init -y安装下载typescriptnpm install --save typescript@next安装了typescript@4.4.0-dev.20210627创建main.tsinterface Point2D{ x:number, y:number}interface Point3D{ x:number, y:number, z:number}var

2021-07-02 16:08:24 720

原创实现分类管理功能

文章目录分类表的设计后端代码实现MyBatis生成Model实体类文件、Mapper接口文件和Mapper XML配置文件添加controller层和service层代码关于雪花算法前后端交互Long型精度丢失问题前端代码实现分类表的设计drop table if exists `category`;create table `category`( `id` bigint not null comment 'id', `parent` bigint not

2021-07-01 22:14:55 731

原创使用微信小程序的picker组件

简单示例<picker mode="selector" range="{{array}}" value="{{index}}" bindchange="pickerChange"> <view>当前选择：<text>{{array[index]}}</text></view></picker>/**index.wxss**/view{ margin: 100rpx;

2021-07-01 21:51:12 2957