自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(551)
  • 资源 (13)
  • 收藏
  • 关注

原创 PS常见操作

复制图层:Ctrl+J取消选中选区:Ctrl+D图层盖印:Ctrl+Shift+Alt+E旋转缩放图层:Ctrl+T ,或者【编辑】-【自由变换】

2021-06-11 15:23:59 15

原创 Word技巧

设置文本框边框为“无边框”【插入】-【文本】-【文本框】,选中文本框,右键【轮廓】-【无轮廓】文档首页拖一个文本框。设置文本框无边框 文本框中插入3列表格。选中表格,右键【表格属性】-【单元格】-【靠下】设置边框...

2021-06-08 14:29:31 30

原创 vue 中使用el-scrollbar 滚动条

ElementUI的隐藏组件,官方没放出来,但是可以直接在项目中使用。重点:设置外层容器的高度 设置组件样式style="height:100%"<template> <div style="height:600px;"> <el-scrollbar style="height:100%"> <div> 内容 </div> </el-scrollbar> ..

2021-06-02 16:42:46 36

原创 Vue中实现图标选择器

可选择elementUI中所有的图标和自定义导入的svg图标效果图:首先要有这一节的基础:https://blog.csdn.net/qq_40323256/article/details/116950679项目gitee代码:https://gitee.com/LiDaJiang/git_vue2_koa2_mongoose_iconpicker核心代码如下所示:@/components/IconPicker/eIcon.vue:<template> &..

2021-05-30 23:06:33 158 2

原创 Vue项目中使用Swagger生成接口文档

在线:https://editor.swagger.io/下载:https://github.com/swagger-api/swagger-ui解压后,复制整个dist文件夹到服务端的public目录下,并改名为apidocs(随意)在Swagger Editor中把文档保存为YAML或者JSON,我命名为swagger.json(或者swagger.yaml)然后将文档放进api-docs文件夹,打开api-docs文件夹中的index.html,找到末尾的JavaScrip

2021-05-20 09:30:50 125 1

原创 Vue中使用svg-基于vue-svgicon组件

目录一、下载vue-svgicon二、main.js中引入三、将.svg转换成.js进行引入四、使用一、下载vue-svgiconcnpm i -S vue-svgicon二、main.js中引入import SvgIcon from 'vue-svgicon'Vue.use(SvgIcon, { tagName: 'svg-icon'});注意:这里要记得加上{tagName:'svg-icon'},否则会报错三、将.svg转换成.js进行引..

2021-05-17 21:56:24 130 3

原创 Vue中登录页面记住密码,并使用crypto-js加密

主要用到js-cookie来存储用户名和密码,关于js-cookie介绍:https://blog.csdn.net/qq_40323256/article/details/116838848一、下载js-cookiecnpm i -S js-cookie二、main.js中全局引入import Cookies from 'js-cookie'Vue.prototype.$cookie = Cookies;三、使用<el-checkbox v-model="rem..

2021-05-17 20:43:33 56

原创 Vue中使用js-cookie

目录一、安装js-cookie二、使用1、局部使用2、全局使用一、安装js-cookiecnpm i -S js-cookie二、使用1、局部使用importCookiesfrom"js-cookie";​​​​​​​示例:<template> <div> <p>当前token: {{token}}</p> <el-button @click="getToken()...

2021-05-15 11:42:54 83 1

原创 Vue中使用e-icon-picker 图标选择组件

gitee地址:https://gitee.com/cnovel/e-icon-picker效果图:main.js中引入:import iconPicker from 'e-icon-picker';import "e-icon-picker/lib/symbol.js"; //基本彩色图标库import 'e-icon-picker/lib/index.css'; // 基本样式,包含基本图标import 'font-awesome/css/font-awesome.min.c.

2021-05-15 10:04:54 196

原创 Vue中常用的一些自定义指令

main.js中:Vue.directive('color', { bind(el, binding, vnode) { el.style.color = "#" + Math.random().toString(16).slice(2, 8); }})使用:给标签添加v-color即可<span v-color>随机颜色</span>

2021-05-14 15:55:31 782 17

原创 Vue中使用emoji表情

使用:<!--main--><template> <div class="main"> 输入: <el-input v-model="inputValue" /> <el-button @click="analyzeEmoji(inputValue)">显示:</el-button> <span v-html="content" /> <OwO re...

2021-05-14 15:05:56 235

原创 Vue中的this.$set

当你发现你给对象加了一个属性,在控制台能打印出来,但是却没有更新到视图上时,也许这个时候就需要用到this.$set()这个方法了官方解释:向响应式对象中添加一个属性,并确保这个新属性同样是响应式的,且触发视图更新。它必须用于向响应式对象上添加新属性,因为 Vue 无法探测普通的新增属性调用方法: Vue.set( target , key , value)target: 要更改的数据源(可以是一个对象或者数组)key 要更改的具体数据 (索引)value 重新赋的值&lt..

2021-05-10 11:25:05 128

原创 Vue中使用TailWindCSS-亲测可用!!!!

一、下载cnpm i -S tailwindcss 发现至少要node版本>=12.13.0更新node版本-

2021-05-08 00:29:20 513

原创 VsCode配置c运行环境

github地址:https://github.com/SDchao/AutoVsCEnv_WPF解压安装包,然后运行AutoVsCEnv_WPF.exe重启计算机,使环境变量生效vscode中打开c_projects(注意一定要打开c_projects文件夹)。注意不要打开c_projects文件夹中的c项目文件夹。...

2021-05-07 00:18:26 39

原创 vue中使用uuid

一、下载cnpm i -S vue-uuid二、main.js中引入import UUID from "vue-uuid";Vue.use(UUID);三、使用console.log("this.$uuid.v1():", this.$uuid.v1());

2021-05-06 09:53:17 103

原创 Vue中对表单的增删改查(不含图片)

目录效果图:客户端view/userManage/index.vueview/userManage/userManageDialog.vueapi/userManage/index.jsutils/request.jsrouter.jsmain.jsvue.config.js服务端Models/User.jsroutes/user.jsdb.jsapp.jsgitee地址:https://gitee.com/LiDaJiang/git_vue2_.

2021-05-05 13:52:41 72

原创 vue对表单的增删改查(包含图片)

目录效果图:​客户端views/userManage/index.vueviews/userManage/userManageDialogutils/alioss.jsutils/index.jsutils/request.jsrouter.jsmain.jsvue.config.js服务端models/User.jsroutes/user.jsdb.jsapp.jsgitee地址:https://gitee.com/LiDaJiang/g..

2021-05-05 13:35:11 153 3

原创 vue中使用moment格式化时间

目录一、安装moment.js二、main.js中引入moment三、使用1、过滤器用法全局过滤器局部过滤器2、挂载vue上此外,day.js也可以实现类似的功能,见:https://blog.csdn.net/qq_40323256/article/details/110930383一、安装moment.jscnpm i -S moment二、main.js中引入momentimport moment from 'moment'三、使用有两种方.

2021-05-05 10:24:28 324 1

原创 Vue中的过滤器(filter)

目录过滤器使用位置全局过滤器、局部过滤器全局过滤器:局部过滤器:过滤器中传入多个参数:多个过滤器串联:官方文档:https://cn.vuejs.org/v2/guide/filters.html在官方文档中,是这样说明的:可被用于一些常见的文本格式化,vue中过滤器的作用可被用于一些常见的文本格式化。(也就是修饰文本,但是文本内容不会改变)个人觉得称它为加工车间会更加贴切一些,过滤器可以用来筛选出符合条件的,丢弃不符合条件的;加工车间既可以筛选,又可以对筛选出来的进..

2021-05-02 17:50:43 338

原创 CSS:盒子模型和box-sizing属性

盒子模型:W3C盒子模型 、IE盒子模型一、W3C盒子模型 (标准盒子模型)box-sizing:content-box;(默认)二、IE盒子模型box-sizing:border-box;示例:代码:<!--test--><template> <div class="test"> <div class="box1"> <p>width: 300px;</p> ..

2021-05-02 11:34:18 59

原创 vue中实现元素吸顶效果

效果图:注意:窗口会抖动,体验不是很好,后期再优化代码实现:<template> <div> <div style="height: 100px;"></div> <div style="width:100px;height:100px;margin-left:30px;border:1px solid red;color:black" :class="{isFixed:isFixed}".

2021-05-02 10:52:45 59

原创 元素滚动到视图中时对其进行动画处理:vue-animate-onscroll

参考:https://www.npmjs.com/package/vue-animate-onscroll在线demo:https://vue-animate-onscroll.netlify.app/<template> <div class="test"> <div style="height: 1200px;"></div> <section style="border:1px solid red"> .

2021-05-02 10:49:47 92

原创 JavaScript(js)中删除Array数组中的值

目录方式1:splice(index,1)方式2:new Set()方式3:delete方式1:splice(index,1)splice() 方法会直接对修改原数组 let arr = ["vue", "react", "angular"]; console.log("删除前arr:", arr); for (let i in arr) { if (arr[i] === "react") { let result = ...

2021-05-02 02:20:27 100

原创 JavaScript(js)中两个简单Array数组求交集、并集、差集和补集

目录一、交集二、并集三、差集四、补集目前使用for,for in ,for of ,for each 等循环,搭配Array.indexOf()、Array.includes()等函数都可以实现该功能,但是代码较为繁杂,不够简洁,因此,推荐使用以下方式来实现:注意:new Set()有去重的效果一、交集方式1: let arrA = ["a", "b", "c", "d"]; let arrB = ["a", "b", "e"]; le.

2021-05-02 01:45:45 130 2

原创 vue使用tinymce5富文本编辑器

参考:https://liubing.me/vue-tinymce-5.htmlclone项目:https://gitee.com/LiDaJiang/vue-use-tinymce/tree/mastercnpm i 安装依赖npm run serve 运行此时运行会发现没有图标,需要手动在\vue-use-tinymce\src\components\tinymce-editor\tinymce-editor.vue中加入一行 import"tinymce/icons/defaul...

2021-04-23 23:20:57 125

原创 gitee(码云)项目中readme设置图片

给gitee项目设置图片:1)在本项目中上传图片2)打开git上的图片,如下操作:在readme.md文件中,使用刚才的图片路径,格式如下:![Image text](https://gitee.com/LiDaJiang/my-files/raw/master/imgs/1619107257(1).jpg)效果:...

2021-04-23 00:36:14 81

原创 vue中的上传组件el-upload

自定义上传:<template> <div> <el-upload action :http-request="handleHttpRequest"> <el-button slot="trigger" size="small" type="primary">选取文件</el-button> </el-upload> </div></template><scr

2021-04-15 22:57:45 72

原创 vue2+koa2+mongodb项目上线

1、使用pm2启动server文件夹中的项目,命名为“XXX”。如下:一定要使用export NODE_ENV=production设置服务端的环境为production!!!!!!设置后才能根据判断当前环境是开发环境还是生产环境export NODE_ENV=production&&pm2 start ./bin/www --name="XXX"2、nginx.conf中一定要注意以下红框中的内容,尤其是/api代理!!!3、vue.config.js4、ap

2021-04-07 16:22:15 88 2

原创 vue2+koa2项目设置环境变量(开发环境/生产环境)

Windows中设置环境变量:set NODE_ENV=productionLinux中设置环境变量: export NODE_ENV=production比方说如果代码中要对生产环境下做一些处理,可以这样写:if (process.env.NODE_ENV === 'production') { // just for production code}app.js://自动判断开发环境和生成环境,并展示对应的端口if (process.env.NODE_EN.

2021-04-07 15:10:28 120

原创 NoSQLBooster for MongoDB连接MongoDB (本地、阿里云远程)

目录一、下载安装二、连接本地MongoDB三、连接阿里云esc服务器中的MongoDB 一、下载安装NoSQLBooster for MongoDB官网下载地址:https://www.mongobooster.com/downloads(下载速度还是比较快的)二、连接本地MongoDB这个很简单,就不多说了三、连接阿里云esc服务器中的MongoDB ...

2021-04-06 19:52:21 127

原创 QGIS中连接PostGIS

打开qgis ,在PostGIS上右键点击【连接】,如下点击【测试连接】连接成功这样就对应起来了,删除qgis中的sichuan图层,即表示删除postgis中的sichuan图层

2021-04-02 17:30:24 123

原创 postgis中构造geojson

目录一、单条记录构造geojson二、多条记录构造geojson首先注意:1、以下所有命令最好自己手动在Navicat中敲,不要直接粘贴进去。哪怕最简单的select * from sichuan这行命令,如果直接粘贴进命令行,就会查询失败,而自己手动输入进去就会查询成功。这个报错其实是空格造成的!!当直接复制SQL命令到Navicat命令行后,虽然空格看上去没什么问题,但实际上并没有空格!这个可以在vscode中看出来。还有的SQL语句复制过来看上去都有小圆点,但还是报错,这是

2021-04-01 22:03:25 33

原创 vue2+koa2+postgresql前后端访问

一、服务端-koa21、koa-generator搭建koa2项目首先使用koa脚手架搭建好基础的框架,具体步骤,见:https://blog.csdn.net/qq_40323256/article/details/1092566242、封装postgresql连接池安装mysql包cnpm i -S pg在根目录下新建db.js// 连接postgreSQLvar pgsql = require("pg");var pool = new pgsql.Pool({

2021-03-31 15:50:14 110

原创 vue中的img路径

目录一、引入public中的img二、引入assets中的img三、通过require()函数动态引入路径四、css中background属性通过url()函数引入路径五、css中background属性通过url()函数 动态 引入路径六、通过组件动态引入路径七、组件引入public中的路径八、组件引入外部图片链接推荐<el-image>组件,其详细介绍见:https://element.eleme.cn/#/zh-CN/component/image一

2021-03-30 23:49:35 245

原创 express代码重构为koa时需要注意的一些事情

koa中获取异步数据一定要用await来接收,千万不要像express那样用回调的方式!!!否则前端获取不到数据(尤其是查询mongoose时,如:letusers=awaitUserModel.find({})) 将(req,res)改为(ctx,next) 发送数据给前端时,将res.send(obj)改为ctx.body(obj) koa中,在后端打印ctx后虽然找不到request,更没有body,但是可以直接使用ctx.request!!!。通过ctx.r...

2021-03-29 22:11:09 29

原创 路由器连接

1、将路由器插上电源2、路由器接入网线3、重置路由器(有一个小孔,用针夺两三秒)4、打开wife,查看出现的路由器wife名5、点击连接wife6、在浏览器地址栏输入地址:192.168.xxx(具体的地址可在路由器背面查看)7、如果出现网页,自己设置wife名和wife密码,保存即可。这样就可以连上wife了...

2021-03-26 14:37:59 13

原创 CSS3动画-transition、animation、transform(translate/scale/rotate)

目录一、transition(过渡)1、transition-duration2、transition-property3、transition-timing-function4、transition-delay二、animation1、@keyframes2、animation-timing-function3、animation-delay4、animation-iteration-count:检索或设置对象动画的循环次数5、animation-pla...

2021-03-19 19:22:58 54

原创 qgis中加载天地图

一、注册天地图天地图官网:http://lbs.tianditu.gov.cn/home.html获取ak二、新建连接打开qgis,在xyztiles上右键【新建连接】输入:https://t0.tianditu.gov.cn/vec_w/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=img&STYLE=default&TILEMATRIXSET=w&FORMAT=t

2021-03-18 14:49:43 625

原创 vue大屏中的水球图

效果图:chart.vue:<template> <!-- 每一个图表都要设置height高度,如下 --> <Echart :options="options" height="4.5rem"></Echart></template><script>import Echart from "@/common/echart";export default { data() { return {

2021-03-17 19:43:02 137 1

原创 vue大屏中对echarts基础模板的封装

目录一、下载echarts 、vue-awesome、@jiaminghi/data-view、lib-flexible二、在main.js中引入三、封装echarts四、使用五、div包装六、引用模板七、使用一、下载echarts 、vue-awesome、@jiaminghi/data-view、lib-flexiblecnpm i -S dayjs echart@4.9.0 vue-awesome @jiaminghi/data-view lib-flexi.

2021-03-16 18:31:48 146

学生信息管理系统升级版

这是学生成绩管理系统的完整代码,包括学生信息表,教师信息表,课程表以及课程和学号相关的一个表。另外还有数据库文件,和word文档。csdn上的那个例子只是介绍了学生信息表

2018-11-11

ARCGIS二次开发课程设计

这是一个ARCGIS的二次开发项目,也是自己的期末课程设计。包含的功能有:对文件的打开,保存,另存为,地图的导出,鹰眼实现,交互式画点线面,简单着色,分级着色,唯一值着色,颜色浏览器,颜色选择器,颜色版,在地图视图下右键弹出“全图显示”等内容列表等基础功能,另外还实现了一些空间分析功能,如“缓冲区分析”,“叠置分析”。该安装包中还包含电子文档,视频。如果还有什么疑问,欢迎留言

2018-12-21

userlogindemo.zip

userlogindem zip

2019-05-27

利用ASP.NET和百度地图API开发的校园地图

这是利用ASP.NET和百度地图API开发的校园地图,也是自己的webgis课程设计。 实现的功能有:1.利用ASP.NET实现用户的登录与注册,并将用户的用户名及密码用Sqlserver数据库存储起来。2.此校园地图可以实现根据输入地图名查询地图,输入框输入关键字可以自动联想相关地址,鼠标滚轮或者右键地图视图实现地图的缩放,普通影像与卫星影像的互换,对工具条或比例尺的添加或删除,打开全景图等功能。

2019-01-01

geoserver中发布geojson服务需要的包.zip

geoserver中发布geojson服务需要的包。里面有四个jar包,包括:gson-2.3.1.jar,gs-vectortiles-2.15.0.jar,java-vector-tile-1.3.4.jar,protobuf-java-3.6.1.jar

2020-10-03

Behavior Designer

Behavior Designer

2018-10-23

ssm_spring_mvc.war

ssm_spring_mvc.war,实现了增删改查,数据回显,模糊查询

2019-06-15

ssm_spring_mvc_maven.war

ssm_spring_mvc_maven.war,页面用的bootstrap,实现了记录的增删改查,数据回显,模糊查询

2019-06-15

Pocket RPG Weapon Trails_1.unitypackage

package中包含武器拖尾效果的完整例子与使用说明,包括最主要的两个代码TestMyTrail.cs和WeaponTrail.cs

2018-09-08

数据结构与算法-C#版

这是C#版的数据结构与算法的代码实现,包括:顺序表,单链表,双链表;顺序栈,链栈;顺序队列,链队列;顺序串;用数组进行特殊矩阵的存储,稀疏矩阵的存储;顺序存储二叉树,链式存储二叉树,哈夫曼树;多重链表表示法存储树;用邻接矩阵解决图的编程问题,用邻接表解决图的编程问题,图的遍历(深度优先,广度优先),Dijkstra最短路径算法;冒泡排序,快速排序

2019-03-09

Photon-OnPremise-Server-SDK_v4-0-29-11263

Photon-OnPremise-Server-SDK_v4-0-29-11263。Photon-OnPremise-Server-SDK_v4-0-29-11263

2018-10-01

学生成绩管理系统

这是学生成绩管理系统的完整代码,包括学生信息表,教师信息表,课程表以及课程和学号相关的一个表。csdn上的那个例子只是介绍了学生信息表

2018-11-11

nhibernate.dll

nhibernate.dll版本是4.1.1,此Nhibernate支持.net framework 4.5

2018-10-01

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人 TA的粉丝

提示
确定要删除当前文章?
取消 删除