- 博客(135)
- 资源 (12)
- 收藏
- 关注
RSS订阅原创 vue3+element-plus+flask 简易【工作日志本】小软件（过程超详细）
终于有时间继续学习技术了！开发了一个简易的用于记录日常工作内容的小软件，权当学习和练手。功能如下：用户登录、日志内容的查、增、删、改以及导出。windows 10，mysql 8，Hbuilder X（最近vs code总是崩溃）
2024-08-08 00:14:06
578
1
原创 vue3+flask 简易登录功能实现
较为关键的几个点有：flask中session功能的应用和接收前端传递数据的方式、vue3中的组件跳转等。
2023-06-20 00:07:03
1872
原创 【无标题】PyQt5初体验——一个简单的数据管理应用
过去10多年中，我一直断断续续地学习和开发Web应用，对桌面应用开发技术的认识还停留在大学时学习的VB。近段时间在工作中产生了一个在单机上运行一个小型数据管理软件的需求，于是开始学习使用PyQt5技术，断断续续大概1周时间基本上弄出来了，现记录一下。
2023-01-14 02:42:05
902
原创 将echarts 封装为vue组件 动态加载数据——以饼状图为例
基本原理：1、创建一个用于展示图形的vue组件，保留接收数据的接口，作为子组件使用。2、在父组件中引用上述子组件，同时传递数据给子组件。本文在main.js中全局引入echarts，代码为：import * as echarts from 'echarts';Vue.prototype.$echarts = echarts子组件echartscom.vue：<template> <div class="echartsCommon"> <div sty
2022-04-23 20:23:33
4221
1
原创 vue 动态加载调查问卷的内容
前端用到了bootstrap-vue框架<template> <!-- 提示窗 --> <b-alert :show="dismissCountDown" fade :variant="alertType" @dismiss-count-down="countDownChanged" style="width: 20rem;height:3.5rem;position: fixed;top:0rem;bottom:0rem;left:0rem;ri
2022-04-23 17:33:42
1985
原创 vue+php 上传附件并回显
前端（使用了bootstrap-vue框架）： <div style="text-align: left;"> <b-button size="md" pill variant="outline-primary" class="mt-2" @click="openFileWindow()"><span class="fa fa-plus"></span> 上传附件</b-button> </di
2022-04-23 17:21:48
682
原创 Vue后台管理页面总体结构及主要功能设计
后台管理页面总体结构为：顶部左侧为系统标题，顶部右侧为用户图标及改密、退出菜单。中间左侧为功能菜单，中间右侧为操作区域，可以用el-row配合el-col来实现布局。其中导航菜单可以用el-menu配合el-menu-item来实现。用v-if控制一个变量值的变化，来控制在操作区域显示哪个组件。具体代码如下<template> <div> <el-container> <el-header> <el-row c
2022-04-23 17:07:11
2124
原创 Vue Element-ui PHP 实现随机抽题
需求如题。点击开始按钮后，在一个文本框中显示跳转的数字，从1至9，同时开始按钮的文字变为停止，点击停止数字不再跳动，显示当前数字对应的题目内容。另设一个重置按钮，清空当前所选题目。html部分<!--显示操作按钮--><el-row style=" text-align: left;"> <h2>二、随机抽取题</h2> <div style="padding-left: 52px;"> <el-
2022-01-09 13:41:00
628
原创 Vue XLSX实现解析excel文件并将数据保存到服务器端
需求如题。这里的关键点是对XLSX使用方式的理解与掌握，难点是数据本身的清洗、格式化过程。html部分<el-button size="mini" type="success" round @click="importFromxlsx()" title="导入人员"><i class="el-icon-upload2"></i> </el-button>   <a href="/static/看护人
2022-01-07 00:48:10
1042
原创 Vue mint-ui 动态生成单选表单并绑定属性（含文件上传）
需求为保安人员研发一款巡逻记录小应用，巡逻的内容从服务器端获取，对应每个巡逻内容须提交巡逻结果和一张印证图片。思路从后台拉取数据动态生成单选组，并绑定数据属性，每一个单选组对应一个文件上传功能。具体为：根据后台拉取的单选组内容，在data()中动态创建一个json数据，包含单选项目本身的内容、存储用户选择值和对应的图片保存路径。代码html部分：<template> <div style="text-align: left;padding-bottom: 50px;">
2022-01-07 00:25:36
971
原创 vue npm 实现本地开发并部署到本地Webserver的方法
尝试在本地开发并部署到本地的apache下的WWW/test/目录中。过程如下：软件环境vue版本：2.9.6npm版本：6.14.10开发工具：HBuilder XWebServer：Apacher 2.4后端：PHP 7.3.4OS：Windows 10创建项目并修改配置文件1、创建项目利用cmd访问到D:\Projects\目录下，执行vue init webpack test可以此创建名为test的vue项目。安装axios，用于访问后端cd testnpm i ax
2021-01-29 01:34:20
846
原创 基于Vue开发钉钉企业内部应用的鉴权过程的实现
笔者在之前的博文中曾经介绍过钉钉企业内部应用的鉴权过程的实现方式，当时前端选用的是jquery。上周学习了Vue，并尝试开发了一款简易的钉钉企业内部应用。现实现过程作概括总结。PS：因笔者尚未学习Webpack工具，本文使用script标签引入vue.js，利用httpVueLoader引入外部Vue组件。index.html <head> <meta...
2020-04-28 23:27:49
1692
转载 Office2016使用HP打印机只能打印一次再打印就假死怎么办?
前几天把PC中使用了多年的Office 2013卸载了，安装了Office 2016。今天在打印文档时发现，第一次能够顺利打印，而再次打印则会出现Office软件卡死的现象。随后在“脚本之家”上找到了解决办法，亲测可行。原文地址：https://www.jb51.net/hardware/other/430023.html内容我也一并转过来。希望能帮到更多人。并向原文作者致敬！部分使用HP打...
2020-03-31 22:32:19
2424
原创 钉钉企业内部应用开发之鉴权实现过程
1、以机构管理员身份在后台创建应用，记下corpId、appkey、appsecret等信息，配置好服务器入口信息等。2、在开发pc上安装rc版钉钉，可以进行调试。3、搭建开发环境，我选择的是前端js（jquery、bootstrap等）+后端php+数据库mysql。4、前端代码：index.html<!DOCTYPE html><html lang="zh-cn"...
2020-03-15 18:32:26
2611
原创 Vue.js 基本知识——基于script标签引入
1、使用Script标签引入vue的方法<script src="https://unpkg.com/vue/dist/vue.js"></script>也可以将vue.js文件下载至项目目录。调试环境建议用vue.js，生产环境建议用vue.min.js2、组件必须有一个顶级容器，Vue的功能必须要在这此容器内。 <div id="myApp">...
2019-07-01 01:27:58
43102
1
原创 实验23 利用NAT实现外网主机访问内网服务器
Router0：Router>enRouter#conf tRouter(config)#int g0/0Router(config-if)#ip address 200.1.8.7 255.255.255.0Router(config-if)#no shutdown Router(config-if)#exitRouter(config)#int g0/1Router(...
2018-12-08 11:25:28
5912
原创 补充2：服务器DHCP配置
实验目的：利用服务器DHCP功能为主机自动分配IP地址实验器材：路由器两台，主机若干，服务器一台代码：Router1：Router&amp;gt;enableRouter#configure terminalRouter(config)#int G0/0Router(config-if)#ip address 192.168.1.1 255.255.255.0Router(config-...
2018-11-29 17:30:49
343
原创 补充1：路由器DHCP配置
实验目的：利用路由器的DHCP功能为主机自动分配IP地址实验器材：二层交换机一台，路由器一台，主机若干代码：Router(config)#int g0/0Router(config-if)#ip address 192.168.1.1 255.255.255.0Router(config-if)#no shutdownRouter(config-if)#exitRouter(co...
2018-11-29 17:20:26
334
原创 实验19 利用IP标准访问列表进行网络流量控制
Router1：Router&gt;enRouter#conf tRouter(config)#int g0/1Router(config-if)#ip address 172.16.1.1 255.255.255.0Router(config-if)#no shutdownRouter(config-if)#exitRouter(config)#int g0/2Router(c...
2018-11-29 11:48:54
933
1
原创 实验13 OSPF基本配置
三层交换机：Switch(config)#vlan 10Switch(config-vlan)#exitSwitch(config)#vlan 50Switch(config-vlan)#exitSwitch(config)#int vlan 10Switch(config-if)#ip address 172.16.1.2 255.255.255.0Switch(config-...
2018-11-15 00:43:40
638
原创 实验11 RIP路由配置
路由器A：Router>enRouter#conf tRouter(config)#int g0/0Router(config-if)#ip address 192.168.1.1 255.255.255.0Router(config-if)#no shutdown Router(config-if)#exitRouter(config)#int g0/1Router(co...
2018-11-08 11:55:10
1008
原创 实验10 静态路由配置
RA：Router#conf tRouter(config)#hostname RARA(config)#int s2/0RA(config-if)#ip address 192.168.1.1 255.255.255.0RA(config-if)#no shutdown RA(config-if)#clock rate 500000RA(config-if)#exitRA(c...
2018-11-01 12:12:24
989
原创 实验9 路由器Telnet配置
Router&gt;enRouter#conf tRouter(config)#hostname RARA(config)#int fastEthernet 0/0RA(config-if)#ip address 192.168.1.1 255.255.255.0RA(config-if)#no shutdown RA(config)#int fastEthernet 0/1RA(...
2018-10-25 12:11:30
2743
原创 Bootstrap 4 Tabs选项卡
<ul class="nav nav-tabs" id="myTab" role="tablist"> <li class="nav-item"> <a class="nav-link active" id="home-tab" data-toggle="tab" href=&
2018-10-19 13:38:39
16126
原创 bootstrap-fileinput 基于Boostrap的文件上传插件的用法
HTML： <script src="../js/jquery-3.2.1.min.js"></script> <script src="../js/fileinput.min.js"></script> <script src="../js/locales/zh.js"><
2018-10-19 13:35:05
598
原创 bootstrap-table基本用法
HTML： <script src="../js/jquery-3.2.1.min.js"></script> <script src="../js/bootstrap.min.js"></script> <script src="../js/bootstrap-table.js">&a
2018-10-19 13:26:19
445
原创 bootstrap-paginator服务器端分页的基本用法
HTML：<script src="../js/jquery-3.2.1.min.js"></script><script src="../js/bootstrap.min.js"></script><script src="../js/bootstrap-paginator.min.js">&l
2018-10-19 13:12:53
290
原创 实验6 端口聚合配置
在两台交换机上都做如如下配置：创建聚合端口Switch>enSwitch#conf tSwitch(config)#int range f0/1-2Switch(config-if-range)#channel-group 1 mode onSwitch(config-if-range)#exit设置聚合端口的工作模式Switch(config)#int portSwit...
2018-10-18 11:30:39
2169
原创 实验5 交换机端口安全
1、设置端口最大设备连接数Switch&gt;enSwitch#conf tSwitch(config)#int f0/1Switch(config-if)#switchport mode trunk Switch(config-if)#switchport port-security Switch(config-if)#switchport port-security maximum...
2018-10-11 13:26:56
1127
原创 实验4 跨交换机实现Vlan
实验名称：跨交换机实现 Vlan实验目的：掌握如何在交换机上划分基于端口的Vlan，理解跨交换机Vlan的工作原理和配置过程三层交换机：Switch>enSwitch#conf tSwitch(config)#vlan 10Switch(config-vlan)#exitSwitch(config)#vlan 20Switch(config-vlan)#exitSwitc...
2018-09-28 15:04:39
2806
原创 实验3 单台交换机Vlan配置
实验名称：单台交换机Vlan配置实验目的：理解交换机Vlan的工作原理，掌握在单台交换机上配置Vlan的过程Switch>enSwitch#conf tSwitch(config)#hostname gxy20180927gxy20180927(config)#vlan 2gxy20180927(config-vlan)#exitgxy20180927(config)#int...
2018-09-28 15:02:58
2421
原创 实验2 交换机Telnet配置
实验二 交换机Telnet配置实验目的：学习如何 在交换机上启用Telnet，实现通过Telnet远程访问交换机Switch&gt;enSwitch#conf tSwitch(config)#int vlan 1Switch(config-if)#ip address 192.168.1.1 255.255.255.0Switch(config-if)#no shutdown Swi...
2018-09-28 15:00:16
836
原创 实验1 交换机的基本配置
实验名称：交换机的基本配置实验目的：掌握交换机命令行的各种操作模式的区别，能够使用各种帮助信息，以及用命令行进行基本的配置。
2018-09-28 14:58:11
2233
原创 PHP Ajax 异步分页
在具体开发工作中，分页是一种非常常见功能模块。目前已经有不少基于jquery的分页插件，但是他们通常都是一次性获取所有记录加载到本地内存中，当数据量特别大时，显然效率较低。为了解决这个问题，实现了基于jquery ajax的异步分页。具体过程如下： 1、html<script src="js/jquery-3.1.1.min.js" type="text/javascript" charset="
2017-08-07 03:41:02
1308
原创 PHP(PDO)-MySQL-jQuery Ajax getJSON综合示例
实现一个简单的mysql数据库内容管理功能。通过jQuery的Ajax实现单页应用。具体代码如下： 1.index.html<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>PHP-MySQL-jQuery Ajax简单示例</title> <link rel="sty
2017-05-06 03:17:23
1129
原创 php mysql ajax 单表多字段多关键词查询
单表多字段查询在一些稍微复杂一点的查询中十分有用。本文主要利用MySQL数据库中的concat函数实现单表多字段多关键词查询。并且显示查询结果的表格可根据所选数据表动态生成。html代码<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script src
2016-04-10 21:31:52
1707
2
原创 php+mysql+jquery 简易的检索自动补全提示
这段时间看了一些关于自动补全提示方面的内容，发现大部分实现过程都十分复杂。心想这应该是一个比较简单的功能啊，于是自己亲自动手来小试一下。思路很常规，需要说明的是没有为提示内容绑定键盘事件，仅可用鼠标操作。 html+jquery内容<html><head> <style type="text/css"> #autoBox { mar
2015-11-03 16:21:51
2192
原创 一个Web布局实例
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="js/jquery-1.11.3.min.js" type="text/javascript" charset="utf-8"></script> <script t
2015-07-26 20:39:37
853
原创 CSS3中li元素自动横向排列、多栏div自动横向排列的简单方法
在传统的的css中，要想实现li元素横向排列，需要用到float属性，如果使用不熟练往往引起布局的错乱。css3中提供了一种非常好的实现机制。li元素的宽度、换行等都可自动完成，并根据窗口尺寸自动调整，呈现出一定程度的响应式布局。在Chrome，Edge，IE11中显示结果都一样。 而多栏div自动横向排列的方法与上面的相似。完整代码<!DOCTYPE html><html> <head
2015-07-26 16:18:41
23123
2
php+mysql+jquery 生成静态网页（含后台编辑功能）
2014-12-23
jquery css 主菜单跳转样式
2014-10-21
腾讯UIDesigner1.0 for pc
2014-07-27
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人