- 博客(39)
- 收藏
- 关注
RSS订阅原创 微信小程序设置底部菜单栏
在app.json中，设置底部菜单栏选项，代码如下：{ "pages":[ "pages/dish-management/dish-management", "pages/distribution-community/distribution-community", "pages/order-today/order-today", "pages/user-order/user-order", ], "window":{ "navigationBarBa
2021-10-24 07:00:00
1300
原创 git代码上传
$ git init //初始化一个仓库$ git remote add origin …(关联到远程仓库) { $ git remote //查看 $ git remote remove origin //删除查看到的（origin） $ git remote //再次查看 }$ git remote add origin https://gitee.com/…(从码云复制过来的链接) {新建一个origin 并且关联一下origin
2021-10-22 00:00:00
170
原创 vue下自定义wangeditor富文本框组件，并从父组件中引用，以及父子组件相互传值，图片上传，子组件重新加载的功能
因项目要求，关于vue.js中的前端加入富文本框，原本使用的是vue-quill-editor富文本框，但因客户要求，需要可以加入表格的功能，但是vue-quill-editor中缺少这些，所以最后选择了wangeditor1.vue中安装wangeditornpm install wangeditor --save2.自定义wangeditor组件新建wangEditor.vue文件，具体代码如下<template> <div> <div id=
2021-10-21 00:00:00
1829
1
原创 springboot项目连接mysql数据库
1.新建springboot项目之后，将application.properties文件改为application.yml2.在application.yml中编写连接mysql数据库的代码spring: profiles: active: dev---server:#port: 8086//项目运行端口号spring: datasource: driver-class-name: com.mysql.jdbc.Driver url: jdbc:mysq
2021-10-18 07:00:00
616
原创 ubuntu中使用ssh服务登录root账户时，提示access denied
有时候ubuntu中使用ssh服务登录root账户时，提示access denied，这需要修改配置文件1.进入ubuntu之后，使用vi /etc/ssh/sshd_config2.在文件中找到#PermitRootLogin prohibit-password，将它改为PermitRootLogin yes3.修改完成之后，重启ssh服务：/etc/init.d/ssh restart重启之后就可以使用root账户了...
2021-10-17 00:00:00
556
原创 ubuntu下关于防火墙的设置
查看防火墙端口:ufw status开启防火墙:ufw enable允许端口ufw allow 22ufw allow 3306
2021-10-16 00:00:00
109
原创 vue中通过el-input与el-table相结合，实现从表格中选择数据
源码： <el-input v-model="form.catalog" @click.native="onclick" placeholder="请选择目录" name="catalog"></el-input> <div id="divForm" style="display: none"> <el-table id="table12" border
2021-10-15 00:00:00
1261
原创 bootstrap-dataTable表格的实现
前端代码后端代码展示页面获取行参数进行编辑var table = $(’#gzTables’).DataTable();var rowData = table.row(index).data();//这样便可以获取到行值
2021-10-14 00:00:00
551
原创 关于jquery中Simple-calendar日历插件的使用
1.引入资源使用日历插件前首先要引用资源：JS CSS<link rel="stylesheet" type="text/css" href="css/simple-calendar.css"><script type="text/javascript" src="js/simple-calendar.js"></script>2.初始化一个日历首先为calendar准备一个容器，可以设置大小，也可以在options中设置，不设置的话自动设为默认<d
2021-10-13 00:00:00
1096
1
原创 vue自定义组件之自定义时间组件
1.在src目录下新建utils文件夹，用于存放相应的js文件2.相应的js文件中的代码如下datetime.js:Date.prototype.toMidnight = function() {this.setHours(0)this.setMinutes(0)this.setSeconds(0)this.setMilliseconds(0)return this}Date.prototype.daysAgo = function(days, midnight) {days =
2021-10-12 00:00:00
1370
原创 ubuntu下数据库备份与恢复说明文档
一．数据库备份1.1新建数据库备份存放目录与数据库备份脚本存放目录mysqls数据库备份脚本存放目录:mysqlLog数据库数据备份存放目录:1.2新建备份脚本文件（这里以下车间数据库为例(chejian)）车间脚本mysql_chejian.sh:1.3编写脚本mysql_chejian.sh说明：#!/bin/sh bak_path=/ssd/mysqlLog # 数据库数据文件备份目录 date_now=`date +%Y%m%d` # 当前日期 date_dep=`da
2021-10-11 11:42:32
207
原创 java实现后台导入excel文件进入数据库的功能
1.后台框架：struts22.前台框架：bootstrap3.数据库：mysql4.前台代码<body><div><div class="form-inline" ><div style="margin-top:10px;"> <div class="form-group"> <div class="row">
2021-10-11 00:00:00
510
原创 初步学习基于springboot框架的接口编写
1.创建errormgr文件夹1.1ErrorCode.javapackage com.example.xc.errormgr;public interface ErrorCode {/*** 10000 网络繁忙* 10001 无此用户* 10002 添加成功* 10003 删除成功* 10004 更新成功* 10005 此用户已存在* 10006 添加失败* 10007 删除失败* 10008 更新失败* -1 请求失败* 0 请求成功*/int NETERROR = 1
2021-10-10 00:00:00
197
原创 vue中表格实现正在加载数据的效果
1.在el-table表格加入v-loading=“pictLoading_admin”element-loading-background = “rgba(0, 0, 0, 0.5)”element-loading-text = “数据正在加载中”element-loading-spinner = “el-icon-loading”2.设置pictLoading_admin默认为false3.当获取表格数据之前，设置pictLoading_admin为true4.最终效果为5.获取
2021-10-09 00:00:00
807
原创 vue学习之关于element日历calendar组件中上月，今天，下月的显示
今天学习写日历的模板，不过element日历组件官方文档提供的资料较少，所以试着写了个简单的，以后再深入学习。显示效果图：本月：上月：下月：下方是源码<template><div><el-calendar v-model="value" id="calendar"><!-- 这里使用的是 2.5 slot 语法，对于新项目请使用 2.6 slot 语法--><templateslot="dateCell"slot-scope="
2021-10-08 00:00:00
4004
1
原创 基于bootstrap框架的bootstrap-table表格使用
1.导入相应的bootstrap,bootstrap-table的包2.正常页面示意图3.jsp页面源码<html><head><title>管理员信息管理</title><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><link rel="stylesheet" hr
2021-10-07 00:00:00
1795
原创 vue下多文件上传，及表格中文件显示方式
1.使用element-ui中提供的文件上传方式文件上传<el-uploadclass="upload-demo"action="#":before-upload="before_upload_Z"//多文件上传，使用的方法:file-list="fileList_Z"//多文件集合:on-preview="handlePreview_Z"//文件上传之后，点击文件进行查看文件:on-exceed="handleExceed_Z"//上传失败提醒方式:on-remove="remov
2021-10-06 00:00:00
1210
原创 html关于点击radio触发事件
1.导入jquery.js2.源码:<body> <div> <span>状态</span> <div> <div class="radio-inline"> <label> <input type="radio" name="status" id="status" value="0"> 状态1 </label> </div><div class="rad
2021-10-05 22:30:00
7261
原创 springboot整合jpa
1.新建springboot项目2.在application.yml中设置数据库的连接spring: profiles: active: dev---server: port: 8009spring: datasource: driver-class-name: com.mysql.jdbc.Driver url: jdbc:mysql://localhost:3306/users?useUnicode=true&charaterEncodi
2021-09-30 10:49:15
85
原创 nodejs创建web服务，并访问html文件
1.安装expressnpm install express2.创建webServer.jsconst express = require('express')const path = require('path')const app = express()//访问public文件夹下的文件app.use(express.static(path.join(__dirname, 'public')))app.listen(9100, () => { console.log('Ap
2021-09-30 00:00:00
397
原创 springboot整合Mybatis，自动生成代码
1.创建springboot项目2.pom.xml增加mybatis相关依赖 <dependency> <groupId>org.mybatis.spring.boot</groupId> <artifactId>mybatis-spring-boot-starter</artifactId> <version>2.2.0</version>
2021-09-29 00:00:00
361
原创 解决intellij idea中创建树状文件夹时，文件连在一起的问题
刚开始使用intellij idea时，创建树状文件夹后发现文件连在一起，如图：解决方法：
2021-09-28 10:22:08
1111
原创 vue下使用vue-quill-editor富文本框与el-upload上传组件相结合
1.使用npm安装vue-quill-editornpm install vue-quill-editor -s2.挂载到项目，这里使用的是全局挂载，在main.js中加入如下代码import VueQuillEditoe from 'vue-quill-editor'import 'quill/dist/quill.core.css'import 'quill/dist/quill.snow.css'import 'quill/dist/quill.bubble.css'Vue.use(
2021-09-27 09:14:49
511
原创 vue初步学习之登录页的搭建
1.在package.json中引入相关组件2.在main.js中设置组件的全局变量3.加入路由4.编写登录页login.vue,下面为完整代码<template><div style="height:calc(100vh - 20px);"><div class="login" :style="'background-image:url('+ Background +');'"><el-form ref="loginForm" :mode
2021-09-26 09:32:32
136
原创 vue使用element-ui组件，通过el-form进行表单提交
1.新建api文件夹，该文件夹中主要存放接口路径。新建request.js,该js主要用于接口存放路径。import axios from 'axios'/** * 封装axios请求 */// create an axios instanceconst service = axios.create({ baseURL: 'http://localhost:8001/order/',//本地请求路径 timeout: 5000 // request timeout})//
2021-09-25 17:22:01
7666
原创 vue中使用svg图片
1.安装依赖：npm install svg-sprite-loader --save-dev2.修改webpack.base.conf.js，加入如下代码：{test: /.(png|jpe?g|gif|svg)(?.*)?$/,loader: ‘url-loader’,exclude: [resolve(‘src/icons’)], // 使用exclude排除src/icons，让url-loader只处理除此文件夹之外的svgoptions: {limit: 10000,name:
2021-09-24 17:05:42
673
原创 ubuntu下一些命令合集
1.查看防火墙当前状态sudo ufw status2.开启防火墙sudo ufw enable3.关闭防火墙sudo ufw disable4.查看防火墙版本sudo ufw version5.默认允许外部访问本机sudo ufw default allow6.默认拒绝外部访问主机sudo ufw default deny7.允许外部访问80端口sudo ufw allow 808.使用lsof命令查看端口详情：lsof -i:80009.若要关闭使用这个端口的程序，使用k
2021-05-20 17:32:25
57
原创 html页面中关于无缝轮播图设计
1.首先需要引入相应的插件，这里使用的是swiper插件2.导入相应的js与css，这里只需要导入jquery与swiper相应的js与css3.下面是完整的代码<head> <title></title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <scri
2020-10-30 10:24:59
809
原创 vue学习2 引入组件
1.在新建的vue项目中，打开package.json,找到dependencies，在其中输入组件2.在下方输入npm install，下载组件3.在main.js中调用这些组件，运行项目4.运行项目后会报这些错误5.解决办法打开config里面的index.js找到useEslint: true，将其改为false即可6.保存，重新运行...
2020-10-23 13:55:27
622
原创 java 后台实现记录日志的功能
1.编写实现记录日志的静态方法To change this license header, choose License Headers in Project Properties.To change this template file, choose Tools | Templatesand open the template in the editor.*/package util;import java.io.BufferedWriter;import java.io.File;i
2020-10-22 14:00:31
1321
1
原创 IntelliJ IDEA创建第一个Vue工程
1.打开IntelliJ IDEA，点击file–>new–>project2.选择Static web,点击vue.js3.按步骤点击下一步即可4.vue项目中，main.js,App.vue,index.html如何调用1、main.js是我们的入口文件，主要作用是初始化vue实例，并引入所需要的插件2、App.vue是我们的主组件，所有页面都是在App.vue下进行切换的。其实你也可以理解为所有的路由也是App.vue的子组件。所以我将router标示为App.vue的子组
2020-10-22 13:56:21
1087
原创 初步学习使用echarts图表插件
ECharts 提供了常规的折线图、柱状图、散点图、饼图、K线图，用于统计的盒形图，这里初步显示柱状图1.下载echarts插件，官网:https://echarts.baidu.com/index.html,这里使用bootstrap框架2.前端页面html代码 <div class="col-lg-12"> <h3 class="page-header">我的关心</h3> </div> &l
2020-10-21 11:49:25
181
原创 springboot项目部署与开机自启动设置
springboot项目打包方式：1.在项目中的右侧打开maven，找到package，双击进行打包2.之后在target下会生成jar包，该jar包为打包生成的部署：通过pscp将该jar包上传到ubuntu下，运行该jar包：java -jar XXX.jar,之后相应的ip+springboot中配置的端口来运行项目，若无法运行，请检查防火墙是否打开：ufw status。该运行方式是没有加入开机自启动，所以一旦关闭之后则无法运行开机自启动设置：1.添加自启动设置：cp /etc/in
2020-10-20 11:52:31
734
1
原创 ubuntu下mysql开机自启动设置
1.将mysql中的/support-files/mysql.server文件复制到/etc/init.d/mysql中，更改mysql文件cp /usr/local/mysql/mysql/support-files/mysql.server /etc/init.d/mysql2.重启mysql3.启动服务和添加到自启服务中 启动服务命令： service mysql start 添加到自启服务命令: update-rc.d –f mysqldefaults +序号 关闭服务命令： servi
2020-10-20 09:13:13
2285
原创 ubuntu下tomcat开机自启动设置
1.进入ubuntu中tomcat安装目录中bin下cd /usr/local/tomcat/apache-tomcat-8.0.48/bin2.复制catalina.sh到/etc/init.d目录下并重命名cp /usr/local/tomcat/apache-tomcat-8.0.48/bin/catalina.sh /etc/init.d/tomcat3.编辑配置信息vi /etc/init.d/tomcat4.如果没有配置CATALINA_HOME和 JAVA_HOME信息，
2020-10-19 09:00:31
1363
原创 linux下mysql数据库的安装
1.下载mysql-5.7.19-linux-glibc2.12-x86_64.tar.gz2.在/usr/local中新建mysql，将mysql-5.7.19-linux-glibc2.12-x86_64.tar.gz上传到mysql中3.解压tar -zxvf mysql-5.7.19-linux-glibc2.12-x86_64.tar.gz4.重命名mv tar -zxvf mysql-5.7.19-linux-glibc2.12-x86_64.tar.gz mysql5.创建mysql用
2020-10-18 15:08:49
131
1
原创 liunx下tomcat安装
1.tomcat下载网址：http://tomcat.apache.org/，下载tomcat，如：apache-tomcat-8.5.47.tar.gz在服务器中/usr/local下新建tomcat文件夹，mkdir tomcat3.使用pscp将 apache-tomcat-8.5.47.tar.gz上传到tomcat文件夹下4.解压tar -zxvf apache-tomcat-8.5.47.tar.gz5.进入tomcat安装bin目录并启动./startup.sh6.打开8080端
2020-10-17 08:16:45
54
原创 linux下jdk的安装
jdk官网下载地址:http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html1.在官网中下载jdk安装包，如jdk-8u161-linux-x64.tar.gz2.在服务器中/usr/local下新建java文件夹：mkdir java3.使用pscp将jdk包上传至java文件夹中4.解压jdk包：tar -zxvf jdk-8u161-linux-x64.tar.gz5.设置环境变量v
2020-10-15 09:04:33
86
原创 liunx下第二块硬盘分区及挂载
liunx下第二块硬盘分区及挂载1.lsblk查看硬盘及其分区或fdisk -l查看分区，两块硬盘分别为vda,vdb。其中vda下拥有vda1分区。lsblk查看硬盘及其分区fdisk -l查看分区df -h 查看硬盘挂载，vda1挂载在根目录下给硬盘进行分区， fdisk /dev/vdb按"p"键打印分区表这块硬磁尚未分区，按"n"键新建一个分区。新建第一个分区时按1，根据Select (default p)提示进行下一步操作，新建完成后，按w键保存退出lsblk查看分区
2020-10-14 15:57:21
979
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人