uni-app开发微信小程序实现文件预览
uni-app开发微信小程序实现文件预览首先要在小程序后台配置 downloadFile 合法域名
然后使用 uni.downloadFile 实现文件预览,代码如下
123456789101112131415161718192021uni.downloadFile({ url: "你要预览的文件地址", success: (res) => { if (res.statusCode === 200) { // 使用uni.saveFile获取文件临时路径 uni.saveFile({ tempFilePath: res.tempFilePath, success: function (save) { // 自动打开手机预览文件页面 uni.openDocument({ ...
Spring MVC
什么是SpringMVC
SpringMVC是Spring的一个后续产品。是Spring的一个子项目
SpringMVC 是 Spring 为表述层开发提供的一整套完备的解决方案。在表述层框架历经 Strust、WebWork、Strust2 等诸多产品的历代更迭之后,目前业界普遍选择了 SpringMVC 作为 Java EE 项目表述层开发的首选方案。
SpringMVC的特点
Spring 家族原生产品,与 IOC 容器等基础设施无缝对接
基于原生的Servlet,通过了功能强大的前端控制器DispatcherServlet,对请求和响应进行统一处理
表述层各细分领域需要解决的问题全方位覆盖,提供全面解决方案
代码清新简洁,大幅度提升开发效率
内部组件化程度高,可插拔式组件即插即用,想要什么功能配置相应组件即可
性能卓著,尤其适合现代大型、超大型互联网项目要求
HelloWorld开发环境
构建工具 maven
服务器 tomcat
Spring版本 5+
创建maven工程修改父项目的打包方式
在父项目中创建子 maven 项目,然后把子项目的打包方式改 war
然后 ...
动态合并表格行
实现需求:将客户一样拜访次数列合并成一行展示。如图
实现代码
1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495<template> <div> <el-table :data="tableData" :span-method="objectSpanMethod" border style="width: 100%; margin-top: 20px" > <el-table-column prop="itme" label="拜访时间" width="180&qu ...
常用正则校验方法封装
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384/** * 是否是外部连接 * @param {string} path * @returns {Boolean} */export function isExternal(path) { return /^(https?:|mailto:|tel:)/.test(path)}/** * 是否是正确的url * @param {string} url * @returns {Boolean} */export function validURL(url) { const reg = /^(https?|ftp):\/\/([a-zA-Z0-9.-]+(:[a-z ...
封装日期方法,获取本周,本月的起始日期
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566// 获取n天前日期// 0 今天,1 明天,-1 昨天function getDateStr(AddDayCount = 0) { var dd = new Date(); dd.setDate(dd.getDate() + AddDayCount); //获取AddDayCount天后的日期 var y = dd.getFullYear(); var m = (dd.getMonth() + 1) < 10 ? "0" + (dd.getMonth() + 1) : (dd.getMonth() + 1); //获取当前月份的日期,不足10补0 var d = dd.getDate() < 10 ? "0" + dd.getDate() : dd.g ...
ElementUI自定义表格多选表头
首先开局一张图
需求说明,如图所示,表格中的每一行是一个复选框,点击表头的复选框,需要吧每一行中的复选框选中,当行中的复选框全部选中时自动勾选上表头的。
在UI框架中只提供了给第一列添加多选的功能,无法实现上面的功能。所以特此写下此篇博客以供有类似需求的小伙伴借鉴。
要想实现上面功能,这里用到了ElementUI中table组件的 render-header 函数,这个方法的作用可以自定义表头渲染,返回的是一个 render 方法。具体代码如下
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107<template> <div class="curd-btn"> & ...
Maven入门
为什么学MavenMaven 作为依赖管理工具随着我们使用越来越多的框架,或者框架封装程度越来越高,项目中使用的jar包也越来越多。项目中,一个模块里面用到上百个jar包是非常正常的。比如下面的例子,我们只用到 SpringBoot、SpringCloud 框架中的三个功能:
Nacos 服务注册发现
Web 框架环境
图模板技术 Thymeleaf
最终却导入了 106 个 jar 包:
而如果使用 Maven 来引入这些 jar 包只需要配置三个『依赖』:
1234567891011121314151617<!-- Nacos 服务注册发现启动器 --><dependency> <groupId>com.alibaba.cloud</groupId> <artifactId>spring-cloud-starter-alibaba-nacos-discovery</artifactId></dependency><!-- web启动器依赖 --><dependenc ...
Java Spring5
课程地址:https://www.bilibili.com/video/BV1Vf4y127N5
jar包等资料地址:链接:https://pan.baidu.com/s/1dsgpwfj1Jrn16PCsteo-lQ?pwd=bjqz 提取码:bjqz
Spring5 概述
Spring 是轻量级的开源的 JavaEE 框架
Spring 可以解决企业应用开发的复杂性
Spring 有两个核心的部分:IOC、AOP
IOC:控制反转,把创建对象的过程交给Spring进行管理
AOP:面向切面,不修改源代码进行功能增强
Spring 特点:
方便解耦,简化开发
AOP编程支持
方便程序测试
方便进行事务操作
降低API开发难度
下载Spring5相关jar包下载地址:https://repo.spring.io/ui/native/libs-release-local/org/springframework/spring
这里我们选择下载 5.2.6 版本进行下载
点击链接,选择下载
下载解压后的目录如图所示,其中所有的 jar 包都在 libs 文件中
入门案例首先 ...
Java Web
课程视频地址:https://www.bilibili.com/video/BV1AS4y177xJ?p=1
课程文档地址:https://heavy_code_industry.gitee.io/code_heavy_industry/pro001-javaweb/lecture/
编写静态页面使用react脚手架搭建项目
1create-react-app demo01
使用 Semi UI框架
1yarn add @douyinfe/semi-ui
编写 App.js 组件内容
1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201 ...
js解决浮点数精度问题.
在 JS 运算中,使用浮点数进行算数运算可能会出现精度丢失问题,下面通过封装方法来解决
1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950//获取小数位长度function getDecimalLength(num) { let length = 0; try { length = String(num).split('.')[1].length } catch (e) { //TODO handle the exception } return length;}//获取放大倍数function getBeishu(num1, num2) { let num1DecimalLength = getDecimalLength(num1); let num2DecimalLength = getDeci ...