- 博客(71)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 使用Vue、Quasar、Express开发课程网站（二）：利用Express实现文件下载
一、新建Express项目：我参考了这篇论文：从零搭建express + vue开发环境二、编写文件下载代码：使用Express的download方法。文件预先放在本地了。后期我试试放在MinIO上，是否也是一样可以实现下载。download.js：router.get('/introduction', function (req, res, next) { // res.send('响应成功!') try { res.download('./file/introdu
2021-12-20 17:07:13
514
原创 使用Vue、Quasar、Express开发课程网站（一）：安装Quasar；利用VueRouter编写导航菜单
一、安装Quasar按照Quasar官网教程安装Quasar，首先要确保安装好npm和node；# Node.js >=12.22.1 is required.$ yarn global add @quasar/cli# or$ npm install -g @quasar/cli利用Quasar新建项目：## Quasar UI v2$ quasar create <folder_name>跑起来：quasar dev也可以看知乎的这篇教程二、编写导航菜单
2021-12-20 16:32:18
1178
原创 记录最近学习使用Node进行微信平台开发遇到的2个问题
Failed to lookup view “search” in views directory “./views”参照 stackoverflow上的回答解决。原代码：//配置模板资源目录app.set('views', './views')//配置模板引擎app.set('view engine', 'ejs')修改后：//引入pathconst path = re...
2020-04-11 23:52:11
241
原创 记录一次GitHub填坑
一直以来用git用的好好的，无论是在命令行还是在IDEA里面使用，从来没有出现什么bug。但是，当我在WebStorm里关联了GitHub账号再想上传代码时，不知道弄了什么骚操作，错误开始接二连三。错误：git@github.com: Permission denied (publickey). fatal: 无法读取远程仓库。请确认您有正确的访问权限并且仓库存在。然后开始谷歌，病急乱投医开...
2020-04-01 12:43:29
202
原创 数据结构学习（十二）：二分查找
一、思路首先确定该数组的中间的下标；然后让需要查找的数findVal和arr[mid]比较；2.1 findVal>arr[mid]，说明要查找的数在mid的右边，因此需要递归地向右查找；2.2 findVal<arr[mid]，说明要查找的数在mid的左边，因此需要递归地向左查找；2.3 findVal==arr[mid]，找到，返回；什么时候结束递归3.1 找到结束...
2020-03-29 17:40:04
192
原创 数据结构学习（十一）：快速排序
一、思想通过一趟排序将要排序的数据分割成独立的两部分，其中一部分的所有数据都比另外一部分的所有数据都要小，然后再按照该方法对这两部分数据分别进行快速排序，整个排序可以递归进行，以此达到整个数据变成有序序列。二、代码public static void quickSort(int[] arr, int left, int right) { //左下标 int l...
2020-03-28 17:45:56
130
原创 数据结构学习（十）：希尔排序
一、交换法public static void shellSort(int[] arr) { int temp = 0; int count = 0; for (int gap = arr.length; gap > 0; gap /= 2) { //第一轮排序 //第一轮排序是将10个数据分...
2020-03-28 12:55:54
137
原创 数据结构学习（九）：插入排序
一、思想把n个待排序的元素看成一个有序表和一个无序表，开始时有序表中只有一个元素，无序表中包含有n-1个元素，排序过程中每次从无序表中取出第一个元素，把它的排序依次将有序元素的排序码进行比较，将它插入到有序表中的适当位置，使之成为新的有序表。第1趟排序后的数组：[101, 34, 119, 1]第2趟排序后的数组：[34, 101, 119, 1]第3趟排序后的数组：[34, 101...
2020-03-28 10:21:51
104
原创 数据结构学习（八）：选择排序
一、思路原始数组：101,34,119,1第一次排序：1 ,34,119,101第二次排序：1,34 ,119,101第三次排序：1,34,101 ,119说明：1.选择排序一共有（数组大小-1）次排序；2.每一次排序，又是一个循环：（1）先假定当前这个数是最小数（2）然后和后面的每个数进行比较，如果有发现比当前数更小的数，就重新确定最小数，并得到下标；（3）当遍历到数组最后时...
2020-03-28 10:01:33
199
原创 数据结构学习（七）：冒泡排序
一、初始代码int arr[] = {3,9,-1,10,-2}; //第一趟排序，将最大的数排在最后 int temp = 0; for (int i = 0; i < arr.length - 1; i++) { for (int j = 0; j < arr.length -1 - i; ...
2020-03-27 16:25:50
147
原创 数据结构学习（六）：八皇后问题（回溯）
一、使用一维数组表示皇后所在的位置 //定义一个max表示共有多少个皇后 int max = 8; //定义数组array，保存皇后放置位置的结果，比如arr = {0,4,7,5,2,6,1,3} //arr[i] = val,val表示第i+1个皇后，放在第i+1行的第val+1列 int[] array = new int[max];二、输出皇后摆放的位...
2020-03-26 20:15:25
246
原创 数据结构学习（六）：迷宫问题（递归）
一、迷宫的定义//先创建一个二维数组，模拟迷宫 int[][] map = new int[8][7]; //使用1表示墙 //上下全部置为1 for (int i = 0; i < 7; i++) { map[0][i] = 1; map[7][i] = 1; ...
2020-03-26 20:00:19
378
原创 数据结构学习（五）：逆波兰表达式（后缀表达式）
一、将中缀表达式转换成后缀表达式的具体思路初始化2个栈：运算符栈s1和储存中间结果的栈s2；从左至右扫描中缀表达式；遇到操作数时，将其压入s2；遇到运算符时，比较其与s1栈顶运算符的优先级：（1）如果s1为空，或栈顶运算符为“(”，则将此运算符入栈；（2）否则，若优先级比栈顶运算符的高，也将运算符压入s1；（3）否则，将s1栈顶的运算符弹出并压入到s2中，再次转到4....
2020-03-25 12:12:40
434
原创 数据结构学习（四）：约瑟夫环
一、定义节点class Boy { private int no; private Boy next; public Boy(int no) { this.no = no; } public int getNo() { return no; } public void setNo(int no) { ...
2020-03-25 10:19:28
136
原创 leetcode2. 两数相加
public static ListNode addTwoNumbers(ListNode l1, ListNode l2) { ListNode dummyHead = new ListNode(0); ListNode p = l1, q = l2, curr = dummyHead; //进位 int carry = 0; ...
2020-03-22 22:28:51
148
原创 leetcode19. 删除链表的倒数第N个节点
思路：删除从列表开头数起的第 (L - n + 1)个结点；把第 (L - n) 个结点的 next 指针重新链接至第(L−n+2) 个结点 public ListNode removeNthFromEnd(ListNode head, int n) { ListNode dummy = new ListNode(0); dummy.next = head...
2020-03-22 22:25:25
92
原创 数据结构学习（三）：双向链表
一、双向链表定义class HeroNode2 { public int no; public String name; public String nickname; public HeroNode2 next; public HeroNode2 pre; public HeroNode2(int no, String name, String...
2020-03-22 18:24:05
118
原创 数据结构学习（二）：单链表试题
1.编写一个方法，接收head节点，同时接收一个index 2.index表示倒数第index个节点 3.先把链表从头到尾遍历，得到链表的总长度（getLength） 4.得到size后，从链表的第一个开始遍历（size-index）个,就可以得到
2020-03-22 13:11:17
195
原创 数据结构学习（一）：单链表
一、单链表定义class HeroNode { public int no; public String name; public String nickname; public HeroNode next; public HeroNode(int no, String name, String nickname) { this.no =...
2020-03-21 22:27:52
108
原创 vue-video-player：将视频上传至腾讯云点播平台，在播放器中选择播放
一、上传我使用的是腾讯云点播平台，按照教程上传视频，得到url。二、代码我的思路是：写一个选择器，将选中的value传给vue-video-player的src中。HTML:<el-select v-model="value" placeholder="请选择检测对象" @change="changeUrl"> <el-option ...
2020-02-17 23:38:09
935
原创 vue-baidu-map：实现地点搜索和路径规划
一、自定义一个百度地图控件：该控件包括一个输入框，用于输入要搜索的地址；一个路线按钮，点击后弹出面板，用于选择出行方式和输入始终点；一个搜索按钮。<bm-control> <div id="searchbox" class="clearfix"> <div id="searchbox-container"> ...
2020-02-14 19:43:38
3296
1
原创 在Vue中调用和风天气api展示天气详情和生活指数
api的具体使用可以看官网。我主要使用两个api。我新建了一个叫Weather.vue的Vue组件。HTML代码：我使用Element-UI框架的el-tabs，弄了一个标签页，可以切换查看天气详情和生活指数。<template> <div> <el-tabs v-model="activeName" type="card" @tab-clic...
2020-02-14 17:52:18
2813
1
原创 Vue实现视频播放（二）：使用Vue组件vue-video-player
一、安装npm install vue-video-player --save二、在组件中引用import { videoPlayer } from 'vue-video-player'import 'video.js/dist/video-js.css'export default { components: { videoPlayer }}三、HTML代码...
2020-02-10 16:36:07
3554
原创 Vue实现视频播放（一）：使用原生方法写一个视频播放组件
看的是黑马程序员的教程，记录下来当做笔记。HTML：使用了video标签该标签的事件：ontimeupdate：在视频进行播放的时候持续触发，我们可以监听这个事件，并在这个事件中获取视频的当前播放时间；oncanplay：在视频信息加载完毕之后触发总时长可以通过oncanplay获取，但是当前播放时间需要在ontimeupdate事件中持续更新，当视频信息加载完毕之后，会自动的触发on...
2020-02-10 16:26:43
8783
6
原创 SpringData+MongoDB入门
记录一下SpringData+MongoDB是怎么操作的。（1）启动mongoDB我使用的指令是：（按照官网的）mongod --dbpath /var/lib/mongo --logpath /var/log/mongodb/mongod.log --fork端口是27017.输入mongo回车便可进入mongoDB Shell操作界面。（2）...
2020-02-09 10:43:56
630
原创 初次尝试SpringBoot+vue-baidu-map+WebSocket
因为项目需求，后台与前端需要保持长期的连接，后台可以主动地向前端发送数据。因为WebSocket一直很热门，因此趁此机会学习一下。一、后端代码（1）添加依赖<dependency> <groupId>org.springframework.boot</groupId> <artifactId>sp...
2020-02-08 10:10:17
347
原创 解决mongodb查询所有数据出错：Query failed with error code 2 and error message 'Field 'locale' is invalid in:
仅仅只是使用继承自MongoRepository的findAll，却报了如下错误部分错误信息：Caused by: com.mongodb.MongoQueryException: Query failed with error code 2 and error message ‘Field ‘locale’ is invalid in: { locale: “comment” }’ on s...
2020-01-10 21:54:29
12308
17
原创 远程netty客户端连接上部署在云服务器上的netty服务端
感动天感动地，终于可以连接上服务器了。。。。看到篇问题和我一模一样的博客：https://segmentfault.com/q/1010000015717059看了一下下面的解答，大致就是公网IP并不是云服务器上的IP啥的。通过vim /etc/hosts，添加：公网IP 自定义域名然后修改客户端程序：@PostConstruct public void start() th...
2020-01-07 13:09:30
1427
2
原创 启动mongodb的命令行
mongod --dbpath /var/lib/mongo --logpath /var/log/mongodb/mongod.log --fork
2020-01-07 09:19:45
1157
原创 使用Netty实现一个小型服务器（作为数据中转站）
项目需要，要写一个服务器作为数据中转站，服务器接收客户端发送的数据，再转发给其他客户端。客户端可以自己写一个测试是否可以连接和接收数据，也可以是4G模块或者单片机啥的。客户端代码：我的项目目录结构：代码如下：NettyServer.javaimport io.netty.bootstrap.ServerBootstrap;import io.netty.channel.Channe...
2020-01-04 18:05:18
2077
7
原创 牛客java专项练习错题记录（持续记录）
A.一个类里面多个内部类，构造方法名是与和.java文件同名的public类名。内部类也是类，构造方法名和内部类名不同。B.记住概念，构造方法不返回任何值，也没有返回类型。C.子类在构造方法里面调用父类的构造方法时，会在第一行使用“super(参数列表)”显示调用父类的构造方法。这里是显示地直接调用，而且没有创建新对象。D.构造方法允许重载。内部类也可以有多个构造方法，而匿名内部类一个构造...
2020-01-04 16:44:27
188
原创 Vue+axios+Element UI+SpringBoot+Spring Data JPA实现分组查看
今天从中午弄到晚上九点多就一直在纠结，到底是经验不够，哎一 后端要实现的是找出所有分组及每个分组下的所有车辆（1）SQL语句的编写车辆为一张表，分组为一张表，车辆表里的分组ID对应着分组表里的主键ID。我们设想了好多条SQL语句，比如：select t_car.id ,t_car.car_group from t_car group by t_car.id ;select ...
2019-10-09 22:35:52
271
原创 Vue+axios+SpringBoot+Spring Data JPA实现增加和修改
一 增加我的设想是：前端将对象转化成Json字符串，传送给后端，后端接收了Json字符串后再使用Json工具类将其转化成对象。前端代码：let newCar = { gpsNumber:this.car.gpsNumber, carNumber:this.car.carNumber, carType:this...
2019-10-08 20:49:52
546
原创 Vue+ElementUI实现简单的用户管理系统（五）：编辑用户信息
（1）编辑用户的界面界面和和添加用户的界面差不多，只是需要显示用户原来的信息。<template> <div class="edit"> <h1>编辑用户</h1> <el-form :label-position="labelPosition" label-width="80px" ...
2019-10-06 16:58:42
4684
原创 Vue+ElementUI实现简单的用户管理系统（四）：查看用户详情页及删除用户
（一）展示用户详细信息在点击“查看”按钮时，传递了用户的Id，我们要把这个Id拿出来：this.$route.query.idcreated() { this.handle(this.$route.query.id); },handle方法，也就是根据id使用axios发送get请求拿到用户的详细信息：handle(id){ let config = {...
2019-10-06 16:46:05
5658
原创 Vue+ElementUI实现简单的用户管理系统（三）：使用ElementUI的表单组件实现添加用户
（1）使用ElementUI的表单组件及表单验证功能<template> <div class="add"> <h1>添加用户</h1> <el-form :label-position="labelPosition" label-width="80px" :model="custome...
2019-10-06 16:27:30
2928
原创 Vue+ElementUI实现简单的用户管理系统（二）：axios获取数据、使用table组件显示、vue-router带参数跳转
有了接口和数据后，就要开始获取数据并把它们显示出来了。（一）axios获取数据在methods里写一个方法。一开始我没有使用箭头函数而是使用下面这种写法， handle(){ let config = { url:'http://localhost:3000/users', method: 'get', } ...
2019-10-06 16:07:57
1870
原创 Vue+ElementUI实现简单的用户管理系统（一）：使用JsonServer模拟接口
我这里没有写后台题接口，而是使用了JsonServer模拟接口和数据。GitHub地址：https://github.com/typicode/json-server，可以按照里面的教程进行学习。1）新建一个文件夹，cd进去，npm init2）npm install json-server --save3）新建一个db.json文件，写入以下内容：{ "users": [ ...
2019-10-06 15:29:34
975
原创 SpringBoot+Vue+ElementUI实现头像上传功能
从安装FastDFS开始，断断续续折腾了两天多，终于基本粗糙地实现了这个功能。遇到了许多bug，记录一下。后端：Controller:（1）这里要加上 @CrossOrigin解决跨域问题（2）我的参数的注解是@RequestParam，而不是@RequestBody，这会导致接下来前端使用axios进行POST请求时，参数传不到后台的情况。这个问题在前端解决。（3）我的设想是前端将图...
2019-09-30 19:37:16
5664
1
空空如也
Spring Data jpa+Mongodb查询全部数据出错
2020-01-10
TA创建的收藏夹 TA关注的收藏夹
TA关注的人