自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

熊猫大哥大

如有技术问题可通过微信公众号【熊猫大哥大】与我联系

  • 博客(23)
  • 资源 (6)
  • 论坛 (1)
  • 收藏
  • 关注

原创 Element el-check 多选框详解

1. 用途多选框用来从备选的选项中选择任意多个,0个或者全部均可。注意选择器(下拉选择框)也支持多选,相比与选择器,多选框的选项是全部显示在界面上的,而选择器需要点击下拉按钮才能显示全部选项。2. 普通多选框普通多选框v-model绑定一个变量,变量的值为true/false分别对应选中/未选中,示例如下:HTML代码: 普通多选框: <el-checkbox v-model="checkedBasketball">篮球</el-checkbox>

2021-01-30 13:59:57 84

原创 Element el-radio 单选框详解

1. 用途单选框使用的场景非常普遍,用于列出多个选项,供用户选择其中一个。注意Select选择器也可以从多个选项中选择一个,单选框的优势是可以在界面上同时显示所有选项,缺点是选项多时占用空间大。而选择器优势是占用空间小(选项下拉选择时才显示),缺点是必须要下拉时才能显示所有选项。2. 单选框单选框HTML代码如下: <el-radio v-model="radio1" label="male">男</el-radio> <el-radio v-model="

2021-01-29 15:43:26 116

原创 Vue 路由 标签页切换时保留页面状态不重新加载

1. 场景左侧是导航菜单,点击后可以打开多个页面,通过标签切换已打开的页面。但是切换时,Vue路由默认地会重新加载每个路由页面,现在的需求就是想实现保留每个页面的状态,比如输入的文字,不在切换页面时丢失状态。2. 解决方案首先将<router-view通过<keep-alive>标签包裹起来,注意exclude="Dashboard"属性表示不保留状态的页面组件名称。 <keep-alive exclude="Dashboard"> &l

2021-01-28 15:20:56 214

原创 Spring Boot 入门教程25篇

今日头条搜索三线城市程序员老陈观看视频教程,或者聊聊技术与人生,非常欢迎吭。SpringBoot之路(1)–前情提要、前景展望SpringBoot之路(2)–SpringBoot的由来与江湖地位...

2021-01-28 12:39:16 553

原创 Element el-button 按钮组件详解

1. 背景按钮是很常用的,Element的按钮功能还是比较全面的,本篇就来介绍下。先看下各种按钮的效果图:2. 按钮分类el-button按钮的分类基本是靠颜色区分的,另外还有一种文本按钮type="text",文本按钮由于比较小,比较适合用于表格每行的操作栏部分。 按钮分类: <el-button>默认</el-button> <el-button type="primary">primary</el-button>

2021-01-27 16:07:45 586

原创 Element el-icon 图标组件详解

1. 背景使用图标可以使我们的系统界面更加的炫酷美妙,Element也提供了一些常用的图标可以直接拿来使用。2. 使用方式第1种方式通过class样式使用,如下即显示了一个搜索图标。注意图标是以el-icon-开头的,后面的单词表示图标的含义。 <i class="el-icon-search"></i>此时同样可以将图标放入按钮中。 <el-button type="primary"><i class="el-icon-search">&

2021-01-27 13:31:10 702 2

原创 Element el-container 布局容器组件详解

1. 背景由于一般的网页布局,也就是分个侧边导航栏,顶部标题栏,中间内容区域,以及底部版权信心栏。element为了方便开发人员使用,直接提供了布局容器组件,可以很方便的直接生成上述的布局栏。2. 全局样式为了让网页的布局占满屏幕,一般在开始布局之前,设定下全局样式,修改index.html,添加全局样式代码如下。 <style> html,body,#app{ height:100%; margin: 0px; paddi

2021-01-27 11:32:19 136

原创 Element el-row el-col 布局组件详解

1. 背景element的布局方式与bootstrap原理是一样的,将网页划分成若干行,然后每行等分为若干列,基于这样的方式进行布局,形象的成为栅栏布局。区别是element可将每行划分为24个分栏,而bootstrap是划分为12个分栏,从使用角度,还是24个分栏更加精细。2. 分栏布局首先每行使用<el-row>标签标识,然后每行内的列使用<el-col>标识,至于每列整行的宽度比例,则使用:span属性进行设置。如下代码,即为将1行等分为2列,为了便于区分列,我们为列

2021-01-27 10:18:12 174

原创 Element 开发环境配置

1. 背景Element Vue是基于Vue 2.0的桌面端组件库,目前非常流行。可以说是国内目前最主流的Vue桌面组件库,具备非常完善的组件和高度灵活的特性,相当值得学习使用。本篇来说下Element开发环境的配置。2. 安装使用npm安装即可,命令为npm i element-ui -S。3. 引入安装完成后,需要在Vue项目中引入,建议直接完整引入ElementUI的全部功能。修改main.js文件如下:import Vue from 'vue';import ElementUI f

2021-01-26 15:42:00 53

原创 Vue工程项目环境安装、项目构建运行、打包部署详解

1. 背景Vue工程化项目环境配置还是比较麻烦的,本篇来详细的记录下从0开始的安装、构建、打包、运行全过程。2. 整体步骤第一,安装Node.js,这个是前端工程化项目运行的基础环境。第二,安装Vue,使我们前端开发环境可以支持Vue开发。第三,安装Vue CLI,这是Vue提供的交互时的项目脚手架,有点难理解是吧,其实就是一个快速构建Vue工程的小工具,通过Vue CLI,开发人员可以使用命令行或者可视化界面快速构建Vue工程项目。第四,我们通过Vue CLI提供的可视化工具来构建一个Vue工

2021-01-26 15:26:15 53

原创 Vue单页面开发环境安装

1. 背景Vue有两种使用方式,第一种比较简单,通过<script>标签直接将Vue引入页面后,在当前页面使用Vue即可。第二种方式比较复杂,是通过NPM构建工程化的Vue项目,当然复杂有复杂的好处,可以使用的功能更加多,可以支撑复杂应用的开发。在入门学习阶段,可以使用第一种方式,快速入门。在熟悉了Vue方方面面后,再使用第二种方式深入学习使用。2. 使用标签引入Vue可以直接通过CDN引入Vue,开发环境使用如下方式,可以查看警告和调试信息。<script src="http

2021-01-26 13:30:38 31

原创 HTML跳转到页面指定元素位置

背景很多时候,我们需要跳转到一个指定id的元素的位置,其实有几种实现方式。通过jQuery实现可以通过jQuery跳到指定元素所在的高度位置top。<html> <head> <title>base tag demo</title> <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script> </hea

2021-01-22 11:37:54 62

原创 HTML中使用base标签设置URL访问基准

1. 背景一般我写网页是不使用base标签的,但是经常会在看别人的网页时使用base标签,对其含义也一直不甚清楚。其实base标签还是很常见的,如果使用得当也能让我们的HTML代码更加清晰规范。2. base标签的作用base标签用于设置当前HTML页面的访问基准,也就是说使用了base标签后,其他标签的URL在解析时会加上base标签设置的基准。3. 示例有两个网页处于同一文件夹下,分别为main.html和test.html。main.html代码如下:<html> &lt

2021-01-21 11:47:11 63

原创 Element表格el-table固定表头且高度占满

el-table固定表头非常简单,只要给添加height属性即可。<el-table height="250"></el-table>如果想让表格占满当前高度,必要前提时让父元素的高度先撑满当前高度。<div style="height:100%"> <el-table height="100%"></el-table></div>而有些情况下,设置height为100%只能保证固定表头,高度无法占满,此时可以尝试使用。

2021-01-18 13:37:28 247

原创 使用设计模式出任CEO迎娶白富美(7)–建造者模式解决工艺复杂问题

对工艺流程的思考工艺有很多种,不同产品工艺流程不同,不同的工艺流程有不同的操作顺序。以目前车间生产的主流产品物联网水表为例,需要先装配基表(可以通水的部分),然后安装电池,最后安装网络模块(负责将水表接入网络,实现远程抄读与控制)。目前需要控制生产流程严格的安装基表–电池–网络模块先后顺序来实完成。该怎么办呢。对建造者模式的参考与顺序相关的设计模式不就是建造者模式么,二毛突然脑子里闪过一道光,何不参考下设计模式,看看能不能获取设计上的灵感。于是二毛打开经典的Eclipse,开始针对当前的场景进

2021-01-14 13:22:51 50

原创 使用设计模式出任CEO迎娶白富美(6)–冬日暖阳,二毛茶一壶

冬日暖阳在使用原型模式解决了车间管理规范问题之后,二毛明显能感觉到车间生产效率和生产质量得到了提升。其他几个车间的主任也过来讨论了下,也开始重视规范问题,指定各种器件、设备、人员管理的原型标准。今个儿,阳光正好,穿过车间办公室巨大的窗户,落在二毛办公桌上。暖意洋洋,在清冷的冬日,还有什么,比一缕暖阳更加沁人心脾的?那就是一壶我正在喝的暖茶了吧,哈哈哈,二毛比较开心。有人给二毛介绍对象了为何如此开心呢?其一,工作上逐渐步入正轨,随着对公司制度和人员的深入了解,二毛一天比一天更加得心应手了。其二

2021-01-14 13:22:10 82

原创 使用设计模式出任CEO迎娶白富美(5)--原型模式解决车间管理规范问题

背景时间在指尖流淌,转瞬已是担任车间主任第10天。看着车间轰鸣的机器,流水线上繁忙的工人,二毛心里有种沉甸甸的责任感。经过10天的了解,二毛基本认识了车间的每个工人,每道工序,这样后续遇到问题处理起来也算是知根知底吧。中午吃饭跟车间几个流水线的班长聊起日常工作,发现了一些问题。有班长反馈,如果人员流失,则新来的人掌握的技能与老员工有比较大的差距,导致生产问题。有班长反馈,个别批次产品质量不稳定,导致工人被罚款后,工作积极性下降。有班长反馈,部分生产设备调试时参数比较多,容易出错,这也导致产品质

2021-01-12 13:06:57 38

原创 使用设计模式出任CEO迎娶白富美--系列文章索引

引子设计模式代码并不难,有点基础的人都能看懂。但是容易记不清、弄不明白背景和用途。本系列文章就是想通过一系列的故事,来引导各位看熟悉各个设计模式的使用场景。仅此而已,大吉大利。源码GitHub目录使用设计模式出任CEO迎娶白富美(1)–毕业即失业使用设计模式出任CEO迎娶白富美(2)–老板就喜欢聊设计模式?使用设计模式出任CEO迎娶白富美(3)–一番对单例模式的讲解让老板熨帖使用设计模式出任CEO迎娶白富美(4)–走马上任,华丽转身...

2021-01-11 16:09:35 72

原创 Python数据分析学习笔记(3)--第一个项目HelloWorld

1. 背景虽然PyCharm比较强大,但是第一次创建项目确实也要了解下,选项太多了,说实话都搞不懂。幸好建项目只是个模式化的行为,记住就可以了,以后核心还是代码层面。2. 创建项目打开PyCharm,选择NewProject创建一个新项目。然后,选择项目位置和项目名称(1处),环境选择Virtualenv(2处),此时PyCharm会自动带出我们之前安装的Python3.9的地址(3处),最后选择Create创建项目即可。3. 运行程序直接打开生成的main.py文件,编辑其中代码为:p

2021-01-01 15:14:07 88

原创 Python数据分析学习笔记(2)--环境搭建

1. 背景在Python学习笔记系列文章中,开发环境使用的是Python自带的IDLE,还是相当之简陋的。本系列文章采用比较高端大气上档次的PyCharm,界面华丽,功能丰富,实乃居家必备之Python神器,你值得拥有。2. 安装Python首先安装Python,至Python官网下载最新版本。如下图:下载后按照提示安装即可,没啥好说的。安装完毕后可以打开CMD命令行,输入Python回车验证下是否安装成功(注意安装时需要勾选Add Path To …表示将Python添加到环境变量)。3

2021-01-01 15:00:43 61

原创 Python数据分析学习笔记(1)--序言

1. 背景本人日常工作使用的语言以Java、JavaScript、C#为主,同时对C、C++、OC、Python有所了解。Python只是平时感兴趣,自娱自乐的。语言这个东西是没法说谁比谁好的,各自的设计理念不同,适用的领域也都不一。但是学习多门语言,当然可以开拓视野,在适宜的场景选择最佳的实现方式。再以往的学习、实践中,我经常会因此得益,书到用时方恨少,技术平时也需多多积累。2. 方向本系列学习笔记主要是研究Python在数据获取、数据处理、数据分析、数据可视化等方面的内容。这一块是Pytho

2021-01-01 14:15:31 93

原创 EasyUI+JavaWeb奖助学金管理系统[20]-项目总结与展望

1. 总结经过一顿猛如虎的代码开发,我们整个系统的功能都开发完毕了,完成了我们的计划。本系统以Java+MySQL+jQuery EasyUI为核心技术支撑,完成了包含学生、班主任、学院管理员、学校管理员四个角色的奖助学金管理系统开发,达到了可用的实战结果,非常完美吭。我们来欣赏下截图:1.1 管理员新增奖助学金项目1.2 学生发起申请1.3 班主任审批1.4 学院管理员审批1.5 学校管理员审批1.6 学生查看申请结果2. 展望虽然本系统完成了基本功能,但是可以优化的地方

2021-01-01 09:34:32 127

原创 EasyUI+JavaWeb奖助学金管理系统[19]-奖助学金审批功能开发

1. 本章任务上一章已经实现了学生奖学金的申请功能,本篇来实现下班主任、学院管理员、学校管理员审批的功能。2. 查看当前待审批的申请各级管理员需要登录后,分页查询待审批的记录列表。由于我们在生成flow表记录时,currentUserId字段即为保存的当前审批节点人员的id,所以我们按currentUserId查询即可。首先开发前端表格:<table id="mainTable" title="待审批申请列表" class="easyui-datagrid" url="CoreServlet

2021-01-01 09:22:28 65

pywin32(Python打包exe所需工具)

pywin32

2021-02-11

JSP+Servlet培训班作业管理系统

使用JSP和Servlet开发的作业管理系统,包含校长、教师、学生三种用户,可以发布课程、发布作业、在线提交作业。

2017-05-03

pandaorm.jar

使用方法参见博客:http://blog.csdn.net/woshisangsang/article/details/64127570

2017-07-17

Eclipse适用YaHei.Consolas字体

ECLIPSE适用字体,建议适用。ECLIPSE适用字体,建议适用。ECLIPSE适用字体,建议适用。ECLIPSE适用字体,建议适用。

2017-11-24

Spring4.3.25Jar包.zip

Spring 4.3.25 版本所有Jar包,供使用下载。包含Spring开发常用Jar,如mvc、aop等等。

2019-08-25

ICBC_NC3.1.0.8.rar

工商银行银企互联NC工具3.1版本,通过该工具可下载U盾证书并访问工行接口,包含相关安装包和文档说明。

2019-09-02

熊猫大哥大的留言板

发表于 2020-01-02 最后回复 2020-01-11

空空如也

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

TA关注的人 TA的粉丝

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